数字地图排版的黄金法则
交互式地图上的版式有一个主要任务：快速空间识别。与编辑正文文本不同，地图标签必须在复杂的多色背景图像（从绿色公园草地到深色柏油路和建筑舱口）的衬托下保持清晰易读。
使用干净、几何的无衬线字体（例如 Inter、Roboto 或 SF Pro），粗细中等至粗体。避免使用在高分辨率显示器上消失的精致细衬线字体。
始终应用微妙的背景丸或文字光环（柔和的对比轮廓）。白色文本后面的干净深色徽章或深色文本后面的白色药丸可保证 100% 的易读性，无论下面是什么背景艺术品。
- 1使用干净的无衬线字体和半粗体或粗体的标签粗细。
- 2在文本后面应用对比徽章丸，将标签与复杂的艺术分开。
- 3保持标签文案简洁：“餐厅”而不是“中央校园餐厅和餐饮大厅”。
跨缩放级别建立清晰的视觉层次结构
并非所有地图项都是一样的。总体规划包含主要区域、次要建筑和次要公用设施点。
建立 3 层印刷比例：第 1 层（区/翼） 采用 16-18 像素粗体大写大写文本； 第 2 层（建筑物/商店） 采用 13-14 像素半粗体文本； 第 3 层（便利设施/卫生间） 采用带有图标的紧凑型 11-12 像素徽章。
Layerpin 允许您设置与缩放相关的标签可见性，确保次要房间标签在鸟瞰视图中保持隐藏，以防止视觉噪音，并在访客放大时优雅地淡入。
- 1为您的地标和目的地分配视觉层次结构。
- 2对于大区域使用大写跟踪文本，对于特定房间使用句子大小写。
- 3配置缩放阈值，以便次要标签仅出现在接近的缩放级别。
设计易于理解的交互式地图图例
地图图例是布局的视觉罗塞塔石碑。它将您的图钉颜色、类别图标和形状填充转换为可理解的含义。
在 Layerpin 中，您的图例不是静态图形 - 它是交互式控件。单击图例中的“卫生间”会过滤并突出显示画布上的所有卫生间位置。
选择类别颜色时请遵循 WCAG AA 辅助功能指南。切勿仅依靠颜色来区分类别；始终将颜色与独特的形状或图标配对，以便色盲访客可以完全自信地导航。