计数器与暗黑页面

在各种操作系统和网页浏览器上，深色显示模式被广泛采用，这件事从根本上改变了外部图形应该如何评估、又该如何挑选。如今有相当大一部分的阅读者，主动偏好在很深的底色上看明亮的文字，尤其是在夜里，或者在光线昏暗的环境中。

用户在偏好上的这一次巨大转向，把许多较老的、僵硬的图像文件里潜藏的一个严重缺陷暴露了出来。

一张背景是纯白、明亮的图形，一旦被放到深色主题的网页上，立刻就会显现为一个刺眼而生硬的方块。它像一盏聚光灯那样咄咄逼人地跳出来，把深色界面精心营造的那种收敛的美感彻底毁掉。

一件辅助性的测量工具，本该是背景信息里一个安静、不引人注意的来源，而不该是一处主动让眼睛发酸的、刺眼的视觉破坏。

透明能解决什么，不能解决什么

要应对这个难题，先得弄明白图片的透明在网页浏览器里究竟是怎么工作的。某些文件格式允许图片的特定部分完全透空，让网页本身的底色透过图形显出来。

如果一个设计用的是透明背景，那么无论页面当前显示的是浅色还是深色主题，那些数字看上去都像是直接坐在页面上的。然而，透明本身又带来了它自己独有的一批问题。

如果数字本身是用很深的黑色画出来的，那么当背景变成深炭灰或者深蓝的时候，它们就会完全看不见了。透明的背景解决了「亮方块」这个问题，却毁掉了最基本的可读性所需要的对比度。

要同时照顾浅色和深色这两种显示模式，最稳妥的办法是选一个有意避开透明、转而使用一套到处都合用的纯色配色的设计。一个中灰色的背景，或者一个饱和度很高的深色背景配上明亮发光的数字，在所有环境里都表现得格外好。

在白色的页面上看，一张深色的图形给出的是一种干净的、有意为之的对比；它像一枚结结实实的视觉铆钉，钉在整个版面的最底部。

而在深色的页面上看，它会无缝地融进周围的阴影里去，既保住了自己的可读性，又不会带来生硬的视觉冲击。这种对纯色、对经过仔细挑选的颜色的刻意使用，保证了彻底的一致性。

另一条路，是用一个明确的、有风格的边框，把两种对比强烈的主题之间的落差搭起来。一圈实心的黑边围着一个白色的内框，就清清楚楚地划出了这张图形的边界。

在白色的页面上，这道边框提供了必要的界定。在深色的页面上，它则充当一条过渡带：既框住了明亮的内部，又把视觉上的冲击柔化下来。

关键在于避开那些依赖细微渐变或者柔和投影的设计，因为这类效果一旦被摆到一个它没有预料到的底色上，几乎总是显得很难看。选一个扁平的、轮廓分明的设计，就能保证无论阅读设备上当前启用的是哪一种显示偏好，画面的呈现始终清晰、体面、完全可读。