Entrar Agora 长时间盯着手机或电脑，眼睛容易发酸发胀，这也是为什么如今大多数设备都默认提供了“深色模式”或“夜间模式”。柔和的界面确实能让视觉神经轻松不少，但落到设计本身，真正决定一个界面是否“耐看”且“易读”的，往往不是颜色有多跳，而是色彩之间的明暗对比关系。
很多人刚接触设计时，都曾被推荐过Robin Williams的《写给大家看的设计书》。书里把排版规律提炼成四个词：亲密性、对齐、重复、对比。今天我们不展开全书，只聊其中最关键的一环——对比。在实际做界面时，你会经常遇到一个具体问题：Google设计团队在研究文本框可用性时曾明确提到，控件底部线条与背景的对比度至少要达到3:1，才能保证基础可见性。为什么是3:1？这个数字是怎么定出来的？它对日常设计工作又意味着什么？
定下这些标准，初衷其实很实在。现实中的使用场景远比设计稿复杂。你没法保证每个用户都拿着旗舰机，坐在光线均匀的书房里看屏幕。有人手机屏幕泛白偏色，有人正走在烈日当空的街头，还有人年纪渐长，眼睛的调节能力不如从前。如果全靠设计师的主观感觉去调深浅，产品上线后很可能在各种环境下变成糊成一片的色块。为了弥补这种体验落差，行业慢慢沉淀出了WCAG（Web内容无障碍指南）这类标准。它最初是为了照顾视障人群，但客观上也帮普通用户扫清了阅读障碍。而在影响可读性的诸多因素里，真正起决定作用的从来不是色相或饱和度，而是明暗之间的对比度。
WCAG对对比度的要求划分得很清楚，主要分AA和AAA两级。AA是基础门槛，要求普通正文与背景的对比度不低于4.5:1；如果是大字号文本（通常指≥18pt常规字重，或≥14pt加粗），门槛会放宽到3:1。如果产品面向老年群体，或者需要长时间查看的专业数据看板，那就建议直接拉到AAA级：普通文本7:1，大文本4.5:1。你会发现，现在主流的Material Design或iOS人机交互指南，底层逻辑其实都源自这套标准。Google所强调的3:1，正是大字号文本在AA级标准下的安全底线。
搞清楚标准后，难免有人好奇这串数字背后的算法。WCAG确实有一套严谨的计算模型。对比度公式是(L1 + 0.05) / (L2 + 0.05)，其中的L代表相对亮度。而相对亮度又是通过RGB三通道加权算出来的：0.2126×R + 0.7152×G + 0.0722×B。这里藏着一个人眼生理的小细节：人类对绿色最敏感，对蓝色最迟钝，所以绿色的权重最高。把sRGB数值经过伽马校正后代入，就能得出精确的比值。不过说实话，日常工作中真没几个设计师会拿计算器手推。现在主流的Figma插件、浏览器开发者工具，甚至设计软件的自带检查功能，都能一键跑出对比度并提示是否合规。公式的意义在于提供一套可验证的科学依据，而设计师的精力，更应该放在如何兼顾品牌调性与阅读体验上。
设计终究是为人服务的。对比度标准看似是一堆冷冰冰的数字，背后却是对真实使用场景的尊重。下次调按钮颜色或排版层级时，不妨顺手打开对比度检测工具看一眼。哪怕只是把灰色稍微提亮，或者把背景微微压暗，用户的阅读感受就会顺畅不少。好的设计，往往就藏在这些看不见的细节里。