你的设计稿里行高是多少?如果回答不上来,说明你大概率没有认真设过
🎯 行高黄金法则:
正文行高 = 字号 × 1.5 到 1.75 标题行高 = 字号 × 1.2 到 1.4
举例:
16pt 正文 → 行高 24-28pt
24pt 标题 → 行高 28-34pt
为什么标题行高要比正文小?
标题通常只有 1-2 行,需要紧凑有力。正文是大段阅读,需要更多呼吸空间,行高大一些眼睛不累
❌ 常见错误:
① 用 Figma 默认行高(Auto)就不管了 → Auto 的行高每种字体不一样,跨字体视觉不统一
② 所有地方行高都一样 → 标题和正文用同样的行高,要么标题太松,要么正文太挤
③ 中文和英文用同样的行高 → 中文字符更方正密集,通常需要比英文再大一点点行高
试着把你设计稿里的正文行高调成 1.6 倍字号,你会发现阅读舒适度明显提升💡






