本文授权转自：体验进阶（ID：Advanced_UX）
在当今数字化时代，PC 端的使用已成为日常工作与生活的重要部分。然而，关于 PC 端字号的设置却鲜少被深入探讨。本文将对 PC 端字号进行研究，旨在揭示何种字号能为用户提供更佳的阅读体验，突破传统认知中 14px 字号的局限。
最初，依据常见的设计规范，如国外的 Atlassian Design System 以及国内的 Ant Design，多数正文推荐使用 14pt 字号。然而，鉴于电脑屏幕的阅读距离显著大于手机屏幕，手机端的字号规范可能并不适用于 PC 端。
下图是 Ant Design 官网给出的图示，可见他们之前定字号是 12px，后来才加上来。
通过对电脑阅读和手机阅读差异的剖析可知，电脑屏幕的阅读距离通常在 50 - 100cm 之间，远超过手机阅读距离。并且，不同的电脑屏幕对于同一 pt 字号所呈现的物理尺寸存在较大差异，所以在研究 PC 端字号时，应以物理尺寸（mm）作为关键的考量因素。
电脑阅读的差异性
苹果的屏幕距离检测检测功能，标准定的是30cm：
而读书的距离建议，内网30cm比较多，外网25cm比较多。
从阅读距离来看，把书籍印刷的字号规范套用在手机屏幕上，是比较合理的。
而电脑屏的使用距离，就完全不同了。
参考一下Google搜到的美国职业安全与健康管理局提供的建议，眼睛距离屏幕的距离要在50至100cm。这个距离是什么概念呢？170cm正常人的手臂长度一般65~75cm左右，可以用手臂来测量一下。
就算只取最低值50cm，电脑屏的阅读距离接近手机/书本的两倍了，显然不再能套用小五号/3.18mm的书籍印刷规范了。
距离越远，字号要越大才看得清。如果说小五号/3.18mm的尺寸是手机/书本的理想字号，那么电脑屏的理想字号应该更大才对。
于是我开始翻找学术研究……很快就发现一个大麻烦：大部分针对电脑屏字号的研究，都是用的pt字号，并没有告知换算成物理尺寸是多少mm。
但是同一个pt字号，在不同屏幕上的mm尺寸可能相差很大啊！
pt ➡️ mm？
上次分析手机端的时候，我没提这个问题，主要是因为这几年智能手机同质化很严重，屏幕差别不大。
你看我的 iPhone14 和华为 P40，对于同一篇文章里28pt的标题，量出来可见区域的尺寸都是4mm左右。
但是电脑屏的差异性就很大了！
例如我有两台不同尺寸的笔记本，对于同一篇文章里28pt的标题，量出来可见区域的尺寸一个是5.5mm，一个约4mm。
所以研究pc端字号，讨论pt字号是不靠谱的，关键还得看物理尺寸——具体有多少mm。
好在很多字号研究虽然只给出了pt，但屏幕型号是提供了的，也能想办法算出物理尺寸。
电脑屏最佳字号是多少mm？
以前电脑分辨率低，很多设计规范的建议字号是10pt或12pt。那时针对字号的学术研究，最大尺寸只到14pt。
好在有篇2016年的论文，首次突破了14pt的限制，研究的字号范围够广从10pt到26pt的6种字号，这回应该够用了。而且被引用141次，在HCI人机交互这个领域也算不错了。
根据他们提供了显示屏规格（17英尺1024*768像素），我把实验用到的pt字号转化成了物理尺寸：
10pt
3.37mm
12pt
4.05mm
14pt
4.72mm
18pt
6.07mm
22pt
7.42mm
26pt
8.77mm
为了避免大家误解，我下面无视原文的pt，都按mm来说了。
他们这个实验呢，是找了14到54岁的104名志愿者，让他们互看不同字号的维基百科：
从阅读速度来看，7.42mm是最理想的：
让用户阅读后，再根据刚刚阅读的内容做选择题，看看读懂了没。发现6.07mm的正确率是最高的：
之后又让用户做了2组评分，一个是关于易读（readability），一个是关于易懂（comprehensive）。
结果发现，6.07mm是收获正面评价最多且收获负面评价最少的，不论是从易懂还是易懂来看。
看到这里，结论是不是很清晰了？
6.07mm的字号更受欢迎，而且更容易理解。
如果只看阅读速度呢，7.42mm是最佳选择。但那点速度差异，根本影响不大。阅读最重要的还是看得爽、容易理解。
所以6.07mm才是最佳选择。
拿出印刷字号对照表来，跟6.07mm最接近的是小二号，相当于手机/书籍理想字号小五号/3.12mm的近两倍了。
这相当于多少pt？
我用量了一下尺寸，小二号/6.07mm对于我的大笔记本来说，这相当于27pt；对我的小笔记本来说，相当于36pt。
是不是相差特别大？所以说电脑屏真的不能看pt，还是得看物理尺寸。
不管怎么样，这跟PC端主流设计规范的14pt翻了2倍不止……
电脑屏差异如此大，与其寄期望于设计规范，还不如自己想办法。
例如用大屏台式机看到的文字尺寸，会比小屏笔记更大。这个方法很不错，就是有点费钱和占地方。
好在电脑调字号比手机方便多了。
首先浏览器都带缩放功能，Windows同时Ctrl和加减号就能缩放，Mac是同时按Command和加减号。
不过更一劳永逸的方法，还是直接调系统字号。
Windows可以打开设置，在「系统 > 屏幕」里找到缩放功能：
Mac可以在系统偏好设置里的显示器里，找到分辨率的缩放功能：
我决定，为自己的坐姿和视力健康，从此给电脑字号整体调大一格。
对比一下，虽然调大字号后不习惯有点“粗糙”感，但阅读起来确实更轻松了。
综上所述，PC 端字号规范不应简单地遵循以往的设计建议，而应结合实际阅读体验以及学术研究成果，以物理尺寸为准进行调整，从而确保良好的阅读效果以及用户体验。
你觉得 PC 端最佳字号是多少呢？
文章转载：体验进阶，版权归原作者所有
原文链接：https://mp.weixin.qq.com/s/i0bNn4fWlgQbEtsd2ebupw
版权声明：“IXDC”所推送的文章，除非确实无法确认，我们都会注明作者和来源，本公众号对转载、分享的内容、陈述、观点判断保持中立，不对所包含内容的准确性、可靠性或完善性提供任何明或暗示的保证，仅供读者参考。部分文章推送时未能与原作者取得联系，若涉及内容或作品等版权问题，烦请原作者联系我们，给出内容所在的网址并提供相关证明资料，我们会核查后立即更正或者删除有关内容！本公众号不承担任何责任，并拥有对此声明的最终解释权。
联系微信：18802086168
联系电话：18802086168
编排 | 巫 欢
终审 | 苏 菁
以上就是本篇文章【PC 端字号研究：突破传统 14px 规范的必要性】的全部内容了，欢迎阅览 ！ 文章地址：http://www.tpjde.com/quote/817.html 行业 资讯 企业新闻 行情 企业黄页 同类资讯 网站地图 返回首页 推平第移动站 http://mip.tpjde.com/ , 查看更多