Logo 标准制图模板:30 分钟出可交付规范
by Leslie Alexander, Indie Hacker / Designer
参考多篇关于“标准制图/Lockup”的经验总结,本文提供面向小团队的最小可行规范(MVS)。
1. 标准制图包含什么
- 尺寸网格:关键宽高、圆角半径、笔画粗细。
- 基线系统:顶线、基线、x 高、光学中轴。
- 安全区:四周最小留白单位(如 1x)。
- 组合版式:水平、垂直、居中三类 Lockup。
2. 快速出一版 Lockup
- 定义字标与图标比例(如 1:1 或 1:1.5)。
- 以字高为单位设定内间距与安全区。
- 优先视觉对齐,再做几何对齐。
3. 最小尺寸与禁用示例
- 网页/移动端:建议 16px/24px/32px 三档最小尺寸。
- 禁用:拉伸变形、低对比、乱加阴影/描边、改变圆角/粗细。
4. 导出与交付
- 文件结构:/standards/standard.svg / lockup.svg / logo.svg / logo-dark.svg / logo-mark.svg
- 附 README:尺寸、留白、颜色、深/浅色、背景适配、最小尺寸。
Checklist
- 有标准制图页(尺寸/圆角/基线/安全区)
- 有三类 Lockup(水平/垂直/居中)
- 有最小尺寸与禁用示例
- 有 SVG 源文件与 README 使用说明