最近接触的内容涉及到了数据可视化,所以花费了一定的时间放在了数据可视化的学习上,记录是学习的另一种方式,所以在此总结下来,本次分享若有不严谨之处,欢迎各位批评指正。
一、什么是数据可视化
通俗的来讲就是把数据可视化,对一些复杂抽象的数据以图表的形式进行视觉的传达,将数据的信息及内在规律进行传播和应用。
互联网时代下,技术的发展越来越快,信息的载体更加多样化,数据可视化也不断地进军更多的行业领域,使大家更快的进行数据分析。
大屏数据可视化是以大屏为主要展示载体的数据可视化设计。
可视化大屏目前主要有信息展示、数据分析及监控预警三大类。
二、可视化大屏设计流程与规范
1、常用屏幕类型
可视化中常用的硬件设备一般有数字拼接屏,LED显示大屏,平面显示屏,可视化投影等等。
A ) 数字拼接屏
拼接屏顾名思义就是很多个屏幕拼接成一张大屏,大多数屏幕分辨率为1920x1080,拼接的小屏一般是16:9的分辨率,根据人体工程学的研究,发现人的两只眼睛的视野范围是一个长宽比例为16:9的长方形,所以电视、显示器行业根据这个黄金比例尺寸设计产品。常见的应用场景有展会大屏,展厅等等。
如何设定设计尺寸:
以3乘5的拼接屏举例,设备上下高度为1080px,单个小屏幕的高度为360px,单个小屏幕的长为640px,得出拼接屏的设计稿尺寸即:3200px *1080px 。
B ) LED显示器大屏
是一种通过控制半导体发光二极管的显示方式,靠灯的亮灭用来显示信息的显示大屏幕。有室内Led屏幕与室外Led屏幕之分。
主要应用在一些企业,显示器大屏载体主要是电脑屏幕或者显示器,设计稿按照1920*1080分辨率即可,也可根据实际情况选择最佳观看距离决定。
常见的应用场景:机场信息显示、火车候车室信息显示,广告招牌、证券金融信息显示等。2、设计流程
3、字体及配色规范
A ) 字体
一般大屏设计与开发选用自带字体微软雅黑,数字字体用DIN,其次如果嵌入字体需考虑是否免费商用,是否有可识别性,是否与当前风格融合。
B ) 配色
配色沿用631法则,即60%的主色,30%的辅色,10%的对比色。
尽由于大屏是偏暗色,配色应使用高明度、高饱和度的色彩,尽量避免使用邻近色和渐变色,以视觉清晰,画面和谐为主。
三、图表的分类介绍以及应用范围
图表可以帮助设计师更好的向用户传达数据信息,让用户更一目了然的看懂所表达的内容。选择合适的图表不仅可以让你的场景更和谐更适用,更考验设计师的设计与审美能力。
以下是我整理的各种常用图表,可以帮助你更好的进行分类:
常用图表:折线图、柱状图、饼图、散点图、地理坐标/地图、K线图、雷达图、关系图、面积图等。
其它图表:盒须图、热力图、象形柱图、主题河流图、GL散点图、GL路径图、3D散点图等。
四、技术支持及参考实现
图表工具:Echarts、Hichcharts 等
第三方开发工具:datav数据可视化、腾讯云图、百度智能云等
原生开发:HTML5、JS、CSS、WebGL、Unity等
动效制作工具:C4D、AE、3Dmax等
素材灵感收集:Behance,Pinterest等