UI 设计中的字体大小：一份可落地的指南

字体大小和行高会直接影响可读性和视觉层级。本文基于实际项目，整理一套可复用的字号体系，方便设计和开发对齐。

正文与标题层级

• 正文：16px / 1.5–1.6 行高，移动端可 15px。
• 小字/辅助：12–14px。
• 标题：按层级 24 / 20 / 18px 递减，字重 600–700。

响应式与无障碍

随视口适当缩放，同时保证最小可点击/可读尺寸（约 44px 触控、正文不小于 16px），并兼顾对比度。

小结

先定一套基础比例（如 1.25 或 1.2），再在 Figma 和 CSS 里统一成 Token，能减少后期返工。