在数字时代背景下，数据无处不在，成为我们洞察世界的重要途径。不过，原始数据通常是单调乏味且难以直接理解的。为此，数据可视化技术应运而生。数据可视化不仅是一种技术手段，也是一种艺术形式，它将复杂难懂的数据转化为直观易懂的形式，让人们以全新的方式感知和理解信息。

一、认识可视化

数据可视化是一种利用图形、图表及其他视觉元素来呈现数据的方法，其核心目的在于简化数据的解读，使得关键信息一目了然，从而更好地支持决策制定。根据具体的应用场景，数据可视化可以表现为静态图示、动态演示或是交互式体验，这一切都依赖于所采用的技术手段和工具。数据可视化一定会涉及具有科技感、炫酷的设计。在设计前，设计师需要了解产品需求；在设计过程中，设计师要做好布局规划、色彩把控、数据理解、图形选用、动效设计、3D 效果设计等工作。

数据可视化的主要功能包括：

•        信息传递：通过图表和图形，可以快速传递大量信息，帮助人们迅速抓住重点。

•        模式识别：数据可视化有助于发现数据中的隐藏模式和趋势，为决策提供依据。

•        决策支持：直观的数据展示能够帮助决策者更快地做出判断，提高决策效率。

二、布局之美

“美感”是大脑接收到信息后感知的一种体验，从生理学角度人本能会追求美好的感觉和体验。在布局中，首先要明确展示内容的核心与次要信息，采用主次分明的排版方式，确保重要数据在显眼位置展示。其次，要选用适合的可视化图表，如柱状图、饼图、折线图等，以清晰传达信息。最后，布局要合理，尽量避免信息拥挤，确保每个图表有足够的展示空间。其实布局之美有规律可循，即遵循美学原则。

1、平衡感

整体的平衡感是大屏设计的重要原则之一，平衡的画面会给人一种稳定感和舒适感。平衡不一定是对称结构，而是人对视觉焦点、构图形状、内容主次、色彩呈现等方面的一种平衡感知。把“核心业务指标”放在人的第一视觉位置，即大屏的右侧或中间，这样的设计就会具有平衡感，观者的浏览也会较为舒适。

2、格式塔原则

格式塔原则不仅可以合理地构建信息布局、清晰有效地呈现信息内容，还可以在细节的设计上减小观者的认知负荷。格式塔原则包括接近性、相似性、闭合性、连续性等。

2.1 接近性原则：物体之间的相对距离会影响人的感知，即会认为临近的物体比距离相对较远的物体更具有关联性，同时它们会被看作一组物体。如图，左右物体相对临近，根据人的认知习惯会被看作 3 行，上下物体相对临近，所以会被看作 3 列。

2.2 相似性原则：讲的是形状、大小、颜色相似的物体会被视为属于一个群体。在设计界面时，利用这个原则就可以很好地把不同类别的信息归类，如图，相似的元素自然被视为一类。

2.3 闭合性原则：就是将不完整的局部感知成一个整体。如图，虽然图形有缺口但首先感知到的还是一个圆形，人的这种自动脑补行为跟认知有关。当人的视觉系统看到一个物体时，大脑会将不完整的物体与人的认知模型匹配，从而达成认知。

2.4 连续性原则：连续性原则是引导视觉遵循一致的路径，通过共性将物体感知连成一个整体。如图中的环形图就具有连续性，我们能够感知到环形图的形状与运动方向。

3、黄金比例

黄金比例被称为世界上最美的数值，它具有严格的比例性、艺术性，蕴藏着非常丰富的美学价值。黄金比例是指将一个整体一分为二，较小部分与较大部分的比值等于较大部分与整体的比值，约为 0.618。

可视化大屏设计，一定要善于运用黄金比例，因为大屏一般是固定尺寸，页面通常不会上下滚动，也很少涉及适配问题，所以这是大屏设计能更充分利用黄金比例的条件。如图，大屏比例为 16∶9，这是通过划分主次业务指标对布局做了黄金分割，使其界面元素呈现非常好的和谐性和比例性。需要注意的是，切不可为了黄金比例，而忽略业务指标的层次表现。要想避免这样的问题，首先要分析业务指标，然后再尝试使用黄金比例去完善。

三、颜色之美

