
打开手机地图,满屏的点点线线,颜色深浅不一,字号大小有别。有人觉得乱,有人觉得方便。差别在哪?就在标注样式上。地图这东西,说白了就是把真实世界压缩到一块屏幕上,怎么压缩、先压缩什么、突出什么,全靠标注样式来调度。你以为是地图在显示信息,其实是地图在替你筛选信息。好的标注,让你三秒找到目的地;烂的标注,让你盯着屏幕怀疑自己是不是瞎了。

先说颜色,这是标注样式的第一层语言。地图上的颜色不是随便涂的,每个色系背后都有一套约定俗成的逻辑。蓝的,是水系,河流湖泊海洋;绿的,是植被,公园绿地森林;黄的,是地形,沙漠丘陵高原;灰的,是建筑和道路。这套逻辑从纸质地图时代就定下来了,到了电子地图上,又被赋予了新的含义。你看高德和百度,道路的颜色从浅白到深黄,再到红色,其实是在告诉你这条路现在堵不堵。颜色一换,语义就变了。所以标注颜色这件事,最忌讳的就是任性。你非要把湖泊标成紫色,把公园标成黑色,用户看着是新鲜,但脑子里得重新建立一套认知系统,累不累?
再说字号和字重。地图上文字的大小,直接决定了信息的层级。你打开一张城市地图,城市名最大,区县名和街道名最小,这几乎是所有地图产品默认的规矩。为什么?因为用户看地图的第一诉求是定位,先搞清楚自己在哪个城市,才关心具体在哪个区,才落到某条街。字号的大小,本质上是在帮用户做信息过滤。如果你把所有文字都做成同样大小,那地图就成了大字报,什么都是重点,就等于什么都没说。字重也一样,粗体用来标注重要地标,比如火车站、机场、政府机关,细体用来标注普通居民区,这种视觉上的轻重对比,其实是在给用户指路:先看粗的,再找细的。
图标样式就更讲究了。一个地图上的小图标,可能只有几十个像素,但承载的信息量极大。你看到一个蓝色的圆形里面有个白色的小飞机,那是机场;你看到一个绿色的树形图标,那是公园;你看到一个红色的十字,那是医院。这些图标的设计原则是:形状要简单,颜色要醒目,语义要准确。但很多地图产品在这一步就翻车了,图标画得过于复杂,缩小之后糊成一团;或者追求独特,把医院图标设计成一片叶子,用户看着以为是公园,导航过去发现是急诊室,这不扯淡吗?图标样式的最高境界,是让用户不用看图例就能猜出含义,做到这一步,才叫真正的信息一目了然。
标注的位置和方向,也是学问。一个标注放哪儿,不是随手一点的事。路名要沿着道路的方向走,水系名要顺着河流的方向排,建筑名要尽可能压在建筑轮廓的中心。这些规则背后是人的阅读习惯。你横着写一行字,用户就横着读;你斜着放,用户就得歪着脖子看。地图上那些歪歪扭扭的文字,其实都是经过计算的,要让用户在最自然的视觉动线上读到信息。但这里有个容易踩的坑:标注之间的遮挡。市区里街道密集,POI(兴趣点)扎堆,标注一多就打架,你压着我我压着你。这时候就得靠优先级排序,重要的压不重要的,大字号压小字号,动态的压静态的。很多地图产品在这一步处理不好,结果就是满屏的文字互相叠罗汉,用户看得一头雾水。
图层管理,是标注样式的底层逻辑。一张地图,实际上分成很多层:底图一层,道路一层,标注一层,POI一层,实时路况又是一层。每一层的信息密度不同,显示策略也不一样。你放大地图,街道和POI的标注越来越多;你缩小地图,这些标注就该自动隐藏,只保留城市名和主干道。这种缩放时的动态调整,就是图层管理在起作用。做得好的地图,你缩放的时候会觉得一切都理所当然;做得差的,你放大半天,小胡同的名字还是挤在一团,缩小下去,城市名大得吓人,这背后的原因就是图层策略没调好。标注样式的核心,不是把信息堆上去,而是知道什么时候该把信息藏起来。
再聊聊交互状态下的标注变化。你用手指点一下某个POI,它的样式会变,颜色加深,字号放大,周围的标注自动淡出。这种变化不是花架子,而是在告诉用户:你现在选中了它,注意力放在这里。但交互状态的样式设计,最考验细节。高亮态太抢眼,周围信息全看不见了,用户就失去了参照;高亮态太弱,点了跟没点一样,用户会觉得这地图反应迟钝。而且,高亮之后的恢复也要平滑过渡,不能一下子跳回原样,那样视觉上会有闪断感。这些看似微小的细节,恰恰是地图产品体验的分水岭。
再说数据更新对标注样式的影响。地图是活的,数据天天在变,新开了一家商场,拆迁了一片老城区,路改了名,公交站挪了位置。这些变化最终都要反映到标注样式上。但问题来了:数据更新了,样式没跟上,就会出现新旧信息打架的情况。比如地图上还标着某大厦,实际已经拆了,用户导航过去看到一片空地,第一反应就是这地图不靠谱。所以标注样式不能是一成不变的静态设计,得有一套应对数据变化的机制。新数据来了,样式怎么适配;旧数据删了,样式怎么清理;临时数据比如施工封路,样式怎么突出显示。这些都是在动态使用中才能暴露出来的问题。
回头看,地图标注样式这事儿,看着是视觉设计的小事,实际上是把庞杂的地理信息翻译成用户能秒懂的语言。颜色、字号、图标、位置、图层、交互、数据适配,每一环都得环环相扣。做地图的人常说一句话:好的标注是隐形的,你看不见它,但它一直在帮你。当你觉得一张地图用起来顺手,那一定是标注样式在背后替你消化了所有复杂度。所以下次打开地图,不妨留意一下那些小字小图标,它们不是随便摆在那儿的,每一处都藏着设计师对"一目了然"这四个字的较劲。地图可以复杂,但标注必须简单,这就是让信息一目了然的全部秘诀。