车载地图设计能多酷炫？阿里设计师全总结出来了！

扫一扫
官方手机版

扫一扫
AI创作程序

扫一扫
木子公众号

扫一扫
AI公众号

不知不觉，地图已经成为了大家生活中不可缺少的软件。无论是步行，还是驾车，甚至是骑行，地图导航已经成为了大家在陌生环境下出行的必备品。随着智能设备硬件不断更新迭代，地图产品也愈发的成熟，地图所具备的能力在场景细分领域也有了更多的可能性。

越来越多的新能源汽车采用了更大的屏幕，很多汽车也把地图作为了内饰屏幕中的“首页”，超大竖屏、超长横屏也让地图布局有了更多的形态，比如二维三维分屏、仪表三维、ADAS-AR 等。手机也开始尝试车道级、AR 地图的应用。虽然各门各派都希望有自己独特的地图形态，但绝对不仅仅是停留在 HMI 风格一致性上，而是在安全性、沉浸感、功能体验上追求设计的仪式感。

在能预见 5G 时代的此刻，谁也不想落后于这个时代。于是大家在软硬件成本和时间周期中寻找平衡，地图也只能在硬件性能的局限中寻求进化，在一个大家期望值很高的时代里稳扎稳打，寻找着那些理所当然的“情趣点”。

“情境”——地图设计的仪式感

1. 地图的仪式感：一幅画

地图伴随着时代的进步，形态也不只是停留在平面，其特性也不仅限于工具本身，开始在还原真实世界的能力上不断更新迭代。高德不断探索地图形态的可能性，逐渐形成了一个框架，我们称之为：空间渲染体系。

如果用一幅画来表达这个体系，大致可拆成四层，每层对应着组成画的要素。

• 最下面是底图架构，基本由矢量的地理信息数据构成，靠引擎渲染绘制而成。属于画中的“构图框架”。
• 底图上是信息氛围层，包含城市区域、设施类别的分类，赋予地图全新的视觉感官，属于画中的“视觉风格”。
• 再上面是导视层，也就是大家熟悉的功能层，与导航相关的引导信息都属于这一层。属于画中的“技法”，负责点睛之笔。
• 最上面还有一层，是基于各类行为、趋势、状态组合显示的数据层，属于画中的“主题”，可以决定这幅画表达的内容。

2. 构图框架：墨卡托的迷幻术

不同的绘制方式，也会让你眼见不一定为实。

你也许能看懂一幅画隐藏的内容，但是地图这幅画里还真有一些玄机是你可能看不懂的。

墨卡托投影是一种地图投影方式，这种投影会有一定的迷幻性，简单的说就是越靠近地球两极的方向，显示的图形就越大。

这也就是为什么只有 216W 平方公里的格陵兰岛在地图上显示那么巨大的原因了。

3. 视觉风格：三维地图的平衡术

不同的画布上可以承载的画面精度是不一样的。看惯了游戏 CG 的同学们也许会很不屑，好看的三维地图多了去了，这算什么？

如果我告诉你主流的大部分导航设备还无法承载游戏建模渲染，而规模化地图渲染逐渐已经具备了类似的渲染能力，且性能消耗可以满足大部分的设备显示，你还会发出不屑的声音么？

化繁为简，用矢量数据绘制出精致的地图。在巨大数据的消耗下寻找视角与元素信息的平衡，配合对图块数量的控制，使落后手机硬件 3-5 年的车机设备也能轻松的运行。

精致的道路，建筑、水面、天空都是建立在硬件性能和美学的平衡术之上。

4. 技法：车道级的精准术

细节不只是吸引眼球，更代表了一幅画的精度。如果你无法接受地图向硬件妥协的平衡术，那你可以看看这个充满真实感的地图。

什么是真实感？地图和真实世界完全一致就是真实么？

真实是可以让你的注意力集中在最重要的部分。真实是可以让你用不同视野看到你所需要的内容。真实是可以让你通过地图与真实世界建立共鸣。

5. 主题：数据的视觉盛宴

内容为王的时代，数据就是地图的主题。有人说，再多的共鸣，真实的就是真实的，虚拟的就是虚拟的，虚拟永远无法取代真实的触感。可是，当虚拟的地图中不只是复刻真实，而是将更多鲜活的数据以具象化的形态表现在地图上时，你还会觉得虚拟的不如真实的么？

当时间、人、事件等所有的因素交叉在一起的时候，数据变成了有生命的一个载体的时候，地图自然也就”活“了起来。你所看到的也不只是一个现状，而是一段历史，一个趋势，甚至是未来。

“趣味”——地图设计的美如画

1. 灵魂伴侣：360°环绕天空

一幅好画必须有一些有趣的“灵魂”。正所谓“风景如画有山必有水，地图酷炫有地必有天”，天空就是地图的灵魂伴侣。

真实世界中可能时时雾霾阴天，虚拟世界中却能天天风和日丽。上班迎着晨晖，下班赶着夕阳。

每当熬夜加班拖着疲惫的身躯开着车，陪伴你的不止漫天繁星，还有极光盛宴。

细雨纷纷，雪花飘落。如果说地图追求的是连接真实世界，在虚拟的空间里映射出现实的要素信息，为大家提供保驾护航。那天空的价值就是还原真实世界的美好，给人们带来一丝丝关怀和温度。

2. 灵魂点缀：水天一色

天地之合为画，怎能少了水的点缀？波光粼粼的水面是不是又给地图带来了一些灵气？

“嗨点”——地图设计的个性专属

1. 有生命的座驾

专属于你的那一款才是最美的。

• 待车状态：呼吸灯赋予了车生命；
• 行驶状态：流光滑动展现了车运动的流线；
• 超速状态：红灯的警示提醒着你生命的珍贵。

超速太快会不会散架呢？

2. 可以玩的个人足迹

祖国那么大，高德带你去看看。

每个人的生活轨迹就像一幅画，与地图交织在一起，每个曾经留下足迹的城市都被点亮，每个到访过的景区都被打卡收录。

最后我想说一些关于地图的感想：

• 在视觉面前，地图还有非常大的上升空间，在繁与简之间寻找默契；
• 在业务面前，地图从工具慢慢变成了容器，承载着更多的可能；
• 在硬件面前，地图还有八十一道难关要过，性能可能是短期内无法突破的屏障；
• 在体验面前，地图还有很多槽点，智能数据是需要先沉淀才能有契机的；
• 在你和我面前，地图专业壁垒再高深又如何？如果导航不准，你还会相信它么？

“情趣点”看上去是一个抽象的表达，实则代表了地图特有的专业性，在信息量暴增的今天，我们不一定了解地图的现状，也无法预测地图未来还有多少可能性，但它却知道我们在哪，我们可能要到哪里去。换位的思考让地图与人的关系变得更有情境，有趣味，有嗨点。如果真的有一天，地图会比我更清楚什么时间我应该去哪玩，去吃什么，去做什么，这难道不是一件很奇妙的事么？让我们期待那一天的到来吧。

滴滴出品！如何从零开始设计一款地图？

通过阅读“地图基础知识及通用设计原则”，相信大家已经对地图及其设计有了一定认知，本篇我们来了解下如何实践。

欢迎关注作者的微信公众号：「AlibabaDesign」