很多人以为UI设计就是“颜色+排版”，但真正拉开一个App质感差距的，其实是字体层级（Typography）。摘要：很多人以为UI设计就是“颜色+排版”，但真正拉开一个App质感差距的，其实是字体层级（Typography）。
今天就用一张图告诉你：什么是“烂排版”和“好排版”的差别👇
👎 左边这个，是典型的“看起来怪怪的设计”：
• 标题太大（26px），副标题太小（11px），毫无层次
• 正文和按钮大小乱飞，完全不统一
• 字体间距不一致，看起来“乱”“压”“土”
这种排版，哪怕颜色用得好、插画精致，也会显得很山寨。
✅ 右边这个，看起来就舒服很多，为什么？
✔ 字体有明确层级（Headline 24px / Subheadline 16px / 正文 14px）
✔ 所有文字大小成比例，读起来顺畅
✔ 按钮字体统一（16px），让界面更“整”
✔ 整体留白合理，呼吸感很强
这些小细节，让用户潜意识里觉得：这个App专业、有质感、值得信任。
📌 总结几个实用建议给做UI、做App的朋友👇
1️⃣ 设定清晰的文字层级（比如标题>副标题>正文>按钮）
2️⃣ 不要用太小字体，尤其是正文少于12px直接淘汰
3️⃣ 按钮文字要统一大小，不要“左边瘦，右边胖”
4️⃣ 全局字体大小用同一个基准比例缩放，比如 16px → 14px → 12px
5️⃣ 别偷懒，调文字比调颜色更重要！
⸻
🧠 很多早期创业者的App，看起来“总差点意思”，问题往往不在功能，而在这些视觉细节。
如果你想让产品看起来更高级，从今天开始，就别乱用字体大小了。
来源：吴天琪