从小米 VIS 学什么:7 个可直接复用的落地要点
by Leslie Alexander, Indie Hacker / Designer
站在“价值百万”的 VIS 之上,提炼独立开发者也能 1–2 天做完的“最小可行规范”。
1) 标准制图与 Lockup 一次讲清
- 统一尺寸、圆角、笔画;输出水平/垂直/居中三类组合。
- 示例:
2) 比例与对齐优先视觉正确
- 以字高为单位统一间距;光学对齐先于几何对齐。
3) 颜色系统要“能落地”
- 主色 1 + 灰阶;保证文字/背景对比 AA 以上;深浅色兼容。
4) 字体级差与中英文混排
- 标题/正文/小字 3 级足矣;中英文间距与字号差保持可读性。
5) 最小尺寸与留白
- 定义 16/24/32px 最小尺寸;四周安全区至少 1x。
6) 禁用示例
- 拉伸、低对比、乱加描边/阴影、改变圆角/粗细、错误配色。
7) 交付结构与版本管理
- /standards/、/exports/、/samples/ 与 README;确保任何协作者 1 小时内读懂并照做。
Checklist
- 有标准制图页 + 三类 Lockup
- 有最小尺寸与安全区
- 有禁用示例与对比度规范
- 交付结构清晰(含 README)