初学者如何快速上手数据可视化设计( 四 )

(图片来源于网络)这是可视化图表选择比较确切的一个方法 , 可以作为数据可视化图表的选择依据 , 有助于准确快速的把数据图形化 。 首先根据业务目标结合数据维度确定大的关系(比较、分部、构成、联系) , 随后选择合适的图表 , 填充数据设计排版即可 。 到这一步图表基本成型 , 但是比较基础 , 为了视觉效果和数据的传达 , 也会在此基础上进行优化设计 。 优化设计之前要注意几点:切忌设计时不要过度装饰图表 , 喧宾夺主造成数据不直观 , 对观者获取数据产生障碍 。 图形化要友好 , 不能一味的追求视觉效果 , 造成图形识别度降低、友好度下降 。 图形化后一定要利于理解 。 所有的设计一定是为业务服务的 , 数据图形化后更不利于业务信息传达 , 那就失去了图形化设计的意义开发可实现 , 设计师常遇到 , 酷炸炫的效果让开发落地非常困难 , 务必要多沟通 , 懂取舍 。 设计之初就要考虑全面 。 设计尺寸与大屏的拼接方式可视化大屏一般都是多屏拼接或者LEDLCD等材质屏幕 。 不同的屏幕像素是不相同的 , 显示像素、物理像素都不同 , 包括硬件设备的不同导致输出像素也不相同 , 例如同样是3X2的拼接屏 , 输出像素可以是X1*Y1也可以是X2*Y2 , 这就造成了很多潜在问题 , 设计之初屏幕硬件及拼接方式需要提前确定 。 基本有两个方法 , 简单的说:方法一、拼接屏可以按照拼接后的横纵像素总和设计(拼接屏像素超大可等比例缩放) 。 LED/LCD屏幕设计也是同样的原理 。 方法二、按照硬件输出像素设计 , 硬件设备的输出像素一定是和整个拼接屏成比例或者是吻合的 。 所以按照输出像素设计是可以的 。 页面设计及布局思路屏幕的拼接方式及屏幕材质确定后 , 就可以进行页面的设计及数据的布局 , 页面的布局主要是依据业务及数据的重要程度来布局 , 可视化中会把核心的数据或业务的要点放中间 。 一方面中间是视觉的中心 , 二来也是数据和业务最容易传达给观众的核心位置 。 其他的数据放两侧排列 , 排列数据一定要考虑数据的关联性及联动性 , 应该有意识的把他们放一起或就近 , 让他们有关联系 , 当一组数据变化时联动效果更凸显 , 容易传达数据的价值 。 最后插播一句 , 如果是拼接屏记得把数据避开拼接缝 , 页面布局时就要考虑屏幕拼接方式 , 尽量把数据有序的展示在屏幕内 , 合理避开拼接缝减少对用户观感的影响 。 具体设计要根据项目确定使用的工具做调整 , 如web、u3d、ue4等等 。 项目用什么开发工具很大程度决定了设计方法方式 , 各种工具自有不同的优劣势 , 像web轻量化图表控件多 , 效果相比u3d会弱很多 。 u3d对三维支持好 , 粒子等效果有优势 。 了解这些大致可知道设计思路 。 字体:选择识别性高的 , 字体不要太细 , 同时要注意版权 , 不要选择太圆润的字体 。 颜色:颜色明度饱和度要高些 , 远距离观更利于信息清晰传达 。 颜色不要过于相近 , 大屏颜色相近更不易于数据间的区分 , 降低阅读舒适感 。 大屏背景选择深色系 , 内容选择亮色系 。 保持内容与背景有一定的对比关系 , 便于业务信息传达 。 (同时深色系也省电)布局示例(以1920*1080尺寸 , 布局示例)

推荐阅读