可视化大屏设计快速入门指南

时间：2022.04.06作者：彩乐园浏览量：1486

随着大数据工业的蓬勃生长，许多企业都开始应用数据可视化。智慧都会、智慧交通、智慧医疗等等越来越多的行业都有了可视化的需求，可视化行业也迎来了迅速生长的成恒久。

数据可视化释义

数据可视化就是把一些相对庞大、笼统的、我们看不懂的数据通过“可视化”的方法，运用图形化的手段清晰有效地将数据信息进行解读和转达，资助我们发明其中的纪律和特征，挖掘数据背后的价值。

可视化大屏

可视化大屏是以大屏为主要展示载体的数据可视化设计。它的应用场景非广泛如 ToC、ToB、ToG 等都会保存。一般应用在集会展厅、园区治理、都会交通调理中心、公安指挥中心、企业生产监控等重要场合。

可视化用户群体相比照较明确，主要是单位领导及一些一线人员。通过交互式实时数据监测，洞悉运营增长，助力智能高效决策。

陪同行业的生长，行业内也对可视化进行了一些行业细分。常见的一些类别：行业可视化（如交通、医疗、金融、军警步队、农业、工厂、化工等）、智能终端系统类（定制化终端产品）、演示 demo（数据演示、展览展示、数据看板）、可视化剖析系统（通过对数据的剖析监控辅助决策，如交通预警平台、天气监控平台等）。

市场现状

平台化

由于近几年可视化的需求越来越大，一般的公司都会有一些可视化的需求，各大厂商也逐渐整合可视化资源，实现平台化、低代码化。满足了大大都公司的可视化需求。

实现方法

目前可视化框架是大大都都是基于 Web 端的（基于 web 开发或者 web 封装）而非 PC 端。常见的可视化实现方法是二维加三维相结合，好比大屏两侧的可视化图表可以用 Echarts 这种第三方的轻量化图表控件或者 Vue 去实现。

主视觉部分会基于 Unity3D、虚幻引擎（UE4）、Ventuz、threejs 等工具去实现。满足三维炫酷的效果需求。使整个可视化大屏效果有了质的提升。这些三维工具的优势是三维粒子效果能很好的支持，且效果很是炫酷。多平台支持，可通过 webgl 封装在浏览器里翻开使用。缺点就是维护本钱较高，需要相关的专业人员去开发维护，有一定的使用门槛。一般公司如果不是专门做可视化相关业务不会配备相关专业人员。

说下几种工具的优缺点：

Ventuz 海内用的相对较少，相关专业人员也较少。虚幻引擎效果上是比较好的，可是对 WebGL 参数支持的较少。Threejs 虽然支持三维可是没有 Unity 那么强大的编辑器，一些庞大的效果实现不了。相关于前者 Unity 来说成熟一些，也是目前市场上用的比较多的，不过 three 关于前端开发同学更友好一些，容易上手，学习成内幕对低一些。

可视化设计师应了解的知识

可视化设计是相对新兴的行业，就目前市场来看也是当今比较火的行业。作为一名设计师，不但仅是只做完效果图就能行的，他是一个结合硬件设备、UI 设计、三维建模、三维渲染、动态设计、数据可视化、图形技术、GIS 数据、渲染引擎、交互技术等等综合类的交叉学科。

1. 硬件设备

硬件设备信息是做大屏一切的开始，我们首先要了解它的尺寸、比例、屏幕种类（拼接屏、LED 屏）投影方法等等一系列的信息，便当后续的设计事情。

2. GIS 数据

通常应用于参数化建模，之前写的 0-1 带你制作智慧都会地图（二）就属于参数化建模的一种，主要是通过一些地理位置高程数据进行模型的生成。属于智慧都会可视化设计的基础设施。

3. 三维建模

在可视化设计中，一般我们会结合生成参数化模型加定制化手工模型的方法处理整体效果。这么处理的目的：一是设计上能突出主体，增加画面的条理感。二是在性能上能很好地优化，提高整体性能。

4. 动效设计

常见的一些动效对接花样：GIF、MP4、APNG、Lottie、序列帧。

5. 图形技术

了解图形成像原理，是由一个个的粒子点生成的画面。