如果网站上的文字无法阅读或者多用户根本没有兴趣，这个设计就是失败的。而文字并不是仅仅放在网页上就可以了，还需要合理的布局和样式搭配才能起作用，本文和大家分享如何用合适字号提升多用户体验。
在一个网站中，文字的大小是多用户体验的一个重要部分。随着网页设计潮流的不断变化，文字大小上的设计也在不断改变。
虽然网页上字号不像字型那样受到多种客观因素制约，看起来似乎设计师可以自由选择字号，但这并不意味着设计师可以 “任性” 了，出于视觉效果和网站多用户体验考虑，仍然有一些基本的设计原则或规范是需要注意的。
咱先举个例子说明：
豆瓣是国内一个非常出名的社群，在这个文艺青年聚集的平台上，我们从网页设计就可以感受到一阵文艺清新风扑面而来。
我们从字号上观察一下，页不同板块标题采用 24 号字型，标题下面的分类文字 14 号，右侧标题 15 号，标签文字 12 号，页文章标题和内容简介也是 12 号字型。
而详情页标题 25 号，正文 13 号。
从视觉上看，豆瓣网站的整体字号偏小，虽然看到一些网友吐槽正文内容的文字太小，大段文字很容易眼花，而且长时间的阅读会让眼睛产生疲劳，不过大多数多用户还是比较认可这样的设计。
如果正文文字换成百度百科这种 14 号字型，就会显得有种 “傻大个儿” 的感觉，在豆瓣上不够精致细腻。（当然我不是说百度百科不好，毕竟不同网站面对不同群体，需要有针对性。）
也就是说，豆瓣网站在可读性上相对比较差，但从另一方面来说，这种小字号让人有一种整体感和精致感，很好衬托出网页的一种 “文艺范儿”，非常符合网站所面对的群体，因此网站整体多用户体验仍然很不错。
这些实际上都是需要设计师们注意的。
接下来咱再继续说字号规范吧。
在目前网页设计中，虽然没有明文规定文字的标准字号，但设计师应该都知道网页上 12 号和 14 号字型非常常见。这也是由于一些客观因素的制约：
> 设计软件。设计师使用的设计软件，比如 PS 等，大多数是偶数，这是一种习惯的延续。
> 浏览器。 在某些浏览器上，奇数字号会被自动渲染成偶数，比如 IE6 。
> 美观度。 偶数字号的文字，比如 12 号的 “中” 字，去掉 1 画素的间距，填充了画素的实际宽是 11px，文字的中竖线左右是平分的，显得均衡，具有美感。
> 实际应用。 Windows 自带的点阵宋体从 Vista 开始只提供 12 、 14 、 16px 三个大小的点阵，在 13 、 15 、 17px 下，虽然每个字的空间大了 1px，点阵却没变，但视觉上显得稀疏，显示效果不佳。
不过这些因素都可以酌情考虑。比如豆瓣和知乎等网站采用 13 号、 15 号也达到很好的效果，不过总的来说，偶数字号更 “安全” 。
另外，网页设计上着名的 Smashing Magazine 曾调查了 50 个流行的网页介面，发现这些网站通常都是采用标题大小 18—29px，与此匹配的文章主体文字大小采用 12—14px 。虽然调查主要针对的是英文字型，不过我们也可以从中估算和对比出一些中文字号适用的规范。
综合以上种种原因和我们的理想实践经验，我们总结了以下几条规范，它们可以让网页设计更：
1. 文字的字号尽量选择 12 、 14 、 16 等偶数字号，文字小不能小于 12 号。
2. 导航文字及头部底部文字的字号：Header 导航文字 12 号或 14 号；Menu 导航文字 14—18 号；Sidebar 文字 12 号或 14 号，一级选单使用 14 号、二级选单使用 12 号，或一级选单使用 12 号加粗、二级选单使用 12 号；Footer 文字 12 号或 14 号。
比如，AnyForWeb 为乐扣乐扣设计的区网上官方商城就完全符合这些规范。
尤其是在导航上，Header 导航 12 号，导航 16 号，文字大小层级也按照 16—14—12 号依次排列，这里的文字设计还用了不同颜色让层次区分更加明显。
通过文字字号传达出清晰的网站结构，这种视觉差异让多用户可以非常快速找到想要的商品，而不是花费太多时间用在研究导航上, 能有效提升网站多用户体验。
3. 正文：大标题文字 24—32 号；标题文字 16 或 18 号；正文文字 12 号或 14 号。可根据实际情况加粗。
上海自然博物馆官网是一个主要以展示为主的网站。
我们可以看到以下网页的字号设计基本上全部符合上面的规范，尤其是下面版块中的文字字号搭配，版块文字 18 号、标题文字 16 号加粗、正文文字 14 号，层次分明又有效突出重点，看上去很舒适。
Banner 中的大号文字则属于特别情况，每张图上的文字都是根据图片中元素进行设计的，图文结合很有整体感，在视觉上非常吸引人。
4. 按钮文字：比如登入、注册页面按钮或其他按钮，文字 14—16 号，可根据实际情况调整大小或加粗。
比如，英特尔的按钮字号设计：
5. 广告语及特别情况则需根据文字的实际情况设计字号。
好知网是一个知识分享社群，Banner 图里面的文字采用了大号文字设计，在开启网页时时间抓住多用户的眼球，快速传递重要的企业资讯或产品价值。
6. 同一层级的字号搭配应该保持一致。比如，同一层级的版块中标题文字和内容文字大小的一致性。
上面分享的规范只是我们根据长期专案总结的理想实战经验，在实际网页设计中，还需要设计师们根据网站特征和具体情况灵活设计。
此外，随着网页设计开始流行大号文字设计风格，一些品牌网站、科技网站、活动网站，以及一些网站产品展示栏目的文字字号给人非常棒的视觉体验。
在苹果官网中，产品展示文字以 64 号和 32 号搭配，文字内容简短有力，可读性强，同时非常具有视觉冲击力，突出显示了品牌特征。
在宾士的活动网站中，文字同样以不同大小文字搭配的方式展示，这些文字根据实际图片设计了适当的字号，浏览过程中的动画效果将宾士的大气和科技感地展现出来。
这些网站一般采用大图大号文字搭配，凸显品牌传递的价值，强烈的视觉冲击力也能给人留下比较深刻的印象，并在浏览过程中实现好的多用户体验。
本文先分享到这里，当然咯，还有很多的优秀网站可以让设计师们去学习实践，接下来就看大家的了。