核心:别只靠颜色传达信息,保证所有人都能看清、看懂。
一、对比度:无障碍基石 📏
AA 标准(必须达标)
普通文字:≥ 4.5:1
大文字:≥ 3:1
图标 / 按钮 / 边框:≥ 3:1
AAA 标准(增强)
普通文字:≥ 7:1
深色模式别用纯白,用浅灰防光晕
二、色觉障碍常识 👁️
男性约 8% 有色弱 / 色盲(最常见:红绿色盲)
三类主要:
红绿色盲(最常见)
蓝黄色盲(极少)
全色盲(极罕见)
三、设计黄金原则 ✅
永远不要只靠颜色传达信息
状态:错误 / 成功 → 加图标 + 文字
图表:加线型、图案、形状、标签
链接:加下划线
优先用明度差,不只靠色相
灰度图能看清,色盲基本也能看清
安全配色:蓝 + 橙、蓝 + 红
高危:红 + 绿、绿 + 黄、蓝 + 紫
四、设计流程怎么落地 🧩
设计系统提前定合规色组
Figma 装插件实时查对比度
评审必看:色盲模拟 + 灰度检查
图表:用安全色板 + 图案 + 直接标注
五、为什么必须做 🛡️
惠及所有人:强光、老花、夜间、投影
很多地区已法律强制(ADA、欧盟法案)
是专业设计的基本底线
一句话记住
对比度达标,不靠颜色传信息,人人都能用。
📚下面这份《UIUX 学习指南》,是我花 1 年时间整理,萃取苹果、谷歌等大厂设计智慧搭建而成的:
• 体系完整又系统,从视觉、交互到用研、产品,覆盖 UI/UX 全链路
• 不管是零基础入门、中级进阶还是冲资深,都能精准适配
• 每天花 5~10 分钟,就能稳步搭建起专业认知框架
👇文末加入「UIUX 学习指南」,每天 5~10 分钟,去学、去拆解。
当你开始坚持,你便不再只是“做设计”,而是用设计的眼光重新看见世界。






