原文链接:

背景

高德十一出行节活动已有6年，日活用户从千万发展到亿级，全民出行热情始终不减，旺盛的出行数据背后，如何让这股出行的力量在所有人面前迸发激情的同时，进而还能影响到后续的业务决策及地图能力建设，这有赖于数据大屏系统设计的帮助。数据可视化大屏运用从宏观到微观，用理性与艺术的另一面让数据力量凝聚，有效的建立数据与艺术的关系。让高德地图独有的活数据和全量地图要素的优势得以展示，让物理世界的变化映射到数据大屏中，通过一张地图纵览中国，展示后疫情时代下社会活力的强劲脉搏。

数据大屏的理性设计

在数据大屏这块大型屏幕上，所展示的数据变化趋势通常是实时、动态的，每一秒都在发生变化，这也是数据大屏区别于信息图等静态可视化的重要特征。数据本身是冰冷的数字，大屏需要借助数据可视化将技术与艺术完美结合，一方面数据赋予大屏可视化的价值，另一面，可视化增加了数据大屏的灵性。再结合业务目标，通过叙事策略与内容框架设计，将业务数据图形化演绎，清晰有效地传达与沟通。

大屏在感官上，怎样的距离使观看者达到最佳的观看体验，如何最大范围可视信息。在此涉及到大屏“视角”与“视距”的关系。人离大屏越远，与大屏的视角会越小，当水平视角小于30°，则失去大屏的观看体验。以眼球为中心，仰角 30°、俯角 40°为垂直有效视觉范围。因此在屏幕与观看者之间需要形成合理的视野覆盖。

场景规划：数据的叙事设计

2021年十一大屏设计主要以服务于本地生活的“吃住行游购”作为大屏的核心主题，其中涉及到丰富的业务内容和多维的数据，高德基于地理位置服务，有着天然触达衣食住行乐的平台基因。在数据大屏中DAU的节节攀攀升，通过数据可视化抽象出的业务表达，观测各数据不同维度的增长，去解读十一全民出行盛况。同时，反映出在数据情绪和业务之后的地图革新和变化。

1.时与空：数据在时空下的演绎
为了有效的传达基于地图位置的可视化，对数据进行拆解分析后会发现，这些数据生长在时间维度和空间维度中。观察数据的在空间的分布，可以看到各地域的数据的趋势变化，地域之间的人群流动与关联；在时间纬度，又看到了数据的生长与累计、趋势变化，时间与空间的融合，让数据即鲜活又生动。

2.叙事策略：宏观至微观的数据主线
数据大屏是让数据观察更加精细入微的“放大镜”，叙事以“行住吃游购”贯穿主线，不同维度的业务数据通过编排的方式，把看似有些无甚关联的数据通过设计手法抽取隐藏的关联性，形成完整的叙事骨架，落入到全国/城市/区域等不同场景里，譬如全国游客流动到不同城市，点亮哪些区域、哪些景区人流大、哪些商圈热度高等，让观看者层层递进，从表层的数据传达看到内核的业务战略。

结构化：分层构建数据大屏
接下来是要开始构建数据大屏，在数据大屏构建中传统的方式缺乏产品落地的能力，项目启动初期，我们制定规划出分层结构包含的能力类型，并与技术团队同步推进。
从下至上主要分3个大层：

1.地理空间层：地图中要素道路、绿地、水系、区域面、标注等，通过三维的设计手段打造物理场景的效果，做为承载业务数据的基座。
2.中间控场层：镜头是数据大屏的骨架，承上启下，串联融合后的数据与场景形成完整的叙事链路。
3.业务数据层：所涉及到业务数据通过可视化符号转化的方式呈现。

1.数据图形：清晰直观的可视化符号
运用图形化点、线、面、体的符号映射，根据各类业务数据属性抽象出特定的可视化符号，由结构到图形、质感的打造出清晰直观的数据大屏。

