我做了十几年地图产品,从最初的手绘纸质地图到现在的数字地图,见过太多设计方案。说实话,很多地图设计都犯一个毛病——太想展示技术有多牛,忘了地图本身是给人看的。前两天接手一个新项目,团队里的小伙子兴奋地拿来一版设计,满屏都是3D建筑、动态光影,我让他缩小看看,结果所有街道名字挤成一团,用户根本找不到要去的地方。这就是典型的“炫技式设计”,技术堆砌得挺热闹,实用性却打了折扣。

真正好的地图设计,第一条铁律就是搞清楚“谁在用、在哪儿用、干什么用”。拿我们给商场做的室内地图来说,用户分成三种:找店购物的人、找厕所和电梯的人、以及商场管理人员。同一张地图,给不同人看就得有不同的侧重点。找店的人需要品牌 logo 显眼,找厕所的人需要图标放大三倍,管理人员则要看人流热力图。我以前犯过傻,把所有信息都塞进一张图,结果用户反馈说“看着头晕”。后来学乖了,设计成几套图层,让用户自行选择想看的,效果立马不一样。
说到信息层级,这可是地图设计的核心功夫。我通常把信息分成三级:第一级是定位信息,告诉你现在哪、要去哪,必须最醒目;第二级是路线信息,路怎么走、有什么障碍,需清晰连贯;第三级才是兴趣点,比如餐厅、咖啡店、停车场。很多新手设计师搞反了,把兴趣点做得花里胡哨,结果用户连自己在哪都找不到。去年有个旅游 App 找我咨询,他们的景区地图上每个景点都画了精美图标,游客在山上打开后,连自己站在哪条路上都分不清。我建议他们把“你在这”的标记放大三倍,用会跳动的红点,效果立竿见影。
色彩设计这块,我得说两句掏心窝子的话。现在很多地图喜欢用深色背景加荧光色,看着酷,但一到户外强光下根本看不清。我做了这么多年,最稳妥的还是蓝白灰的主色调:蓝色代表水体,白色代表空地,灰色代表建筑,再用橙色或红色做重点标注。这种配色方案经过无数验证,白天、晚上、晴天、阴天都能看得清。有次给城市马拉松做路线图,用了粉色和紫色配色,结果当天阴天,跑友们抱怨根本看不清补给点的位置。从那以后,我在配色上就特别保守,宁愿“土”一点,也要保证可读性。
字体选择也是门学问,但常被忽视。很多设计师觉得地图上的字嘛,怎么好看怎么来,结果搞出一堆艺术字体,漂亮是漂亮,但小字号下根本认不出来。我用得最多的是思源黑体,笔画清晰,在各种尺寸下都能保持辨识度。记住一个原则:地图上的字是“读的”,才是“看的”。字号也要随场景变化,路名用 10 号字,景点名称用 14 号字,关键地标用 18 号字,这个比例我调了不下五十次才定下来。还有一点,文字千万别和背景撞色,比如深色背景配深色字,那叫一个灾难。
交互设计这块,现在的数字地图比纸质地图复杂多了。缩放、平移、旋转这些基础操作不说,关键是要让用户觉得“自然”。我见过一个设计,用户点一下地图会弹出一大堆信息卡片,遮住大半个屏幕,想关掉还得找半天关闭按钮。好的交互应该是“轻触即达”,比如长按一个地点,浮窗就出来,手指一松开就消失。手势操作方面,两指缩放、单指平移都要符合用户习惯,别搞什么“三指旋转”之类的花活。去年有个团队做了个地图,支持“甩动手机切换视角”,结果用户反馈说“坐地铁时一颠簸,地图就乱跳”,于是只好取消这个功能。
数据更新的速度,现在成了地图设计的生死线。以前纸质地图一年更新一次,顶多被骂两句“过时了”。现在数字地图更新不及时,用户立马就卸载。我最近在做一个社区地图项目,要求每周更新一次商户信息、每月更新一次道路施工情况。技术方案上,我采用增量更新,只推送变化的部分,而不是每次都重新下载整张地图。这样用户手机上的数据量小,更新也快。但有个坑:增量更新容易导致数据碎片化,时间长了地图会越来越不准。所以每隔三个月,还得安排一次全量更新,把数据彻底清理一遍。
说说地图设计里的“留白”艺术。很多设计师恨不得把所有信息都塞进去,结果地图看起来像个“信息垃圾场”。我学到的教训是:用户在一张地图上能有效处理的兴趣点数量大概在 15 到 20 个之间,超过这个数,大脑就会自动过滤掉大部分信息。所以设计时必须取舍。比如商场地下一层的餐饮区,就别把服装店、美甲店都标出来,只显示餐厅和饮品店,用户想找其他店可以自行搜索。这种“少即是多”的设计理念看似简单,却最考验设计师的功力。毕竟地图的终极目标不是展示所有信息,而是帮助用户快速找到他们真正需要的内容。
下一篇:没有了!


新闻中心