阿里 | 数据的地理时空演绎

Behance / 2023年2月17日

大厂复盘 245 2 0

背景

高德十一出行节活动已有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.三城商圈：演绎生活化气息

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