1）符号化：青山绿水游中国
游中国，在全国视角下我们把城市中5A景区数据分析聚合，形成层峦起伏的山体效果，把冰冷的数据转化成更接近于自然的艺术语言。随着时间的延伸，热度数据不断的汇聚，山体错落起伏，直观的可视出最受欢迎的的景区分布。

2）符号化：剖析商场内部数据
我们通过数据计算，对不同空间、时间维度的商场内客流量的数据进行可视化的表达，以3D热力的符号呈现，在数据大屏中展现着烟火化的生活气息。

2.场景交互：灵活的镜头控场设计
把所有场景集合在一个屏幕中，镜头的作用就尤为关键，不管是全国范围、还是城市街区，都采用长镜头的方式进行串联，做到灵活转场、无缝衔接。结合高德所具备的全量地图要素渲染的能力，灵活控制要素与地图等级的显现关系。将镜头推近，使空间数据聚焦在一个视野内，拉远，当前数据消失，新数据场景与楼块起伏出现。所见即所见的镜头策略设计，让数据大屏有了生命生长的色彩。


1）镜头的的维度变化
镜头俯视，下钻看到的是城市的全局，例如视角切换到北京，首先映入眼帘的是北京标志性的五环全貌，给人以宏观、震撼的视觉感受。展示北京当前旅游喜好的景区排行、热搜服务等数据。镜头进入45度俯仰角，楼块升起，生活气息的剖面一一展露。

全域城市精细化渲染打造

1.五座城市精细化“再现”
用数据来衡量世界，无论是地球还是城市，都是承载数据的载体，是业务数据的落脚点。在数据大屏中要打造高质量的数据基底，我们针对不同的城市按照艺术化的风格结合业务数据，展示城市维度下出行热度、旅游排行等。为了使建筑更加真实自然，以随机灯光贴图在建筑表面的方式，来模拟夜幕中万家灯火。在近景中，远处复杂繁多的建筑、道路、灯光会影响近景数据的呈现，也会消耗大屏性能，因此，我们采用看这片建筑时，则建筑细节随着视野渲染出来；未看建筑时，建筑回归宁静的方式。

2.高程山体的演化
用户的出游场景较多分布在有一定海拨高度的景区，为了可视山区内用户的游览状态。我们基于高德地图大量的地理信息数据，开发3D地形能力。在开发初期阶段，要达到理想的山体效果，需要了解3D地形的实现原理，再通过设计手法模拟山体受真实光源照射后的阴影变化，制定阴影、配色策略，实现凹凸起伏的山峦效果。

例如，杭州城市山体也遵循着3D地形策略，随高度敷色，层层渲染，达到自然文化的艺术效果，呈现出城市淡然的气质，平静的江水与流动的游客数据交相辉映，让这座城市透出历史沉淀下来文化底蕴。


3.三城商圈：演绎生活化气息
人们出游到达一座城市，景区游玩、商场购物、饭店用餐等，不同的行为方式发生在不同场景下。这些数据可视到大屏中，分布在商圈内部。随着镜头的推进，周围的场景被弱化处理，聚焦商场主体，以全息化的方式楼体外部结构消失，剖析出商场结构与店铺分布，展示内部的客流形态。辅以动态的方式逐层展开，直观解读楼层内人群热力数据，随着时间热度起伏变化，展现着熙熙攘攘的商圈经济。


数据大屏能力沉淀
每年十一数据大屏后，设计所沉淀的能力已形成了Loca数据可视化特色产品及可视化工具平台，落入高德开放平台官网，并服务于：智慧交通、智慧物流、智慧城市、全境智能等数字化领域，均采用数据大屏的形式为客户提供服务。

**

结束语
基于地图的数据大屏的设计通过对数据的计算转化，对业务动态数据的把控、以宏观的视野让地理空间数据更具活力。未来，还有越来越多的结合地图的数据可视化的前沿场景等着我们去挖掘和钻研，用设计助力更广阔的业务场景和服务体验，是我们不断前进的动力。