从设计思路,对一次数据信息类大屏可视化设

编辑导语：在数据业务展示场景中，数据可视化大屏已经变得十分常见。那么在设计思路上，数据可视化大屏应当遵循什么样的设计逻辑？本篇文章里，作者结合实际案例，对数据化大屏的可视化设计原则做了分析，一起来看一下。

数据化大屏现在是公司的一项常用的数据业务设计展示模式，最近在负责公司的一款数据大屏的设计工作，做一下复盘吧。没有太多看法，只说几点思路想法。

一、设计开始时，要确定尺寸和颜色风格

大屏是电脑内容投影到大屏上的页面，要结合电脑屏幕的分辨率来定设计稿尺寸。

拿我们公司来说，我们公司的大屏是拼接屏16:9的，所以设计页面尺寸选用了*的尺寸，当然了也可以用4k电脑屏幕的*；因为是拼接屏，所以采用了深色暗色背景，这样可减少拼缝带来的不适感。

确定好尺寸和背景颜色后，需要明确出发点：大屏设计是在充分了解业务需求的基础上进行的。

我们都知道大屏数据可视化是以大屏为主要展示载体的数据可视化设计。大屏数据可视化目前主要有信息展示、数据分析及监控预警三大类。所以拿到需求的时候首先要知道这个大屏是干什么的？功能是什么？

而大屏的设计要坚持，大屏数据可视化设计原则——即设计服务需求、先总体后细节。

二、好了，接下来进行第一点分析——大屏的数据怎么放？

我们想象一下，一个屏幕承载的内容，用户第一眼看到它，你希望他一眼记下全部？怎么可能呢，怎么可能会让人一眼全部看的仔细，而且记得深刻，这是不现实，我们无需说一些冠冕堂皇、大而空的话说会通过设计手法实现这个。

大屏因为大，承载数据多，而大屏承载的又是数据信息，它的特点就是数据可视化的展示；所以，它最不缺的就是数据!

当信息聚集的时候，人接收信息的方式有3种：视觉性型，听觉型和触觉型。

而其中获得的大部分信息是由视觉提供的。这时候大量的数据信息集中出现，那么用户对于信息的获取其实是短暂的、迟钝的，容易视觉混乱、迷失。

这时对于大屏的数据展示来说，它最缺少的恰恰是数据的筛选主次。

因此主要而首要的设计任务是要有一个数据及其内容的主次之分，轻重缓急，让信息呈现要有焦点、有主次。大白话就是既然你无法对信息全部吸收，那就对你第一眼看到的信息过目不忘吧!

明确了这一关键点后，接下来需要对数据根据业务需求拟定各个指标展示的优先级（主、次、辅）。

我们可以通过对比，先把核心数据展示给用户，待用户理解大屏主要内容与展示逻辑后，再慢慢逐级浏览二三级内容。而且部分细节数据其实是可以暂时隐藏，用户需要时可通过鼠标点击等交互方式唤起。接下来就是：

核心业务指标安排在中间位置、占较大面积。其余的指标按优先级依次在核心指标周围展开。一般把有关联的指标让其相邻或靠近，把图表类型相近的指标放一起，这样能减少观者认知上的负担并提高信息传递的效率。

当然了这要看屏幕的布局，如果是左右布局，那主要信息在左边，如果是三栏布局，那主要信息在中间，遵循：上下布局择上；左右布局择左，三栏布局择中的原则。

三、数据的优先级确定好后，需要进行第二点分析——大屏的数据展示怎么设计？

1.拿到数据和需求，我该怎么办？

首先大屏设计是直面用户的，以体验设计为例，大家都知道，用户体验分为五要素，分别为表现层、框架层、结构层、范围层以及战略层，每层都有相应的内容做支撑。

拿体验设计师来说，体验设计师的系统化设计思路，其实就是在拿到上层需求时，会先从底层战略入手，思考底层战略需要传达的特征含义是什么，表现层怎么达成战略落地。这就是为什么手里拿到一个需求，仅往上挖，挖不出太大价值的点，只能往下挖的原因。

作为设计师，在设计之初就要有模拟好要沟通的人（针对的用户），可以通过对情绪反应、情绪体验和情感关系的

下一篇文章：没有了