美文网首页数码生活Tech设计学习
我们的屏幕需要更大的字号

我们的屏幕需要更大的字号

作者: 黄杨ME | 来源:发表于2014-07-21 10:38 被阅读976次

    首先谈谈阅读距离

    使用多大的字号绝不是简单的个人喜好问题,而是一个阅读距离的问题。所有不考虑阅读距离而谈文字大小的都是在耍流氓

    这个阅读距离即指眼睛到屏幕的距离。一般阅读距离越远,字号应该设定的越大。粗略的拿手机、平板、电脑显示器、TV 这四种设备来说,手机和平板的阅读距离一般最近,并且最容易变化。电脑显示器(包括笔电)阅读距离更远一些,并且也更稳定一些。而电视机显示器阅读距离通常最远。

    显示器屏幕只适合浏览,并不适合做长时间的阅读。并且越小的字号需要更小的阅读距离。对眼睛的伤害也越大。

    现在的网页字号都太小了

    前面我们说了,阅读距离越远,字号应该设定的越大。那么反过来说就是,要让眼睛别离屏幕太近,就得把字号设置的更大

    为什么要说这一点?因为近年来,在我们并没有感觉到的情况下,实际上我们的眼睛离屏幕的距离已经越来越近了。记得小时候家里的电视机好像还不到21寸。每次看电视离电视机太近,大人都要讲我。而现在,电脑屏幕大于这个尺寸的已经太多了。但是我们使用电脑时眼睛距离显示器的距离一般都会在1米以内。显示器说到底就是一块会发光的灯,这么近的距离并且长时间眼睛看着一块“玻璃灯”,对我们的视力的影响会有多大。现在很多人买电视都要考虑电视屏幕尺寸跟最佳观看距离的关系。我不知道是否有人在电脑显示器上研究过,但是我想,依照现在最普遍的电脑显示器尺寸来说,大多数人的使用电脑距离都是偏近的。

    试着往后靠到一到两米的距离,你还能看清楚屏幕上密密麻麻的字吗?

    互联网时代,每个人口袋里都装着一块发光玻璃,每台桌子上都摆着一款更大的发光玻璃。因为越来越多的人离不开这块发光玻璃,以至于我们看到越来越多的人鼻子上多了两块玻璃。

    是的,我们已经习惯了,但是我们的眼睛不会撒谎。

    不要让用户自己来调正字体大小

    很多用户其实并不知道也不希望关心如何去放大系统界面或者网页上的文字大小。与其提供一个偏小的默认字号,再给用户自己控制的选择,不如一开始就给用户一个不用戴眼镜也不用凑过去就能看清的文字大小。用户来你的网站上的目的不是了解你的网站是怎么用的,而是来解决自己的问题的。他们只是想迅速浏览完上面的东西、点击一个提交按钮或者看完一个视频,然后马上离开。当用户感觉到你的字号太小了并想要放大的时候,其实已经太小了。

    最好的 Typography 就是让 Typography 隐于形。最合适的文字大小就是让页面内容更好读。

    我们需要多大的字号?

    我觉得一般情况下,正文字号低于 14px 的都是反人类,16px 还能接受,18-24px 的正文字号才能看起来无障碍。

    当然这只是我自己的一个阅读习惯。

    使用小字号的网站很多,比如每次看知乎时,我都要缩放到至少 120% 才能比较容易的看下去。否则看那一坨坨 13px 的小黑字就犹如看蚂蚁上树一般。

    现在也有些网站开始尝试使用更大的字号。比如腾讯的门户首页(QQ.com)就应该是所有中文门户网站中唯一在首页使用了 16px 字号的。正文字号也越来越多的从 13px/14px 增大为 16px(虽然我觉得还是偏小的)。简书更是在正文中大胆的使用了 18px 的字号(好像最近又调整为 17px),我也希望简书能够在今后的改版中有更大胆的调整。

    如果你觉得页面调整为较大的字号时看起来有点怪怪的,甚至有点丑陋。请放心这是正常的,那可能是因为你还没有习惯。而当你习惯了这种本就应该如此大小的文字时,就很难忍受其他网站上惨不忍睹的小字了。

    相关文章

      网友评论

      • 黄杨ME:@黑八 字体字号行间距这些东西在网页上还是有些办法自行控制的(虽然不一定完全满足需要),比如浏览器设置闲置最小字号,缩放,第三方浏览器扩展插件。
      • 黑八先生:同感,还是阅读软件自由挑间距看得舒服。什么时候所有的网页也可以自定义?
      • GeeKavalon:@简叔 的确,17px的宋体字渲染很清晰,而18px略微模糊
      • 逸之:@简叔 简书评论里的字体是稍微有点显小的,看大段评论时有点吃力。
      • district10:一些网站被我放大到侧边栏都看不到,别人说我 “瞎啊”。。。 :scream:
      • 未来乌托邦:一直很喜欢大字体,看网页全都调大系统也调大
      • 黄杨ME:@简叔 确实有
      • MJGA:最近确实调整回了17px,主要是为了照顾 windows 用户,17px和18px对于windows的字体渲染来说效果差别太大了。

      本文标题:我们的屏幕需要更大的字号

      本文链接:https://www.haomeiwen.com/subject/wiartttx.html