地图标注

我翻了翻手机里的地图App，又看了看挂在办公室墙上的那张城市交通图，突然意识到一个问题：同样是标注，有的让你三秒找到目的地，有的让你盯了五分钟还在原地打转。差别不在信息多少，而在设计。地图标注这事儿，看着是排版问题，骨子里是认知心理学问题。你今天打开任何一个导航软件，那些密密麻麻的路名、POI点、公交站牌，如果标注设计不到位，再精确的地理数据也白搭。

先说最基础也是最多人翻车的字号和字重。很多人觉得地图上字越多越全越好，结果所有信息挤在一起，视觉上全糊成一团。真正好的标注设计，讲究的是层级分明。一级信息比如主干道名称、地标建筑，字号要够大，字重够粗，甚至加一点描边或阴影来增强存在感；二级信息如次要街道、小区名字，用中等字号，颜色可以稍浅；三级信息像是巷弄、门牌号，就用小字号，甚至可以做成点击后才显示的交互式标注。你要记住一个原则：用户在一眼扫过的瞬间，大脑只能处理三到五个重点，你想让他记住什么，就把什么做得最显眼。

接下来是颜色搭配，这块儿最容易出现用力过猛的状况。我见过有些设计师恨不得把地图画成调色盘，红橙黄绿青蓝紫样样俱全，结果就是用户什么都看不见。地图标注的颜色不是用来好看的，是用来区分语义的。常规做法是：水系用蓝色，绿地用绿色，道路用白色或黄色，高速公路用橙色，这些是大众认知里已经形成的默契，别轻易打破。在这个基础上，你要做的是让标注文字的颜色和底图产生足够对比度。黑字配深灰底，白字配浅黄底，这种低对比度的组合，人眼看久了会累。最稳妥的方案是：深色文字配浅色底图，或者浅色文字配深色色块，中间至少留出30%的亮度差。

再聊聊标注的排列方向。这是个特别容易被忽视的细节。很多地图的街道名称是横平竖直排的，看起来规整，但放到实际使用场景里就出问题了。你开车的时候，视线是沿着道路方向走的，如果道路是斜的，标注却还横着排，你得歪着头看，多别扭。好的地图标注会跟着道路走向调整角度，让文字方向和道路轴线保持一致。这不是什么高深技术，就是多花点心思。Google Maps和苹果地图在这点上做得比较到位，你可以打开看看，它们对斜向道路的标注都有角度适配。当然，也不能为了角度而角度，文字角度超过45度以后可读性会急剧下降，这时候宁可截断或缩写，也别硬转。

说到缩写和省略，这里头有门道。地图的物理空间是有限的，字太多放不下，字太少又表达不清。这时候就得学会做减法。比如“中国科学院地理科学与资源研究所”这种超长名称，直接放上去，字号再小也放不下，不如标成“中科院地理所”，要真有人需要详细信息，点开详情页再看全称。还有那些带方位词的路名，“东四环北路”和“东四环”，在用户脑子里往往是同一个概念，标注时就可以省略掉方位词，节省空间。但有个底线：地名的主干部分，比如“王府井”、“中关村”，绝对不能缩写，那是用户搜索时输入的关键词，你改了用户就找不到了。

再高级一点的手法，是给标注做优先级排序和动态展示。纸质地图没法动，但电子地图有这个条件。你可以根据用户当前的位置、缩放级别、搜索意图，动态调整哪些标注显示、哪些隐藏。比如用户在市中心，你就把商场、餐厅、地铁站这些POI优先展示；用户拉到郊区，那就突出加油站、服务区、高速出入口。这背后需要一套权重算法，但设计上要提前留好接口。我见过很多产品，初期没想清楚，所有的标注都一股脑塞进前端，结果后期想做动态展示，重构成本高得吓人。地图标注设计不光是视觉活儿，更是系统活儿，你设计的是规则，不是单个标签。

还有一个跟视觉设计无关但跟人体工程学相关的点：触控热区。现在谁还拿鼠标点地图？都是手指头直接戳。如果标注的文字很小，点击区域又紧贴着文字边缘，手指稍微偏一点就点不中，用户就会烦躁，甚至会怀疑是自己手残还是产品有问题。设计标注的时候，每个可点击的标注至少要留出44×44像素的触控区域，这是苹果人机交互指南里建议的最小值。标注文字可以小，但热区不能小，这个思路得从一开始就刻在脑子里。

别忘了多语言和特殊字符的处理。在国内可能不觉得，但一旦地图出海，就会发现阿拉伯语是从右往左写的，泰语是没有空格断词的，俄语一个单词能长到占满半个屏幕。这些语言特性直接影响了标注的排布方式。就算是在国内，少数民族地区的双语标注、旅游景点的多语言标注，处理不好就是一团乱麻。我建议的做法是：设计系统里为每种语言预留好字体族和行高参数，别用系统默认值，那玩意儿在不同平台上的渲染效果天差地别。最好找几个目标语言的真实验证文本，从设计阶段就做适配测试，别等开发完了再返工。

说一个容易被忽略的工作流问题：标注数据的维护。地图是活物，城市每天都在变，今天新开了条路，明天某个商场改名了。你的标注设计再精美，数据更新不及时就是废纸。所以设计的时候，要考虑到数据更新的便利性。比如标注的样式和内容分开管理，样式写死在代码里，内容从数据源读取，这样更新数据时不用动前端代码。再比如，给标注加版本号和生效时间，数据回滚和追溯都方便。这套东西看起来跟视觉设计无关，但直接决定了你的设计能不能持续发挥作用。

回到开头那个问题。地图标注设计的最终目的，不是让地图好看，而是让用户花最少的时间看懂最多信息。好的标注设计，是用户根本感觉不到设计的存在——他打开地图，三秒找到路，关掉App，完事儿。如果你的标注设计让用户多看了两眼、多想了半秒，那这两眼和半秒，就是你需要优化的空间。别小看这半秒，在高频使用场景里，累积起来就是巨大的体验差距。做地图标注，就是在跟用户的耐心赛跑，你跑赢了，他就留下来；你跑输了，他就卸载。记住：信息一目了然，是设计的结果，不是设计的起点。