|6大数据可视化应用设计规范


本文讲述了六个数据可视化应用规范:包括图表分类、画面布局、硬件设施、字体字号、画面配色、画面饱满和画面动效 。
|6大数据可视化应用设计规范
本文插图

今天为大家带来的是数据可视化应用设计规范 , 谈谈我在设计过程中的一些经验以及分享 。
一、图表的分类介绍以及应用范围
一提到图表 , 大家脑海里浮现的 , 通常是柱状图、饼图、趋势图等等 。 这是按照图形等维度对图表进行分类 , 经常会导致图表的误用 。
图表的作用 , 是帮助我们更好地看懂数据 。 选择什么图表 , 需要回答的首要问题是『我有什么数据 , 需要用图表做什么』 , 而不是 『图表长成什么样』。 因此我们从数据出发 , 从功能角度对图表进行分类 。
|6大数据可视化应用设计规范
本文插图

|6大数据可视化应用设计规范
本文插图

二、画面布局在实战中的应用
在画面中我们经常会遇到各式各样的屏幕分辨率 , 有大屏的LED屏 , 有平面显示屏 , 数字拼接屏等等 。 那么具体的项目中我们如何去定义这些不同尺寸的屏幕来进行画面布局呢?
16:9是指显示器的宽高比 。 根据人体工程学研究 , 发现人的两只眼睛的视野范围是一个长宽比例为16:9的长方形 , 所以电视显示器行业根据这个的黄金比例尺寸来设计产品 。
|6大数据可视化应用设计规范
本文插图

|6大数据可视化应用设计规范
本文插图

如若有其他分辨率下的屏幕 , 按照这个规律的基本布局 , 尽量使组件呈现16:9比例排布是最好的;超长分辨率下的大屏设计或者拼接很多块显示器的大屏可以通过具体业务内容来展示 , 按模块去划分 , 功能点明确即可 。
此处布局只是我个人觉得比较合适的展示方式 , 并不代表一定是需要这么排布 , 还可以有很多的形式去布局 。
也可能因为业务不同 , 版式也会有调整 , 不过万变不离其中 , 掌握基础要素 , 其他分辨率下照样可以有很多编排形式!
|6大数据可视化应用设计规范
本文插图

三、硬件常用尺寸以及设备
1. Led屏幕
1)点间距不同
P3点与点之间的距离是3毫米 , P4点与点之间的距离是4毫米 。
2)清晰度不同
P后面那个数字越小 , 代表两个灯珠之间的距离越小 , 清晰度越高 , 相对应 , 价格也会高 , 因为每平方的像素点P3比P4多很多 , 成像效果好 。
3)最佳可视距离不同
点间距P3(3mm)的显示屏 , 它的最佳可视距离是3.5~10米 , 点间距P4(4mm)的显示屏 , 它的最佳可视距离是5~13.5米 。 可以根据自己的实际情况 , 选择最适合的型号 。
2. 拼接屏
拼接的每块小屏一般是16:9的高清屏 , 设计尺寸可以把上下高度设定为1080px , 长度按照拼接屏的数量比例得出长度的设计尺寸 。
例如3乘5的一块大屏幕 , 高度3块屏设为1080 , 每块高就是360 , 360除9乘16等640 , 640就是一块屏幕的长度 , 640乘5块屏=3200最后得出设计稿尺寸就是:高1080px乘宽3200px(在这里感谢我的数学老师) 。
现在企业常用的有无缝隙、1.7mm缝隙、3.5mm缝隙、三种拼接大屏 , 缝隙越小越贵 。
另外大屏设计还有一个比较重要的问题就是注意拼接屏之间的缝隙 , 设计时千万不能跨屏设计 , 不然很影响美观 。
3. 控制端
目前企业用的最多的控制端为ipad控制 , 需要在ipad上制作出控制端页面 , 一般尺寸为2048*1536 , 控制端大多数为按钮操作 , 页面尽量简单明了 。


推荐阅读