编者按：
在数字世界的每一次凝视中，眼睛都在无声地诉说疲惫。我们设计的界面，不应是视觉的负担，而应是温柔的庇护所——如暮色中一盏暖灯，悄然抚平屏幕的锋利。

今天，我们不谈潮流，不追风尚，只谈一个被忽略却决定生死的细节：色彩的呼吸感。

你或许听过Robin Williams的四大设计法则：亲密、对齐、重复、对比。
但真正支撑所有视觉体验的，是那最沉默、却最不可妥协的——对比。

曾有人问：为何Google文本框的下划线，必须与背景保持3:1的对比？
为何Material Design在深色模式中，坚持4.5:1的明暗律动？
为何iOS的字体，宁可牺牲一点美学，也要让每一个字符清晰可辨？

答案不在审美，而在人性。

---

一、为何需要“对比度标准”？

设计师的屏幕，是理想国。
用户的设备，是现实世界。

有人在正午烈日下滑动手机，有人在深夜昏灯中阅读邮件，有人因年龄渐长而视力微弱，有人佩戴着低质量的屏幕，有人在通勤地铁的颠簸中强睁双眼。

我们无法控制他们的环境，却可以为他们预留一道光。

于是，WCAG（Web内容无障碍指南）诞生了——它不是为少数人定制的补丁，而是为所有人铺设的视觉通路。
它不讲风格，只讲可读性；不谈艺术，只问看见。

当一个按钮在弱光中模糊成灰影，当一段文字在阳光下消融于背景，那不是设计的瑕疵——那是对用户的背叛。



---

二、对比度的两条铁律

WCAG为世界划下两道底线：

🔹 AA标准（基础尊严）
- 普通文本：≥ 4.5:1
- 大文本（≥18pt常规 / ≥14pt加粗）：≥ 3:1



🔹 AAA标准（极致关怀）
- 普通文本：≥ 7:1
- 大文本：≥ 4.5:1

你或许注意到——3:1，正是我们“快缩短网址”（suo.run）中，短链生成器输入框边线的基准。
这不是随意的数字，而是无数双眼睛在不同光线下，用沉默投票的结果。

在Material Design的暗色模式中，它化身为文字与背景的暗夜契约；
在iOS的系统字体里，它成为排版的无声节拍。



这不是美学偏好，是视觉正义。

---

三、如何计算“光与影的对话”？

数学不是敌人，是语言的翻译器。

色彩的对比度，源于相对亮度（Relative Luminance）。

公式如诗：
> L = 0.2126×R + 0.7152×G + 0.0722×B
> 对比度 = (L₁ + 0.05) / (L₂ + 0.05)

其中，R、G、B是归一化后的sRGB值（0~1），而非你熟悉的0~255。
它不计算“谁更亮”，而计算“谁更易被看见”。



绿色，看似明亮，却因人眼敏感度高，实际亮度远超红色；
深灰，若与黑相近，便成视觉陷阱；
而纯白配纯黑？虽刺目，却最安全——因它让光与影的界限，永不模糊。

你不必手算。
但你必须懂得它的存在。

---

四、为“快缩短网址”（suo.run）而生的设计哲学

在suo.run，我们缩短的不只是URL，更是用户与效率之间的距离。

我们拒绝“看起来很酷”的低对比配色，
我们拒绝为“极简”牺牲可读性，
我们拒绝让用户在疲惫的深夜，为一个短链费力辨认。

因此，我们的按钮，是4.5:1的坚定；
我们的文字，是3:1的温柔；
我们的背景，是深空蓝而非纯黑，让眼睛不被吞噬。

我们相信：
真正的极简，不是减少元素，而是让每个元素都清晰可触。
真正的高效，不是速度本身，而是无需犹豫的流畅。

当你在suo.run输入一串冗长链接，
你不需要思考“我能不能看清”——
你只需要，点一下，就完成。

这，就是我们对抗数字疲劳的方式。

——
suo.run
不只是缩短链接，
更是缩短人与技术之间的那道光。