在大屏幕设计中，通常偏好使用深色主题。 浅色大屏容易造成眼睛疲劳，同时浅色也不容易渲染出炫酷的效果。深色背景可以减少屏幕光线对眼睛的刺激，降低长时间观看引起的疲劳。同时，它能让亮色元素更加突出，使内容清晰易读。还能营造出强烈的科技感和酷炫的视觉效果，提高观看体验。

在暗色调设计的基础上，设计还要结合行业属性来定义大屏整体的色调风格。例如政务类、交通等行业常用蓝色调，同时蓝色调也是大屏设计最为惯用的色调；党政相关，常用红色调的设计。如某央企要强调党的领导，红色与国旗、党徽等元素相结合，彰显企业的政治属性和社会责任感；能源、医疗、环保、健康类行业的大屏可以采用能够代表未来、希望的绿色调。

四、主视觉之美

一个充满文字和图表的大屏往往难以吸引观众的兴趣，因此，大屏设计的关键在于创造引人注目的焦点。这个焦点，即主视觉元素，通常占据较大的面积，用于即刻抓住观者眼球。如图 1 是山东省某政府单位看板，大屏展示的是该单位科技创新成果。中间主视觉表现数据互联互通，顶部的魔方图形体现产品多元化，图形立体效果也增加科技炫酷的氛围感。底座连带两侧腾飞翅膀元素，体现夯实数字底座，插上“数字翅膀”展翅腾飞，创新引领。两侧是相关数据指标。

如图 2 的设计，中间的地图作为主视觉并且有区域迁徙图动效，这能进一步加强视觉效果，从而增强了视觉吸引力。

正所谓“一图胜千言”，优秀的图形设计不仅能够有效地传达信息，还能激发用户的情感共鸣，增强信息的吸引力和记忆度。当然，好的大屏设计不仅要抓住观者眼球，同时也要易懂、易用。大屏的用户往往都是行业专家，其对行业有充分的理解、对产品业务需求有专业的认识，面对这样的用户，设计师务必也得拥有专业能力。

五、图表之美

优秀的图表如同语言一般，能够触动人心。一个好的图表应当拥有三项核心特质：首先，图形能够有效地传递信息；其次，能够满足业务需求；最后，图形制作精良，视觉效果吸引人。设计师的才能不仅仅表现在技术技能上，更重要的是他们的思维能力。设计一个图形首先需要明确业务要表达的数据，以及用户想了解的数据，然后再去突出重要数据，减少不必要的干扰。数据可视化的创作不必过于保守，只要能够帮助信息更加清晰、直观地呈现，并且在视觉上达到良好的效果，设计师就可以大胆尝试。不过，在追求创意的同时，也需评估技术实现的可能性，及时与开发团队交流，以确保设计方案的可行性。

六、动效之美

可视化大屏动效更是表现炫酷的重要手段之一，其不仅可以渲染大屏产品的科技感，还可以增强数据表现的灵动感，是一个不可或缺的视觉表现手法。动效在可视化大屏中具有以下几个方面的价值：

•        增强视觉冲击力：动效可以通过运动、变化、转场等方式，给人以强烈的视觉冲击，吸引用户的注意力。

•        提升信息传达效果：通过动效的运用，可以更好地传达信息，使得复杂的数据和内容更加直观、易懂。

•        增强用户体验：动效可以为用户提供更流畅、自然的交互体验，使得用户在使用可视化大屏时感到更加舒适和愉悦。

•        强化品牌形象和个性化：通过独特的动效设计，可以为可视化大屏注入品牌的个性和特色，提升品牌形象和辨识度。

•        增加故事性和情感共鸣：动效可以通过情感化的设计，给用户带来更加丰富的观感体验，增加故事性和情感共鸣。

结语

可视化艺术不仅丰富了我们的视觉体验，还拓展了我们对世界的认知。通过可视化艺术，我们可以从全新的角度理解数据，感受数据背后的故事和情感。未来，随着技术的不断创新和社会需求的不断变化，可视化艺术将继续发展和演进，成为连接科技与人文的重要桥梁。我们期待更多跨学科的合作，共同推动可视化艺术的繁荣与发展，让数据之美照亮人类的智慧之路。

欢迎大家积极留言共建，期待与各位技术大咖的深入交流！

此外，欢迎大家下载我们的inBuilder低代码平台开源社区版，可免费下载使用，加入我们，开启开发体验之旅！