标注怎么画才不走样:线与“圆”的最小可行 Notation
by Leslie Alexander, Indie Hacker / Designer
参考关于“线和圈圈”的讨论,本文提供一套最小且清晰的标注语言,帮助团队在实现阶段少踩坑。
1. 这些线与圆在记录什么
- 过渡圆:记录曲线切换半径,指导光学修正与后续扩展。
- 中轴与对齐线:说明文字与图形的视觉对齐关系(不等于几何中心)。
- 取舍标注:标明小尺寸要省略/保留的细节,避免版本漂移。
2. 推荐的标注规范
- 颜色:几何对象(深灰)、辅助线(蓝)、过渡圆(橙)、安全区(浅蓝虚线)。
- 文本:统一字号/单位,尽量使用相同的基准单位(x 或 px)。
- 图层命名:group/shape/annotation 命名清晰,便于导出与动画。
3. 交付建议
- 导出一页“标注版 SVG”,保留图层与节点命名。
- README 记录:半径数值、对齐方式、最小尺寸、省略策略。
Checklist
- 过渡圆半径明确,并标注在关键转角处
- 中轴/对齐线清晰,说明视觉对齐策略
- 最小尺寸下的省略点位有注记