大屏可视化设计指南，手把手教你实现数据可视化

所谓大屏，顾名思义就是一个很大的屏 !!!

大屏一般应用在交易大厅，展览中心，管控中心，老板办公室等等场景，把一些关键数据集中展示在一块巨大的LED屏幕上，你可以把大屏想象成巨大化的Dashboard，但又不同于传统的Dashboard，是当今数据可视化的主流展示平台。

那什么是数据可视化呢？

把相对复杂、抽象的数据通过可视的方式以人们更易理解的形式展示出来的一系列手段叫做数据可视化，数据可视化是为了更形象地表达数据内在的信息和规律，促进数据信息的传播和应用。

在当前新技术支持下，数据可视化除了“可视”，还可有可交流、可互动的特点。数据可视化的本质是数据空间到图形空间的映射，是抽象数据的具象表达。

那什么又是酷屏数据可视化呢？

酷屏数据可视化是以大屏为主要展示载体的数据可视化设计。“大面积、炫酷动效、丰富色彩”，大屏易在观感上给人留下震撼印象，利用面积大、可展示信息多的特点，通过关键信息大屏共享的方式可方便团队讨论、决策，故大屏也常用来做数据分析监测使用。酷屏数据可视化目前主要有信息展示、数据分析及监控预警三大类。

只要你掌握了酷屏设计的基本原则你就能做到同样炫酷的可视化效果！接下来我们就来看看酷屏设计的基本原则有哪些呢？

1、明确业务需求

酷屏设计要避免为了展示而展示，排版布局、图表选用等应服务于业务，所以大屏设计是在充分了解业务需求的基础上进行的。那什么是业务需求呢？业务需求就是要解决的问题或达成的目标。

2、主概述、次详情、层次分明

酷屏因为大，承载数据多，为了避免观者迷失，酷屏信息呈现要有焦点、有主次。先把突出核心数据，待用户理解大屏主要内容与展示逻辑后，再逐级浏览次要内容。部分细节数据可暂时隐藏，用户需要时可通过动画切换轮播等交互方式唤醒。

大屏可视化设计流程

1、根据业务场景需求抽取关键指标、维度

关键指标是对一组或者一系列数据的统称。一般情况下，一个指标在大屏上独占一块区域，所以通过关键指标定义，我们就知道大屏上大概会显示哪些内容以及大屏会被分为几块。确定关键指标后，根据业务需求拟定指标展示的优先级（主、次、辅）。同一个指标的数据，从不同维度分析就有不同结果。这样就可以将不同的维度的数据分开展示从而达到多维分析，全面展示详情。

2、了解物理大屏，确定设计稿尺寸

一般情况下设计稿的分辨率就是电脑的分辨率，此外，当被投电脑分辨率长宽比与大屏物理长宽比不一致时，也会对被投电脑屏幕分辨率做自定义调整，这种情况设计稿分辨率也会发生变化。所以设计开始前了解物理大屏长宽比很重要。

3、页面布局、划分主次

尺寸确立后，接下来要对设计稿进行布局划分。主要根据我们之前定好的业务指标维度进行，核心业务指标安排在中间位置，其余的指标按优先级依次在核心指标周围展开。一般把有关联的指标让其相邻或靠近，把图表类型相近的指标放一起，这样能减少客户认知上的负担并提高信息传递的效率。

版式不是金科定律，只是通常推荐的主次分布版式，能让信息一目了然。小伙伴们可以自己尝试下多样的布局来打破常规。

4、定义酷屏设计、开发酷屏

首先酷屏的设计风格主要根据行业类型、客户喜好、具体展示指标整体搭配，但总体一般以深色为主，这主要是因为大屏如果是浅色系长时间观看会造成眼睛疲劳、刺疼，还一点就是浅色上面不是很适合体现动感光线等特效的展示，大屏虽酷炫，但实际上我们也不能忘记了为了炫酷而炫酷，实际我们还是要以展示具体指标为主要目的。小伙伴们别偏题了哟。

在设计稿敲定后我们就可以开始下一步的酷屏制作了，在这里我们先留个悬念下节我们继续，《如何用ABI-酷屏制作一张很炫的大屏》。

数据可视化是一门庞大系统的科学，有很多问题会在真正应用数据时，放在大屏上才能发现，所以设计稿不一定是最后的版本，我们还要根据实际情况做对应的调整。