在UI设计中，排版直接影响用户的阅读体验和产品调性。很多新手设计师容易陷入“好看但难用”的误区，比如过度追求炫酷字体、随意堆砌留白等。本文将分享5个让界面更清晰、更易用的排版法则，即使是零基础也能快速上手。
1. 建立清晰的视觉层次（信息优先级）
用户浏览界面时，视线会自然聚焦在最重要的内容上。如何引导他们的注意力？
字号对比：主标题 > 副标题 > 正文（建议比例1.5:1.2:1，例如24px/18px/14px）。
字重控制：关键信息用Medium/Bold，次要内容用Regular。
案例：电商详情页中，价格用大号加粗，促销信息用小号红色标注。
避坑：避免同一页面使用超过3种字号，否则会显得杂乱。
2. 科学的行间距与段落间距
文字密度影响可读性，常见错误是行距太小导致“窒息感”。
行高（Line Height）：正文建议1.5~1.8倍字号（如14px字体用21px行高）。
段落间距：≥1.5倍行高，用“回车+间距”替代手动换行。
案例：新闻类App的正文段落间距明显大于行距，提升阅读流畅度。
3. 对齐原则：让界面“隐形网格化”
随意摆放元素会让界面显得廉价。必须遵循以下对齐方式：
左对齐：适合大多数阅读场景（如知乎、微信长文）。
居中对齐：仅用于短文本（如Banner标语、弹窗按钮）。
右对齐：特殊场景（如阿拉伯语界面、数据表格金额）。
工具推荐：Figma/Sketch的“Layout Grid”功能快速辅助对齐。
4. 控制行长与留白（避免视觉疲劳）
一行文字过长会让用户“找不到下一行开头”。
理想行长：PC端50~75字符，移动端30~40字符。
留白技巧：
模块间距 > 模块内间距（如卡片的上下边距大于左右边距）。
用“呼吸感”留白突出核心功能（如Keep的首页按钮周围留白较大）。
5. 字体搭配：不超过2种字体家族
新手常犯的错误是使用过多字体风格。