排版与间距
质感 90% 来自间距。呼吸感是设计出来的；精致感来自对齐系统与数值体系，而不是眼力和感觉。
间距控制与质感
设计没质感，90% 是间距没控好。先控字距、行距、段距，黑白灰也有质感。
- 01字距服务节奏
标题收紧让词组成形；正文放松让字独立可读。
- 02行距决定气质
正文约 1.5–1.8× 字号；标题约 1.1–1.3×。
- 03段距建立层级
段间距 ≈ 行间距 × 2–3。
三种间距要逐级递增；转灰度检验层次。
质感不是靠元素本身堆出来的，是靠它们之间的距离建立起来的。
呼吸感不是留出来的，是设计出来的
- 01字距太紧
正文可 +10%；标题可收紧但不低于约 -5%；放大 200% 看。
- 02行距太密
正文锁定 1.6–1.8×；标题约 1.2×；大段宁可偏大。
- 03段距不够
段间距 ≥ 行间距 2 倍；大段距=主题切换。
- 04边距太小
安全边距 ≥ 版面宽 5%；手机端加倍。
- 05图文间距乱
全篇不超过 3 种间距；同类同距、异类拉开。
- 06留白不均
留白是主动设计；密集区旁配等面积留白。
- 07信息太密
一页一个核心；减法测试「删了还能懂吗」。
- 08没有节奏
建立密-疏-密或疏-密-疏，翻页不断节奏。
间距靠感觉？先建系统
推荐基准：移动端 8px，精细场景 4px。所有间距从体系取值：8 / 16 / 24 / 32 / 48 / 64。
相关近、不相关远。标题与正文 8px，不同段落 24px。间距本身就是信息语言。
容器内距 > 与外部间距。内容距边缘至少 16px：内距给呼吸，外距给分量。
- 04行距看字号
正文 1.5–1.8×；标题 1.2–1.4×。
- 05边距看用途
移动 16–20px；桌面 24–48px；印刷约宽 8–10%。
- 06组间距成体系
组内 8 / 组间 32 / 章节 ≥48，级差要明显。
- 07统一后放大查
200% 检查是否都在体系内。
- 08场景调基准
印刷可把基准提到 12px，比例关系不变。
1px 的差距，100 倍的质感
对齐不是吹毛求疵，是精致感的底层支撑。用网格，不靠眼。
- 01用网格不靠眼
开工前定列数、间距、边距。
- 02边缘先对齐
同侧边缘在同一条线；用对齐工具。
- 03间距要成组
同组 8px、组间 24px；比例重于绝对值。
- 04数值要成系
禁止随手 4、7、11；只从系统取数。
- 05基线要统一
同行文字与图标对齐文字基线/x-height。
- 06视觉居中
数学居中可能偏下；感受对了比数字对了更重要。
- 07放大后再查
200% 复查偏差。
- 08全局再检查
退到 100%，想象隐形左边缘线扫一遍。
混排总出错：记住规律就对了
- 01字号比例
英文字号通常比中文小 1–2pt。
- 02字体气质
黑体配无衬线、宋体配衬线；气质相近。
- 03基线对齐
手动调英文基线对齐中文视觉底部。
- 04中英间距
之间加约 1/4em 呼吸。
- 05标点统一
中文全角、英文半角，全案一致。
- 06字重统一
中英视觉重量一致；强调时一起加粗。
- 07全半角
数字、括号、英文统一半角。
- 08层级清晰
定主语言；辅语言更小、更浅。
排版总是不对？先查这 8 个错误
- 01字号层级不够
标题与正文至少约 1.5 倍差距；建大/中/小三级。
- 02对齐方式混用
一版面一种主对齐；正文推荐左对齐。
- 03间距不统一
固定倍数；相关近、不相关远。
- 04信息密度太高
删掉至少约 30% 信息；边距留够。
- 05没有视觉焦点
每页一个主角；大小/颜色/位置共同强化。
- 06字体种类太多
最多两种；用字重做层级。
- 07颜色太多太饱和
主+辅+中性；饱和统一降 15–20%。
- 08视觉动线不清
设计进入→移动→停留路径。
排版被说乱，不是你不努力，是在没有系统的情况下做决定。建立系统，乱自然消失。