git checkout logs

中文排版指南:在 Web 中优雅地呈现汉字

commite4f5g6h
Author:rs_q
Date:2026-03-25 14:12:00

中文排版指南

我们经常使用边框、阴影和背景色来分隔信息。但在最精致的界面中,往往几乎完全依赖于排版(Typography)留白(Whitespace)

隐形的网格

通过建立严格的排版比例并坚持一致的空间节奏,你可以创建一个隐形的网格,自然地引导用户的视线。

字体选择的张力

对于中文而言,标题使用**宋体(Serif)可以放慢读者的阅读速度,传达出一种正式感和叙事性;而正文或元数据使用黑体(Sans-serif)**或等宽字体,则能传递出精确和现代感。这两种字体之间的对比,无需任何额外的图形元素,就能创造出极具视觉吸引力的张力。

好的设计,不仅在于你添加了什么,更在于你移除了什么。

留白的艺术

在中文排版中,行高(Line-height)和段间距尤为重要。由于汉字是方块字,视觉密度较高,通常需要比英文字符更大的行高(建议在 1.61.8 之间)来让文本呼吸。

去掉多余的边框,让文字自己说话。