2.4 KiB
2.4 KiB
视觉与布局调校
地铁式工具地图依靠粗彩色主干、圆角转弯、白色黑边胶囊、线路编码和密集标注。时间谱系依靠更细主题线、年代、时代底纹、稀疏起点和后期分化。两者共享“信息沿线展开”的阅读方式,不强制共享线宽或节点样式。
先保留这些视觉语法,再考虑品牌 logo、纹理或装饰。此原型用文字、圆环和米白背景,未复刻参考图产品标志或车站插画。
调整顺序
- 数据语义:核对条目、归属、时间和关系,先修重复节点及矛盾的停靠顺序。
- 线路邻接:经常共享站点的类别放相邻位置,修改
lane_order。不相邻共享站点会穿过无关线路;引擎绘制覆盖桥,必要时换序或拆图。 - 密度:增大宽度和线路间距可创造文字间隙;增大行距/时间图高度可减少纵向拥挤。更多线路需要更宽画布。
- 弯道:地铁图默认不设置
offsets,使主干笔直、平行、等距。转弯应有分支、汇合、换位或避让的实际理由,不给整束线路加入装饰性漂移。当前offsets实现的是平滑曲线,适合需要曲线的时间谱系;严格直角或 45° 局部布线需要扩展路径算法,不能把它描述为现有功能。偏移差大于线路间距时会交换顺序,引擎不自动避免这些交叉。 - 文字:先试方向和
label_dy,再改字号。长文字可分到detail,但不自动裁剪或换行。重要标签优先占位,小标签随后避让。 - 成品:检查 100% 及缩略图;全尺寸可读、缩略图能辨识主题结构。打印时以目标物理尺寸检查,不能用“SVG 可无限放大”代替字号判断。
质量边界
地铁图以拓扑排序安排层级,以输入顺序分配线路横向位置;不会求全局最优地铁网。标签用 Unicode 字宽估算、候选位置打分和侧栏避让;真实字形、引线交叉、路线碰撞、密集同年事件仍需视觉检查。
优先改 JSON,让生成可复现。若在设计软件里手修 SVG,区分手修版与生成版,并记录无法由 JSON 表达的调整,避免下次覆盖。
PNG 使用环境已有 SVG 渲染器导出即可,例如已有 Node sharp 时运行 await sharp('OUTPUT.svg').png().toFile('OUTPUT.png')。字体依赖本机安装状态,换环境应重新检查中文。无需为单张预览搭建网站或安装大型依赖。