可视化大屏设计的两大构成要素

首先拿到一个任务，第一步应该需要确定设计风格。设计是人类有目的性的审美活动，为了达到某一明确的目的的自觉行为。设计风格是UI设计师在进行大屏设计时使用的有目的的图形化语言。设计师经过对数据信息全面分析、归纳及总结后，运用点、线、面的图形化语言以及恰当的色彩，做出符合审美要求的大屏风格。

每个项目都是触及到各个行业领域的，每个行业的设计风格都有不同，例如：医疗类型，就需要用到一些身体构造之类的，可能就会偏蓝色科技系列风格；党建社区志愿者这类型，就会以红色热情奔放系列风格；像金融方面，更偏向于科技蓝色黄色设计风格。（如图1、2、3所示）

图1  医疗类大屏

图2 党建类大屏

图3 金融类大屏

确定了什么样的风格，就需要确定主色。在大屏视觉上使用颜色面积的就是主色，再根据这个主色，搭配不同的辅助色，设计各种颜色的控件，通过各种控件组合成完整的大屏界面。主色是整个大屏看到最多的，也是一种可以强化视觉的识别信号。

选用恰当的图标、插图、动效，有助于衬托整个大屏的趣味性。在选择字体方面，恰当地运用字体，可以使大屏的内容得到加倍的表达。像大标题需要一些醒目的字体，突显这是展示什么内容的可视化大屏。（如图4、5所示）

图4 标题文字1

图5 标题文字2

然后就是排版设计。在指定的大屏尺寸空间里，将设计元素按照所要表现的主题和设计原则进行编排组合，形成一个整体的形象。排版设计决定大屏最终的视觉形象。

构成设计是现代设计基础理论的重要组成部分，它的形式法则也是现代设计的理论依据。构成设计包括平面、色彩、立体三个部分。三大构成也是现代设计的主要基础课程，也是从事UI设计的设计人员必须要掌握的基础知识。设计可视化大屏需要合理地布局和安排各种元素，是文字、图形、组件在平面构成中达到最佳的位置，产生最优的视觉效果。

“有秩序的美”是一种主要的表现形式，符合人们的欣赏情况。运用在可视化大屏上，可以是对称、连续、渐变、重复统一等表现形式。（如图6、7所示）

图6 左右对称形式

图7 重复、统一形式

图7当中的每个副标题边框都是统一样式的，整体对称给人一种稳定、平和的感觉。

秩序产生的美感具有简洁、直观的特点，如大屏中的线条、色块、图形的规则排列等。文字的排列方式、色彩的搭配与变化、图形的分布，都能够以秩序的方式表现设计的美感。同时，大屏可视化设计强调视觉效果的整体性。