数据可视化设计经验分享
摘要: 数据可视化,是将关于数据文字的内容变为直观的图形字列展现再用户的面前。非常的注重视觉表现形式。数据的视觉表现形式被定义为,一种以某种概要形式抽提出来的信息,包括相应信息单位的各种属性和变量。做了许多大屏之后,可总... 本文内容基于山海鲸可视化软件操作,您可先免费下载山海鲸可视化后再阅读本文。 下载山海鲸可视化软件
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%使用辅助色调