大屏数据可视化设计

随着大数据时代的来临，大数据可视化大屏展示被更多的企业青睐。

什么是大屏数据可视化?
大屏易在观感上给人留下震撼印象，便于营造某些独特氛围、打造仪式感。原本看不见的数据可视化后，便能调动人的情绪、引发人的共鸣，传递企业文化和价值。

大屏数据可视化目前主要有信息展示、数据分析及监控预警三大类。

核心原则：设计大屏一样要谨记要以展示数据为核心，在任何炫酷屌炸天表现都要建立在不影响数据的有效展示上！

大屏基本知识

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

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

   
   
   

   设计模板
   
   

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

大屏设计跟网页不一样，页面不能有滚动条，大屏的长宽都是固定的。

字号跟网页设计一样不小于12号字，可以用于图表的标注，数据信息建议14号字以上，大屏观者远距离才能看全内容，所以字号可以稍大一点。字体不一定只用一种，可以用到一些科技感强的字体，这里要注意，记得把字体给开发一份。

设计完成先去大屏上看一下效果，大屏的品质不一样色调也会有很大的差别，要根据自家的大屏呈现效果做调整。

3. 大屏系统示意图

   
   
   

   大屏系统示意图

一般情况下设计稿的分辨率就是电脑的分辨率，当有多个信号源时，有时会通过显卡自定义电脑屏幕分辨率，从而使电脑显示分辨率不等于其物理分辨率，此时，对应设计稿的分辨率也就变成了设置后的分辨率。
此外，当被投电脑分辨率长宽比与大屏物理长宽比不一致时（单信号源），也会对被投电脑屏幕分辨率做自定义调整，这种情况设计稿分辨率也会发生变化。所以设计开始前了解物理大屏长宽比很重要。

大屏显示的一些特点：

1. 面积巨大——用户站远才能看全内容（所以字也不能设计很小）
2. 深色背景——紧张感强，让视觉更好的聚焦，省电
3. 不可操作——大屏主要用来给来用户看的。用户一般不会直接操作大屏
4. 空间局限——大屏不像网页有滚动条，它的长宽都是固定的
5. 单独主题——每块大屏都有具体想给用户表达某个主题

设计时注意点

1. 展示的正常数据是多少，历史上极限数据是多少?
2. 数据的实时，动效的变化
3. 新颖的图表，新颖的动效
4. 数据丰富，丰富层次感，图表类型多，强烈的空间感
5. 常规数据表现元素：地图，top10，饼图，列表，数字，趋势等

需求分析，数据挖掘

1. 拆分维度——将需求拆分到最小维度
2. 确定优先——选择最佳数据来说明观点
3. 合并维度——对维度元素进行归类，化繁为简
4. 最佳表现——确定用哪种表现形式来体现数据

布局排版

参考：

布局排版

说明：(设计的几个步骤）

1. UI设计时先估算使用几个屏幕（例如4*3）
2. 规划使用几个窗口（说明：一个窗口可以在一个屏或邻近的多屏一起展示；窗口的展示方向可手动控制位置、大小）
3. 每个窗口独立进行设计，最终实现组合在一起
4. 再制作一个页面，将图组合在一起看效果（由于一般企业无大屏直接测试）