无障碍对比度

问题背景

当界面文字与背景对比度过低时，信息可读性会显著下降——视障用户可能无法辨认按钮文字，强光环境下的用户也难以看清卡片内容。这类问题在浅色文字配浅灰背景、品牌色直接用于正文等场景尤为常见。

技能如何工作

核心能力

• 设计原理拆解：结合视觉原理（如格式塔法则）与色彩心理学，解释对比度不足的成因，例如背景渐变导致文字区域对比度失效。
• 案例解构：选取2-3个典型案例（如电商促销页文字压色块设计），分析其设计决策的因果逻辑，例如高饱和度背景与白色文字在小字号下的可读性冲突。
• 实操指导：提供可落地的解决方案，包括文字/背景色值调整（如#333改为#666）、字体粗细优化、投影参数设置等，每个建议均附带设计参数示例。

执行流程

1. 确认需优化的设计对象（如登录页表单、数据看板）及目标场景（如移动端夜间模式）。
2. 用通俗语言讲解至少3条设计原理（如视觉层级、色彩对比、空间关系）。
3. 输出至少3条具体设计建议，每条包含修改前后对比说明。
4. 生成至少1组Before/After对比演示（如浅色按钮与深色按钮的可读性差异）。

适用边界

• 依赖LLM自身知识库，无法实时获取最新设计规范（如WCAG 2.2更新内容）。
• 交互设计问题建议聚焦具体模块（如表单组件），避免跨页面的全局设计策略讨论。
• 输出内容需人工校验色值参数，确保符合目标平台（如iOS/Android）的无障碍标准。