打开手机地图,看着那些密密麻麻的标注,你可能觉得这是设计师随手放上去的。但真轮到自己做一个带标注的地图时,你才发现这事儿没这么简单——字号大了挡路,小了看不清;颜色重了抢地图,轻了又像没标。我见过太多人栽在这上面,包括我自己。做地图标注,本质上是在做减法,你得在“让人看得见”和“不碍事”之间找到那个恰好能站住的平衡点。

先说最基础的字号和层级。很多人一上来就犯迷糊,觉得地图上的字越大越清楚。这是个错觉。地图标注的第一原则是“远看是字,近看不糊”。我做过一个测试,在手机屏幕上,12号字以下基本要靠猜,但超过16号字,两条街道名就会打架。比较稳的做法是分三级:主干道用14号加粗,次干道用12号常规,支路和兴趣点用10号。这个逻辑跟城市路网的实际等级是对应的,你用眼睛扫过去,粗字就是大路,细字就是小巷,天然形成视觉引导。
颜色这块最容易翻车。我见过一份地图,标注用了七种颜色,红的蓝的绿的紫的,看起来跟调色盘似的,结果放在地图上一看,每个标注都在抢注意力,什么都没记住。做标注配色,你得记住一个词——克制。地图底图一般有浅灰、浅绿、浅黄这些底色,标注颜色最好集中在深色系里,比如深蓝、深棕、墨绿。有特殊属性的地点再单独用一两个亮色,比如地铁站用蓝色圆点,医院用红色十字,景点用绿色树叶。这样既保持了统一,又让特殊地点跳出来了。
字体选择也是门学问。别用那种花里胡哨的字体,什么圆体、手写体,在地图上看着挺个性,但实用性特别差。地图字体要的是“耐操”——在缩放、拉伸、压扁各种变形下还能保持辨识度。黑体和微软雅黑是主流选择,因为它们的笔画均匀,小字号下不会糊成一团。有个细节很多人忽略:中文标注的英文部分,字体要单独调整。中英文混排时,英文要稍微小一号,而且用无衬线字体,不然整体看起来会头重脚轻。
标注的“避让”问题,是专业和业余的分水岭。什么叫避让?就是标注之间不能重叠,也不能压住关键地物。城市里街道密集,你要标的路名可能有几十条,但屏幕就那么大。这里有个技巧叫“优先级递进”——先放最重要的,比如主干道和地标建筑,然后放次要的,放支路。放不下就隐藏,别硬塞。而且标注要放在道路的同一侧,别一会左边一会右边,不然用户看的时候眼睛要来回跳,特别累。
说完排列,再说说标注的“内容”。地图标注不只是地名,还有距离、方向、楼层这些辅助信息。但你要控制量,不可能什么信息都堆上去。比如标注一个商场,核心信息是它的名字,然后是楼层数和是否营业中,至于它主打什么品牌、有没有停车场,这些是点进去才能看到的二级信息。把地图标注当成信息架构的入口,不是把所有东西都铺在表面,而是让你一眼知道“这是什么”,然后引导你去寻找“能干什么”。
现在很多人做地图标注,会忽略“交互状态”下的表现。地图是会缩放、旋转的,标注得跟着动。你在设计的时候,得考虑缩放时标注的显隐规则。比如全国地图上看省名,市名就不显示;放大到城市级别,区名和街道名才出来。这个逻辑要跟地图的缩放级别挂钩,不能一个标注从头到尾都在。另外,横屏和竖屏的标注布局也有差异,横屏视野宽,可以放更多横向标注,竖屏就得压缩信息,重点保留垂直方向的内容。
还有一个常被忽视的细节——标注的“可读性”要经得起光照考验。白天在户外看手机,阳光直射,屏幕亮度有限,标注颜色如果太浅,根本看不清楚。晚上用深色模式,标注颜色如果还是深色,又跟底色糊在一起。所以设计时要做两套配色方案,一套亮底,一套暗底。而且标注文字要有一定的描边或阴影效果,跟地图底图拉开层次,不然远看就是一团灰。
说说标注的“情感”。地图不只是导航工具,它也承载着记忆和情绪。你设计一个城市地图,标注里包含了老街、旧书店、小时候常去的面馆,这些标注就不是冷冰冰的文字了。我见过有的地图设计,会在标注旁边加一个小小的图形符号,比如一棵树、一碗面、一本书,这种细节让整个地图活起来了。但这事不能过度,一个地图里最多点缀三四处,多了就变成插画了,不叫标注。
回到开头说的那个平衡点。地图标注设计,往大了说是信息设计,往小了说就是“让人看得懂、找得到、不迷路”的几个字。所有的字号、颜色、字体、避让、内容、交互、光照、情感,都是在为这个目标服务。我做了这么多年地图,最深的体会是——标注不是地图的装饰品,它就是地图本身。下次你打开地图,看到那些恰到好处的标注,别只当它们是理所当然的存在,那背后可能是一堆设计师跟像素较劲的结果。而你如果要自己动手做,记住一句话:少即是多,清楚大于好看,实用大于炫技。按照这个思路去设计,你的地图标注至少能及格,再往里加一点细节和巧思,就能从及格走向专业了。