Logo 标准制图模板:30 分钟出可交付规范

by Leslie Alexander, Indie Hacker / Designer

参考多篇关于“标准制图/Lockup”的经验总结,本文提供面向小团队的最小可行规范(MVS)。

1. 标准制图包含什么

  • 尺寸网格:关键宽高、圆角半径、笔画粗细。
  • 基线系统:顶线、基线、x 高、光学中轴。
  • 安全区:四周最小留白单位(如 1x)。
  • 组合版式:水平、垂直、居中三类 Lockup。
标准制图页:尺寸/圆角/基线/安全区标注
图 1:标准制图页要素。

2. 快速出一版 Lockup

  • 定义字标与图标比例(如 1:1 或 1:1.5)。
  • 以字高为单位设定内间距与安全区。
  • 优先视觉对齐,再做几何对齐。
水平/垂直/居中三类 Lockup 示意
图 2:三类 Lockup 与统一间距。

3. 最小尺寸与禁用示例

  • 网页/移动端:建议 16px/24px/32px 三档最小尺寸。
  • 禁用:拉伸变形、低对比、乱加阴影/描边、改变圆角/粗细。

4. 导出与交付

  • 文件结构:/standards/standard.svg / lockup.svg / logo.svg / logo-dark.svg / logo-mark.svg
  • 附 README:尺寸、留白、颜色、深/浅色、背景适配、最小尺寸。

Checklist

  • 有标准制图页(尺寸/圆角/基线/安全区)
  • 有三类 Lockup(水平/垂直/居中)
  • 有最小尺寸与禁用示例
  • 有 SVG 源文件与 README 使用说明

More articles

将 26 个字母图形化:字母 Logo 形态学速查指南(面向独立开发者)

把 A–Z 抽象成可用的图形语言:笔画、负形、几何与连字法。提供开发者产品常见字母组合思路、落地到 SVG 的工作流与避坑清单。

Read more

黄金比例与圆系统:别迷信,用好它提升品牌一致性

用“圆半径族”打造统一曲线语言,提供可落地的半径栈/适用场景/导出建议,提升整体一致性与交付效率。

Read more

订阅 JustLogo 更新,获取模板与实战案例

我们会不定期发送 Logo 设计指南、开源字体与 SVG 工作流技巧,帮助独立开发者在 1 小时内产出可用品牌识别。

联系我们或发邮件至 support@justlogo.ai