案例分享：数据可视化大屏设计经验分享（高级篇）

本期分享的是事变中现实案例——都城国际机场数据可视化大屏计划，下面将从板式气魄威风凛凛元素、图表、文案、3D结果技法、以及开拓落地等方面，举办层层说明讲授。

案例理会

下图是我们优越的技强职员操作模版直接机关出来的页面，也可以领略为需求页面，接下里就必要我按照页面的内容从头界说气魄威风凛凛计划。

原图

当我看到这个页面，起主要知道他是干什么的？成果是什么？是纯数据展示照旧监测预警？通过这些相识根基就能知道有没有交互举动，有交互和没交互在数据可视化的计划思绪上会有许多差异，尚有成果纷歧样计划偏向也会纷歧样。

其次要说明出主次数据与总分数据，还要分解今朝图表运用的公道性和大屏的计划比例尺寸等等，最终可以通过说明对页面有个公道的机关展示。

通过说明对页面从头机关，如下图：

从头机关图

最终计划稿

数据可视化页面计划，假如页面中有一个很是抢眼的主视觉图，那么一样平常对其他的元素不会太过的计划，假如都是抢视觉的元素整个页面太“盛饰艳抹”了。

上图阁下双方的图表只是简朴的泛起出来，这样整体视觉上更有呼吸感，有张力，假如每个图表都加上边框，页面就会显得狭隘，常见的3D地理都市，主视觉为3D模子，帮助元素一样平常都不外度修饰。

1. 关于板式气魄威风凛凛元素

主题气魄威风凛凛构想阶段：

既然是“都城国际机场”那么用3D地球来展示最佳不外了，3D地球无疑是一个重磅视觉元素，飞机环绕地球来回航行形成光泽，这样看上去页面会有许多线条。

计划考究“你中有我，我中有你”以是这个页面可以设定为以“线条”主题，尽也许的用纤细的结果计划其他元素。譬喻页面中纤细的条形图、柱状图、环形图这样的计划就能浮现出元素间的关联性，整体能到达一种视觉均衡调和。

注：在思索用3D地球来计划时，我是提前跟开拓雷同过，知道可以落地实现，然后才着手开始计划，以是事变中有拿禁绝的计划，要即时跟开拓雷同。

元素计划阶段：

问题计划

左边的问题中规中矩看起来较量古板，不太切合这个产物页面整体调性，右边的问题用了斜体和稍微的渐变色，可以或许渲染页面飞无邪感的气氛，以是右边的计划情势更吻合。

但不是说全部产物问题都应该用斜体渐变色，要按照产物而定，譬喻当局类产物更多是要浮现肃静的气氛，中规中矩的情势就更为吻合。

气候、氛围质量、时刻元素

气候温度、氛围质量、时刻是必然要加上的，缘故起因是飞机在户外航行必定会存眷气候，而对付北京机场来说存眷氛围质量也尤为重要，再说说时刻，既然是机场及时数据，那么当下的时刻比拟及时数据就很是故意义，以是时刻要浮现出来。

2. 关于图表计划

图表一改版：

总航班量图表截图

上面图表固然可以表达清晰所稀有据，但图表包括航班总数目，这样的揭示方法视觉上示意弱，同时不可以或许直观表达总量内里包括拖延航班和打消航班。

改版后

改版后从“出港量”“进港量”两个维度出发，归并同类项：

• 出港量包括：出港拖延航班、出港打消航班；
• 进港量包括：进港拖延航班、进港打消航班。

用大字号重点突出收支总航班量，然后在下面别离摆列拖延航班数目、打消航班数目，这样数据之间的副黄?达就很清楚，一看就大白，同时两个维度各个数据也可以互对较量。

用色声名：

• 拖延航班用黄色，黄色情感映射为守候，拖延即守候；
• 打消航班用赤色，赤色情感映射为遏制，打消即遏制。

图表二改版：

题目图表

上图环形图着适用的并不适当，环形图更得当总量的各个百分比泛起，问题“今天前五拖延进港机场”着实想示意前五名都市的拖延进港排名，排名用条形图最为直观。

但从页面的整体看一下，已经有两处用到了条形图，柱状图，假如这里照旧条形图，那么页面看起来会很单调，图表也没有示意的多样性，以是此刻计划要浮现图表的多样性也可以或许有排名的直观泛起。

（编辑：湖南网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!