做网页设计，字号选不对，排版全白费。很多人纠结14px还是16px，其实根本不用猜。看完这篇，你直接照着配，省得返工。

做前端和设计这行，最怕甲方一句“感觉不对”。其实90%的“感觉不对”，都是字号惹的祸。

我见过太多新手，把正文设成12px，看着精致，用户看着眼瞎。

也见过有人搞花里胡哨的自定义字体，结果加载慢得像蜗牛。

今天不整虚的，直接说干货。

网页设计规范字号选择相对正确的是多少？答案很简单，但细节全是坑。

先说移动端。

现在谁还拿台式电脑看网页？手机才是主力。

在手机上，正文字号绝对不能小于14px。

14px是底线，再小用户就得眯着眼看，体验极差。

但我建议直接上16px。

16px在大多数手机屏幕上，阅读舒适度最高。

不用缩放，不用猜测，一目了然。

如果你非要追求那种极简的高级感，想用12px做正文。

那我劝你趁早打消这个念头。

除非你的目标用户全是年轻人，且视力极好。

否则， accessibility（无障碍访问）这一关你就过不了。

再说PC端。

PC端屏幕大，字号可以稍微灵活点。

但别飘。

正文保持在14px到16px之间是最稳妥的。

14px显得干练，适合数据密集型的后台系统。

16px显得亲切，适合内容型的资讯网站。

很多设计师喜欢用13px，觉得紧凑。

其实13px在高清屏上看着还行，但在普通屏上，字边缘会发虚。

那种模糊感，用户说不出来哪里不好，但就是不想看。

这就是网页设计规范字号选择相对正确的是的关键：清晰度优先。

除了字号大小，行高也很重要。

行高设多少？

一般是字号的1.5倍到1.8倍。

比如你正文是16px，行高就设24px到28px。

千万别设成1.2倍，那叫密恐地狱。

文字挤在一起，读者读两行就累了。

还有字体选择。

别用宋体！

除非你是做那种复古风的页面。

正文尽量用无衬线字体，比如PingFang SC，微软雅黑，或者Helvetica。

这些字体在屏幕上渲染更清晰。

如果你用楷体或者隶书做正文，那就是在考验用户的耐心。

另外，层级关系要分明。

H1标题，至少要比正文大两级。

正文16px，H1至少24px，最好32px。

H2比H1小，但比正文大。

这种阶梯感，能让用户快速扫描页面，找到重点。

很多新手做的页面，所有字都差不多大。

用户进去一看，懵了。

不知道哪里是标题，哪里是内容。

这就叫视觉动线混乱。

再聊聊颜色。

纯黑#000000做正文，其实太刺眼。

建议用深灰，比如#333333或者#262626。

对比度够，又不伤眼。

特别是长时间阅读的文章，深灰背景或者白底深灰字，最舒服。

最后，别忘了测试。

别只在你的MacBook Pro上看效果。

去拿个老旧的安卓机，去拿个iPad Air。

在不同分辨率下看看字号。

你会发现，有些在你电脑上完美的14px，在低端机上根本看不清。

这时候，你就得用媒体查询，针对不同屏幕调整字号。

这就是响应式设计的基本功。

记住，设计不是艺术创作，是解决问题。

用户看得累，就是你的设计失败。

网页设计规范字号选择相对正确的是，不是死记硬背数字。

而是理解用户的阅读习惯。

16px正文，1.6倍行高，深灰字体，清晰的层级。

这套组合拳，打出去，基本不会出错。

别为了所谓的“个性”，牺牲了可用性。

毕竟，没人愿意在一个看不清字的网站上停留超过3秒。

把这些细节做好，你的设计质感立马提升一个档次。

甲方看了点头，用户看了舒心。

这才是好设计该有的样子。

赶紧去检查下你的项目，字号是不是都调对了。

如果有问题，现在改还来得及。

别等上线了，被骂了再后悔。

设计这事儿，细节决定成败。

字号虽小，影响巨大。

希望这篇分享，能帮你避开那些常见的坑。

咱们下期见，聊聊配色那些事儿。