18年沉淀高端建站经验
为企业持续赋能品牌新价值
网页排版翻车,很少是配色出了错,多数是文字排出来又挤又平,用户扫一眼就划走。把字号、行距和留白三处调顺,页面立刻上一个档次,这也是给深圳不少企业站做网页设计排版时见效最快的三步。
正文、小标题和大标题要有明确的层级差。正文用16px起,移动端不小于15px;小标题比正文大2到4px并加粗;首屏大标题可以到28px以上。三档拉开之后,页面自然有了轻重,用户扫读时知道先看哪里。
中文正文的行距建议是字号的1.7倍到1.9倍,段与段之间再空出半个到一个正文行高。行距太密,长段落读两句就累;太疏,页面显得散。定一条标准:连续读三段不觉得挤,就算过关。
很多企业站恨不得把每个角落塞满,结果信息互相打架。板块之间留出至少40px的垂直间距,卡片内文字距边缘留16px以上,图文之间留8px以上。留白给了内容呼吸的位置,重点反而更突出。
| 项目 | 太小/太挤 | 建议区间 |
|---|---|---|
| 正文字号 | 12px | 15-18px |
| 行距 | 1.4倍以下 | 1.7-1.9倍 |
| 板块间距 | 20px以内 | 40px以上 |
| 卡片内边距 | 8px | 16-24px |
排版参数是骨架,信息层级是灵魂。每一屏只放一个重点,想强调的内容用加粗或色块标出来,其余的收进次级位置。设计稿交付前的核对清单,之前写过一篇 target="_blank",配合着用能少返工。