赞助商
立即赞助

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

产品经验3年前 (2021)发布 流光
2.1K 0 0

知觉,地图已了家活中不可缺少的软件。无论行,还驾车,甚至骑行,图导航已了家陌环境下出行的必备品。随智能设备硬件不断新迭,图产品也愈发的熟,图所具备的能力场景细分领域也了多的可能性。

越来越多的源汽车采了更大的屏幕,很多汽车把地图作为了屏幕中的“首页”,超大竖屏、超长横屏地图布有了更多的形态,如二维维分屏、仪表维、ADAS-AR 等。手机开始尝试车道级、AR 地图的应。虽然各门各派都希望有自己独特的地图形态,但绝对仅仅是停留在 HMI 格一致性上,而是在全性、沉浸感、功体验上追求设计的仪式感。

在能预见 5G 时代的此刻,谁也不想落个时代。是大家在软硬件成和时间周期中寻找平衡,地图也只能在硬件能的局中寻求进化,在一个大家期望值很高的时代里稳扎稳打,寻找着理所当的“情趣点”。

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

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

地图伴随着时代的进步,形态只是停留在平面,特性仅限于工具本身,开始在还原真实世界的上断更迭代。德断探索地图形态的可性,逐渐形成了一个框架,我们称之为:空间渲染体系。

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

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

  • 下面底图架构,基本由矢的理信息数据构,靠引擎渲染绘制。属于画中的“构图框架”。
  • 图上是信息氛围层,包含城区域、设施类别的分类,赋予地图全的视觉感官,属于画中的“视觉格”。
  • 上面是导视,也就是大家熟悉的功能,与导航相关的引导信息属一。属画中的“技法”,负责点睛之笔。
  • 最上面还有一层,是基于各类行为、趋势、状组显示的数据层,属于画中的“主题”,可以决定这幅画表达的内容。

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

2. 构图框架:墨卡托的迷幻

不同的绘制方式,也会让眼见不一实。

你许看懂一幅画隐藏的容,但是地图这幅画里还真有一些玄机是你可看懂的。

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

这也就是为什只有 216W 方公的格陵岛在地图上显示那巨大的因了。

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

3. 视风:三地图的平衡术

不同的画上以承载的画面精度是不一样的。看惯游戏 CG 的同学们也许很不屑,看的三地图去,什么?

如果告诉你主流的大部导航备还无法承载游戏建模渲染,而规模化地图渲染逐渐已经备了类似的渲染能力,且性能消耗可以足大部的备显示,你还会发出不屑的声音?

化繁为简,用矢量数据绘制出精致地图。在巨大数据消耗下寻找视与元素信息平衡,配合图块数量控制,使落后手硬件 3-5 年设备也能轻松运。

精致的道,建筑、水面、天空都建立硬件性能学的平衡之。

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

4. 技法:级精准术

细节不是吸引眼球,更代表了幅画精度。如你法接受地图硬件妥协平衡术,那你可以看看这个充满真实感地图。

什么真实感?图真实世界完全一致就真实么?

真实是可你的注意集中在最重要的分。真实是可你同视野看到你需要的容。真实是可你通过地图与真实世界建立共鸣。

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

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

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

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

内容为的代,数据就是地图的主题。有人说,再多的共鸣,真实的就是真实的,虚拟的就是虚拟的,虚拟远无法取代真实的触。可是,当虚拟的地图中不只是复刻真实,而是将更多鲜活的数据以象化的形表现在地图上,你还会觉得虚拟的不如真实的?

时、、事件等所有素交在起时候,数据变成了有生命个载体时候,地图自然也”活“了起来。你所看到也不是个现状,而是段历史,个趋势,甚至是未来。

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

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

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

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

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

世界中能时时雾霾阴天,虚拟世界中却能天天风和丽。上班迎着晨晖,下班赶着夕阳。

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

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

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

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

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

2. 灵魂点缀:水天一色

天地之合为画,怎了水的点缀?波光粼粼的水面是是又给地图带来了一些灵气?

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

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

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

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

1. 有生命的座驾

属你的一款才是最美的。

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

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

超速太快会会散架呢?

2. 可玩的个人足迹

祖国那么大,德带你看看。

每个人的生活轨迹就像一幅画,与地图织在一,每个曾经留下迹的市被点亮,每个到访的区被打卡收录。

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

最我想说一关地图的感想:

  • 在视觉面前,地图还有非大的上升空间,在繁与简之间寻默契;
  • 在业务面前,地图从工具慢慢变成容器,承载着更的能;
  • 在硬件面前,地图还有十一道难关要过,性能可能是短期内无法突破的屏障;
  • 在体验前,地图有很多槽,智能数据是需要先沉淀才能有契;
  • 我面,图专业壁垒再高深又如何?如果导航不准,还会相信它么?

“情趣”看上去是个抽象表,实则代表了地图特有专业性,在信息量暴增今天,我们不定了解地图现状,也法预测地图未来有多少可能性,它却知我们在哪,我们可能要到哪里去。换位思考让地图与关系变更有情境,有趣味,有嗨。如真有天,地图会比我更楚什么时我应该去哪玩,去吃什么,去做什么,这难不是件很奇妙事么?让我们期待那天到来吧。

欢迎关注作者的微信公众:「AlibabaDesign」

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

© 版权声明
您必须登录才能参与评论!
立即登录
暂无评论...

相关文章

Tesla Model 3,标志性意义的中控设计,成为汽车业内一个颠覆式创新。采用极简的内饰设计,精简了物理按键,甚至连仪表都不复...
Tesla Model 3
今天分享下在做可视化中一些地图的获取方法、常见的一些效果的实现方法以及跟开发如何对接的一些经验分享给大家,欢迎大家沟...
可视化地图
今天我们来聊一聊特斯拉最新的车型 Model 3的中控大屏,这是一块具有标志性意义的中控设计。Model 3 的HMI堪称是对汽车行业的...
交互设计
近日在短视频上有关「高德 AR 导航」的相关视频成为爆款,得到了广大用户的欢迎和点赞,下面就和大家一起分享,高德 AR 导航...
AR导航
怀抱初心,探索世界 带着为全球用户提供更安全、便捷的出行服务的初心。从 2018 年起,我们的身影遍布世界各个角落,澳大利亚...
地图设计
移动互联时代除了智能手机的快速迭代,像汽车这样的百年工业也发生了颠覆性改变。在内饰风格日渐翻新、动能与设计不断革命的...
智能汽车
经常听到有人说,自己刚做设计,又身在小公司,不懂得正确的设计流程,也接触不到大公司设计的迭代过程,总觉得自己设计流程...
可用性测试
编者按:这篇来自产品设计师 Eugen Eşanu 的文章解开了我长久以来的一个疑惑,其中的思考和经验值得我们共勉。结尾的 One mor...
Eugen Eşanu