同样一篇公司介绍,有的站读着舒服,读三段不累;有的站字挤成一团,看两行就想关。差别多半不在文笔,在排版。网页设计制作的排版基本功,说穿了就三个数:字号、行距、行宽。这三个数定对了,页面立刻显出专业感。
正文字号与行距的常用数值
电脑端正文用十四到十六像素,十四以下在中文环境里明显吃力;手机端十五到十七像素更稳妥,中老年访客多的行业再放大一档也不丢人。行距设为字号的 1.6 到 1.8 倍,中文方块字密,行距太紧字与字上下粘连,读起来格外费劲。还有个常被忽略的点:段落间距要明显大于行距,两段之间空出半个到一个空行的高度,段落边界才清晰。标题方面,二级标题一般二十到二十四像素加粗,三级标题再小一档,层级之间字号拉不开差距,标题就失去了导航作用。
一行多长最耐读
中文阅读的舒适行宽是每行二十八到四十字。超过四十五字,眼睛从行尾跳回下一行行首容易串行;短于二十字,视线频繁折返也累。全屏宽的正文段落是排版大忌,正文区域最好限宽,两侧留白。段落内部也有小讲究:段首空两格是出版习惯,网页上通常不空格,靠段间距分段,两种都行,但全站要统一。另外中文排版有条铁律——别让标点悬在行首,正规的样式设置一行代码能解决,很多站却懒得管。
字重别乱用,两种就够
网页设计制作里常见的错误是同一页面上常规、中等、半粗、加粗四种字重齐上阵,外加斜体,结果重点满天飞,等于没有重点。整站保留常规和加粗两档就足够表达层级,最多再加一个中等字重用于小标题。加粗是留给关键词和结论的,一句里加粗的地方超过三处,读者就不知道该看哪了。
排版之外的两个细节
还有两处细节常被当成设计问题,其实是排版问题。一是中文和数字、英文之间要留半角空隙,“交付 30 天”比“交付30天”舒服,正规的样式设置能自动处理,也可以在文案阶段手动加空格。二是列表排版别用圆点堆到底,项目符号超过三层,读者已经记不住层级了,改成短句或加粗引导词更清晰。这些小规矩单看不显眼,凑在一起就是“这站看着很正规”的来源,细节的复利都藏在里面。
两句实在建议:改版或新站验收时,拿一篇八百字的文章页通读一遍,眼睛累不累身体最诚实;如果贵司没有专职设计师定规范,可以参考比格网络交付站点里的排版参数,字号行距这些数值照着设,至少不会错得离谱。