玩转可视化大屏设计

最近接触的内容涉及到了数据可视化，所以花费了一定的时间放在了数据可视化的学习上，记录是学习的另一种方式，所以在此总结下来，本次分享若有不严谨之处，欢迎各位批评指正。

一、什么是数据可视化

通俗的来讲就是把数据可视化，对一些复杂抽象的数据以图表的形式进行视觉的传达，将数据的信息及内在规律进行传播和应用。

互联网时代下，技术的发展越来越快，信息的载体更加多样化，数据可视化也不断地进军更多的行业领域，使大家更快的进行数据分析。

大屏数据可视化是以大屏为主要展示载体的数据可视化设计。

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

二、可视化大屏设计流程与规范

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等

希望小伙伴帮忙点个免费的“关注”哇🌹，推荐给身边更多需要的小伙伴一起学习哇🤩，关注公众号后台回复免费获取学习资料

（ps：学习资料是我精心挑选的，都是我学习使用过觉得不错才分享给大家的，大部分都是我自掏腰包买的，绝对是行业内大佬的精品课）