实
战
经
验
数据可视化大屏设计
2021/4/30
了解项目背景产品定位
在做任何项目之前我们肯定要先了解项目背景，为什么要做这件事？价值是什么？想达到什么目的？产品的定位是什么？针对人群有哪些？业务诉求是什么等等。
前期调研竞品分析
设计规划
（1）了解物理大屏，确定尺寸。
（2）确定设计目标，通过情绪版定义风格。
（3）根据业务场景确定展示内容及布局划分，制定故事线，结构要清晰易懂。
（4） 理解数据，数据清洗，整合数据（需要清楚数据本质代表的意义和数据的目的）。
（5）选择可视化图表类型（易理解，可实现）。
（6）地理信息可视化创新与可行性评估。
设计实施
数据信息有效表达，从形，色，质，构，字，动几个方面设计，然后评审，定稿，制定规范，开发。
数据可视化是利用图表，图形化的设计手段把相对复杂、不直观的数据，清晰有效地展现出来，降低门槛，使观者更易理解。可视化能够帮助观者更快速的发现问题，辅助决策分析，提升资源利用率，挖掘数据背后的商业价值。
颜色
颜色的选择，同样根据关键词，情绪版来提炼。不同的是，为了最大程度的减少隐藏问题，当确定了风格页后，应先让开发帮我们把设计稿投到屏幕上看下效果，先不要急着做下一个页面。因为大屏的色域普遍比Mac窄，很多颜色显示不全，所以会导致偏色严重。有偏色要及时调整，对照着大屏的色域改颜色。
我们在设计的时候，大屏的背景色最好选择深色系
1. 避免拼接屏缝隙太显眼。
2. 与内容对比强烈，有冲击力，可以更好的让视觉聚焦到内容上。
3. 黑色不刺眼且省电。如果有想要突出的重点信息，建议最好采用互补色，或冷暖对比色。
排版
大屏的展示内容划分一般都是先整体，后细节，结构化思维，更容易被理解。视觉上要注意的是缝隙问题，拼接屏都会有缝隙，设计时需要建立缝隙位置的参考线，避免影响视觉，比如文字，人物图像，要尽量避开。其它就跟平时的UI设计一样，注意层次结构，主次分明，节奏感，亲密性，对比，对齐，重复等等的排版原则。
文字
字体一般都选择默认字体，微软雅黑。如果选择嵌入字体，要考虑到字体的版权问题和可读性。字号不小于14号字，常用18号字，当然，这个也是需要去现场看，文字大小在观看距离下，是否清晰可见，现场灯光光照是否对设计有影响。一系列确认无误后再开展后面的页面设计工作。
图表的选择和设计
图表是数据可视化中最重要的一部分，好的图表设计可以一图胜千言，图表的选择是一个比较复杂的课题，根据图表的特性，我把它们归为了5大类: 对比，时间，占比，分布，关系。
· 对比：不同对象的排名对比。
· 时间：数据指标随着时间的推移而变化。
· 占比：个体在整体中占有的比例。
· 分布：同一指标的不同纬度分析。
· 关系：某两个指标之间的关系。
其实数据可视化大屏的设计流程与我们平时做移动端，PC端的设计流程差不多，只是可视化更注重图表的选择与运用。
END
