其实问题出在这 5 个细节上👇
① 中英文之间加半角空格 "下载App" → "下载 App" "查看FAQ" → "查看 FAQ" 加了空格视觉上才不拥挤,这是排版基本礼仪
② 英文用对应的英文字体 别让英文也用苹方渲染!苹方的英文字母比例偏宽,不太好看 建议:中文苹方 + 英文 SF Pro 或 Inter
③ 英文单词别断行 "Sett-ings"这种在英文排版里是允许的,但在中文界面里看着很奇怪 设置 no word break,让英文单词保持完整
④ 数字用半角 "3月15日" 里的数字要用半角数字,不要用全角的"3月15日"
⑤ 对齐基线 中文和英文的基线位置不同,混排时英文常常看起来偏上或偏下 在 Figma 里用 baseline 对齐可以解决,开发用 CSS 的 vertical-align 调整
这些细节可能字面上看觉得"有必要这么细吗",但实际做出来差距非常明显
好设计就是无数个"有必要吗"的细节堆出来的✨






