今天早上,我读了一篇文章,宣扬单色设计的好处,这是我在奥尔加的书架上找到的(顺便说一句,谢谢!)。我发现它足以吸引我去修改我的博客的 CSS,并最终选择了我喜欢的单色配色方案。
我以前的配色方案是黑色背景上的白色文本和粉红色链接(在深色模式下)。我喜欢黑色上粉红色的外观,但并没有完全欣赏粉红色链接在白色文本海洋中突然出现的程度。它们非常明亮,在我还没来得及看到它们所居住的文本之前就吸引了我的目光。单色解决了这个问题——现在链接的灰色阴影比周围的文本更浅,当与传统的下划线结合时,让它们稍微突出,但不会突出太多。
直到我看到我的朋友在他的 Mac 上阅读我的博客时,我才意识到我的博客实际上有一个针对浅色模式用户的不同外观版本,白色背景上有黑色文本和粉色链接。我很震惊。什么样的精神病患者会使用灯光模式? (不用说,我们不再是朋友了。)
那段痛苦的经历提醒我今天在扮演 Web 开发人员时也调整 CSS 中的灯光模式(默认)设置。事实证明,我在浅色模式下的链接上使用的粉红色阴影违反了 Web 内容可访问性指南1 (或简称 WCAG)。将粉色更改为黑色解决了这个问题,我很高兴地说我的博客颜色现在在浅色和深色模式下都符合 WCAG。 (至少,我是这么认为的。不过,如果我错了,请告诉我。)
在我热衷的单色化中,我将所有文本和链接设置为白色(#fff),将背景设置为黑色(#000)(在浅色模式下反之亦然),却发现最终的对比度很刺耳。几分钟之内我的眼睛就疲劳了。我很快将白色和黑色更改为对比度较低的灰色阴影,并认为这是一个教训:仅仅因为某些东西通过了可访问性准则并不意味着它使用起来令人愉快。白底黑字和黑底白字是可访问性方面的黄金标准,但稍微不那么引人注目的对比度却提供了更优越的阅读体验。
我不确定我是否会坚持这种新的灰度外观。我喜欢它让我的博客看起来更无聊,让文字更多地说话,但就像诺玛的博客一样,如果没有颜色,我就没有(好的)方法来区分已访问和未访问的链接。 (想想蓝色链接在点击后变成紫色。)这并没有让我太烦恼,但你觉得怎么样?它会改变您使用网络的方式吗? 2