很多小白选颜色全靠肉眼看着舒服 觉得看得清就合格，很容易踩无障碍的坑 上线后暗光环境、视力偏弱的用户根本读不了文字
❌ 常见误区 浅色小字配浅背景，觉得氛围感强 只在电脑屏幕看，忘了手机户外强光下的效果 认为好看优先，对比度标准是多余约束 分不清标题和正文对应的要求
✅ 记住这套基础标准（WCAG） ▫️普通正文文字：对比度 ≥ 4.5:1 ▫️大标题、粗大字：对比度 ≥ 3:1 ▫️禁用：纯浅灰小字放在白色背景上 举个例子： 白色页面上 #cccccc 的小字，肉眼勉强看见，其实不达标
注意：图标、装饰性文字不受这个约束 但需要阅读的说明文字、按钮文案，必须遵守
✅ 好用的检测工具，随手就能查 ▫️Figma 插件：Color Contrast Checker 选好两个颜色，直接出结果，作品集定稿前必跑一遍 ▫️WebAIM Contrast Checker（网页版） 不用装软件，浏览器打开就能测 ▫️浏览器自带开发者工具 切到颜色面板，自带对比度数值，适合开发核对
✅ 实操小技巧 不要反复微调颜色硬卡数值 优先换底色或者加深文字，比反复调色更省事 品牌色如果本身对比度不够 不要硬拿品牌色当正文，只用来做标题、按钮底色
💡 小白建议 做作品集的时候，尽量标注对比度检测结果 面试官会觉得你有 accessibility 意识，加分很多 不是为了死板卡规则，本质是保证所有人都能看清内容
肉眼会骗人，工具不会 好看的前提，是文字可读。

📚下面这份《UIUX 学习指南》，是我花 1 年时间整理，萃取苹果、谷歌等大厂设计智慧搭建而成的：
• 体系完整又系统，从视觉、交互到用研、产品，覆盖 UI/UX 全链路
• 不管是零基础入门、中级进阶还是冲资深，都能精准适配
• 每天花 5～10 分钟，就能稳步搭建起专业认知框架
👇文末加入「UIUX 学习指南」，每天 5～10 分钟，坚持学习。
你会发现，焦虑、迷茫会被“坚实的确定性”挤走，你重新认识了自己和设计。
#ui设计 #ux设计 #交互设计 #设计教程 #设计文档 #界面设计 #apple #ui教程 #UX教程