很多界面看起来“高级但难读”，原因不是用户不懂审美，而是前景（文字/图标）与背景的亮度对比度太低，尤其在强光、低亮度屏幕或视力疲劳时更明显。
WCAG（Web Content Accessibility Guidelines）是网页内容可访问性指南，其中对比度要求是最常被设计与前端引用的指标之一。
1）普通正文：建议至少4.5:1。
2）大号文字（例如更大的字号或更粗的字重）：可放宽到3:1。
这些并不是“审美规则”，而是为了让更多人能读清楚，包括弱视用户与老年用户。
不同屏幕亮度、对比度、色彩空间与环境光都会影响观感。对比度达标能提高跨设备的可读一致性。
1）先保证信息层级：主按钮、主标题要更清晰。
2）不要只靠颜色区分状态：结合描边、图标、字重变化。
3）用对比度检查工具：在设计稿阶段就测一遍，减少返工。
浅灰字+白底最容易踩坑。要么加深文字颜色，要么给背景加一点底色，让亮度差拉开。
