数据可视化设计经验分享

数据可视化，是将关于数据文字的内容变为直观的图形字列展现再用户的面前。非常的注重视觉表现形式。数据的视觉表现形式被定义为，一种以某种概要形式抽提出来的信息，包括相应信息单位的各种属性和变量。做了许多大屏之后，可总结大屏分为信息展示、数据分析、监控预警、社区管理等大类。利用屏幕大可展示信息多的特点，将复杂、抽象的内容通过可视化更加直观的方式，以易于理解的形式帮助人们更好决策和高效管理。数据可视化中设计需求了解。

1. 需求分析与设计排版

一般的你需要了解客户需要展示那些数据需设计大屏时候需要行业对口风格统一。由于视觉展示往往也起着决定性作用。所以在需求分析排布时设计师需要提前加入项目中了解项目需求，以展示问题解决问题为目标将业务模块理出顺序。

2. 寻找参考与灵感

Eagle 是一个图片素材收藏软件可直接收藏源文件方便下次使用。
查找大屏设计网站：dribbble、behance、Tob.design、站酷、UI 中国、花瓣、pinterest。

3. 硬件了解

数据可视化最终落地平台一般有 ① 大屏、② 拼接屏、③ LED 大屏、④ DLP 大屏(无缝隙拼接市场占有率较高)、⑤ LCD、⑥ PDP(3mm 拼接缝隙)，排版时候需要了解客户是什么显示屏拼接屏要主要字体组件的摆放的位置不要刚好被线切割，还有大屏颜色的变换，确定设计稿尺寸。

4. 图表类型选择

将抽象的需求用图表的形式展示，一般图表分 ① 比较类 ② 占比类 ③ 区间类 ④ 关联类 ⑤ 趋势类 ⑥ 时间类 ⑦ 地图类。
不同展示内容选用不同形式的图表，一个页面内尽量不用使用大面积的使用同一种组件会有视觉疲劳。

5. 字体字号选择

一般大屏设计与开发尽量选择自带字体微软雅黑，字体有版权问题不可乱用。字体大小需要根据大屏尺寸来定标准大屏尺寸下（1920*1080 字体 44px 左右为小标题字号，20px 左右为小标题字号，16px 正文字号正文字号最小字号 14px，在设计时对这些规范灵活应用。

6. 颜色

颜色选用应以信息展示清晰为最基本要素，在主次清晰的情况下选择视觉效果较舒适的颜色搭配，搭配的颜色也不要太多会让大屏看上去非常凌乱。科技蓝是大屏设计最多用的色调，基本上一种主色一种辅助色加一种点缀颜色。
在演示搭配时选择“631”搭配原则，页面中 60%使用主色调，30%使用辅助色调，10%使用对比色调。或者“82”搭配 80%使用主色调，20%使用辅助色调。