在进入主题之前，我给大家介绍一下数据可视化，在刚开始接触大屏的时候我对这个概念也比较迷茫，其实上基于设计层面中，数据可视化是指运用视觉的方式呈现数据，有效的图表可以将繁杂的数据简化成为易于吸收的内容。

透过图象化的方式，我们更容易辨别数据的规律、趋势及关联。

总结一下几个重要的特点就是

让繁杂的非结构化数据更一目了然，从而影响决策，为企业带来价值。并且将繁杂的大数据简化成美观富有意义的可视化.

科幻电影中我们经常可以见到一种极具未来风格的用户界面，这种界面通常称其为Fantasy User Interfaces（幻想用户界面），简称FUI界面。

图例：阿凡达裡冬眠仓的仪表板，钢铁侠头盔内部的浮动视窗，或是普罗米修斯中外星太空船的立体投影，都是这种设计的应用展现。）

设计风格十分鲜明，极具未来感和科技感。在视觉层面我们主要以色彩和图形两个方面进行分析。

1.色彩

在背景的处理上常以深色的背景营造来营造强烈空间感，让用户感觉自己处在一个三维的空间当中。（例：数据资产及应用大屏）其次强烈的对比能够突出核心信息，更好的进行信息反馈。

2.图形

FUI 的图形装饰元素可以说是极其丰富，形式感很强。在设计的细节当中使用大量的抽象线条元素，在细节上例如边框和环形图的设计，FUI 的设计风格显然更具视觉冲击力

总结：数据可视化设计选择 FUI 的设计风格有着必然的原因，“大屏”作为视觉载体，物理渲染尺寸比例的变更使得扁平化设计在大屏上显得画面不饱满，缺乏细节，而 FUI 则恰好能够补充这些空白；FUI 可以帮助我们突破思维限制，寻求更好的解决方案。

具体如何开展工作

1、了解硬件特点，确定设计稿尺寸

拼接大屏：大屏几乎都是拼接屏，UI设计时不用考虑屏幕缝隙影响内容的呈现，内容不会丢失，但有可能影响视觉的表现，例如一个数据或图像被缝隙正中“劈成”两半，看起来很不舒服，所以设计时可以建立缝隙位置的参考线避免类似情况发生。（现在企业常用的有无缝隙、1.7mm缝隙、3.5mm缝隙、三种拼接大屏）

设计尺寸：拼接的每块小屏一般是16:9的高清屏，设计尺寸可以把上下高度设定为1080px，长度按照拼接屏的数量比例得出长度的设计尺寸。目前较多用的尺寸是1920x1080。

2、了解大屏的使用场景和用户群体

数据大屏为客户提供了政务、电商、客服、安全、金融等多个应用场景。

例如企业宣传、监控中心、指挥中心

3、指标确认后，选定可视化图表类型，页面布局划分出主视觉区域

• 不要使用太单一的图表、表格和图形。但是如果需要对比各种图表，要确保你阐述数据时使用的是同类的图表，这样才能便于互相比较。

• 不受数据影响样式的元素，比如说背景、网格线、外边框等等。这类元素起到的是辅助阅读作用，但如果不加处理全部放出，视觉上会显得杂乱和不够简洁，干扰到你真正想展示的信息。对于这类元素，应该尽量隐藏和弱化。

4、定义设计风格，基础色调可视化设计及排版

• 设计的风格，背景色一般用深色调，深色调科技感强，让视觉更好的聚焦，大屏暗色调看上去更柔和舒服不刺眼，也会较省电。

• 色彩可以帮助人们对信息进行深入分类，强调和淡化。良好的可视化设计可以帮助用户更好的理解数据，从而制定明智的决策。而糟糕的设计，则会混淆用户的感知，将信息完全掩盖住。首先配色要分主次，增加信息深度。同时要注意有些色彩具备潜在含义。举例来说，红色被认为是代表警告或危险的颜色,适合预警。

• 视觉效果要将企业品牌的色调融合进去，和企业的品牌文化保持一致。

5、考虑交互动画

• 动态动画增加信息可视化的视觉体验

• 将相互分离的各种信息进行关联、有节奏的信息处理

• 将信息内容更加深刻而精简地传达给阅读者 聚焦注意力

• 信息传达的过程更加轻松便捷

参考资料：

《数据可视化历史上的“人肉里程碑”》

《浅谈数据可视化》