Files
2026-11-05 01:04:53 +08:00

2.4 KiB

视觉与布局调校

地铁式工具地图依靠粗彩色主干、圆角转弯、白色黑边胶囊、线路编码和密集标注。时间谱系依靠更细主题线、年代、时代底纹、稀疏起点和后期分化。两者共享“信息沿线展开”的阅读方式,不强制共享线宽或节点样式。

先保留这些视觉语法,再考虑品牌 logo、纹理或装饰。此原型用文字、圆环和米白背景,未复刻参考图产品标志或车站插画。

调整顺序

  1. 数据语义:核对条目、归属、时间和关系,先修重复节点及矛盾的停靠顺序。
  2. 线路邻接:经常共享站点的类别放相邻位置,修改 lane_order。不相邻共享站点会穿过无关线路;引擎绘制覆盖桥,必要时换序或拆图。
  3. 密度:增大宽度和线路间距可创造文字间隙;增大行距/时间图高度可减少纵向拥挤。更多线路需要更宽画布。
  4. 弯道:地铁图默认不设置 offsets,使主干笔直、平行、等距。转弯应有分支、汇合、换位或避让的实际理由,不给整束线路加入装饰性漂移。当前 offsets 实现的是平滑曲线,适合需要曲线的时间谱系;严格直角或 45° 局部布线需要扩展路径算法,不能把它描述为现有功能。偏移差大于线路间距时会交换顺序,引擎不自动避免这些交叉。
  5. 文字:先试方向和 label_dy,再改字号。长文字可分到 detail,但不自动裁剪或换行。重要标签优先占位,小标签随后避让。
  6. 成品:检查 100% 及缩略图;全尺寸可读、缩略图能辨识主题结构。打印时以目标物理尺寸检查,不能用“SVG 可无限放大”代替字号判断。

质量边界

地铁图以拓扑排序安排层级,以输入顺序分配线路横向位置;不会求全局最优地铁网。标签用 Unicode 字宽估算、候选位置打分和侧栏避让;真实字形、引线交叉、路线碰撞、密集同年事件仍需视觉检查。

优先改 JSON,让生成可复现。若在设计软件里手修 SVG,区分手修版与生成版,并记录无法由 JSON 表达的调整,避免下次覆盖。

PNG 使用环境已有 SVG 渲染器导出即可,例如已有 Node sharp 时运行 await sharp('OUTPUT.svg').png().toFile('OUTPUT.png')。字体依赖本机安装状态,换环境应重新检查中文。无需为单张预览搭建网站或安装大型依赖。