网页文字的颜色选择
source link: https://yihui.org/cn/2017/08/web-font-color/
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
网页文字的颜色选择
谢益辉 / 2017-08-04
前段时间看了一篇文章，谈现在的网页为什么可读性越来越差。我有些同感。这几个月我经历了好几个网站的改版，先是 RViews，然后是 RStudio 官方博客，最后是统计之都。每一轮改版最耗时又耗神的事情就是辩论样式；内容方面我通常短短几天就做完了，而样式却是永恒的辩论话题，非常难达成一致。某种程度上，这可能是自行车棚的颜色问题，即：重要或困难的事情太费脑子，所以大众不会参与讨论（如是否该在某地建一个核电站）；不重要但明显的事情，讨论的人就会如潮水般涌进来（就像讨论某处一个自行车棚应该刷成什么颜色）。
关于网页可读性可谈论的话题有很多，今日只谈颜色，也就是那篇文章主要抱怨的话题。我也不太懂为什么现在流行的文本颜色是越来越淡（比如深灰而不是纯黑），不仅如此，在淡色的基础上偏偏还要加上灰度背景色。当时我刚转入现在的 Hugo 主题时，就有一位读者留言说我的文字颜色太浅，读起来费眼，我一看，果然颜色只是 #555，所以给加深到 #333。#333 只是我的随意选择，没什么根据，但那些强烈反对纯黑色的人一样也没有科学根据。我倒是盼着有人来做个试验，看到底纯黑引起眼睛疲劳比深灰高多少。我有点不信这个邪。
我们公司去年开始雇了一个专业设计师，他做的各种模板、图片、特效都很漂亮，但我个人仍然不习惯阅读我们网站上的文字，我觉得太细了。主要原因应该是他启用了抗锯齿效果：-webkit-font-smoothing: antialiased;，这样浏览器渲染字体的时候会把文字笔划的“毛边”都削掉，导致文字变细一层。
嗨，美丑、易读与否本来就是个主观判断，而且这个判断还会不断改变，今天喜欢这种风格，明天喜欢那种。就算做了群体试验，也没法得出一个让所有人都满意的样式设计方案。我觉得最好的解决办法就是不要定死颜色，让读者自己用自己的浏览器去自定义颜色（有浏览器插件可以做到），爱看黑色看黑色，爱看灰色看灰色。可是傲娇的设计师们哪能舍得放弃自己的审美呢：我眼中好看的东西，一定要想办法传达到你眼中。
Recommend
About Joyk
Aggregate valuable and interesting links.
Joyk means Joy of geeK