网页排版的目标只有1个：让访客毫不费力地找到他想看的东西。达成这个目标，靠的不是花哨技巧，是几条朴素的纪律。
第一纪律是留白。内容之间留出呼吸空间，重要信息才立得住。把页面塞满的企业官网，访客一眼扫过去什么都没记住。敢留白，是自信，也是专业。
第二纪律是层级。1屏只允许1个视觉焦点：要么是大标题，要么是核心图片，要么是行动按钮。字号、字重、颜色3个维度拉开层级，访客的视线自然顺着你要的路径走。
第三纪律是对齐。所有元素对齐到网格线，混乱感立刻消失大半。左对齐的正文比居中对齐更易读，中文尤其明显。
第四纪律是一致性。全站用同一套颜色、同一套字号、同一套圆角和阴影。访客在页面之间跳转时不产生「换了个网站」的错觉，信任感是靠这种一致性一点点堆出来的。
关于装饰：曲线和异形色块可以用，但只用于引导视线或分隔区域，不与内容抢注意力。判断标准很简单——删掉这个装饰，页面信息传达有没有受损？没有受损，就该删。
我们自己改版时会做一件事：把设计稿去色看灰度。灰度下层级依然清晰的版式，才是好版式。
排版之外，还有哪些细节影响观感？
字号与行距有经验值。中文正文的字号建议 16px起步，行距取字号的 1.6–1.8 倍；一行控制在 35–45 个汉字最易读，太宽眼睛会「串行」。段落之间留 1 行空白，比首行缩进更适合屏幕阅读。
图片要控制体量。首屏图片单张尽量压在 200KB以内，整页图片总量最好不超过 1MB，否则移动端加载会明显变慢。能用 WebP 就用 WebP，同等画质下体积通常只有 JPG 的一半左右。
留白靠间距，不靠空行。用统一的内外边距拉开层次，而不是靠手动敲空行——间距是设计系统的一部分，空行只是将就。
文章配图
本文原发布于引潮网络旧站，已于 2026 年由技术团队全文重新修订，剔除过时信息。
