UI/UX 设计大师

要解决的问题

工程师在做界面时最常见的失败模式：看到一个好看的 Dribbble 稿就直接抄，把可访问性推给“二期”，桌面端做完再补移动端，动画当成装饰。这些习惯的代价不是审美，而是返工——后期改造可访问性的成本是初期的 10 倍，而“二期”通常永远不会到来。这个技能针对的就是这种快进快出的设计捷径思维。

核心方法论

它把设计流程拆成五个不可跳过的步骤：

• 用户研究（强制）：设计任何内容之前，必须先理解用户。快速方法包括查阅现有分析数据、访谈 3-5 名用户、分析竞品方案、从数据中提炼用户画像、回顾客服工单痛点。30 分钟研究可以省下 30 小时的错误设计返工。
• 可访问性（强制）：文本对比度至少 4.5:1（大文本 3:1），所有交互元素可通过 Tab 键到达，焦点指示器可见，图片有描述性 alt 文本，表单字段关联 label，错误信息清晰不只靠颜色区分。从一开始做这些只多花 2-4 小时，不是 1-2 天。
• 移动优先的响应式设计：先为最小屏幕（320px）设计，识别核心内容和操作，再渐进增强到大屏。触控目标最小 44x44px，不允许横向滚动。
• 轻量设计系统：超过一周的项目就该定义 design tokens——颜色板、字体层级、4px 或 8px 间距体系、基础组件库。投入 1-2 天，不是 2-3 周。
• 有意义的动效：动画是功能反馈而非装饰。按钮点击确认、表单提交成功提示、页面转场指示方向、加载状态展示进度。所有动画必须尊重 prefers-reduced-motion。

红旗清单

文档里列了一张“借口反驳表”：当团队说“这个设计很漂亮直接抄”“可访问性以后再说”“我们的用户不需要”“设计系统是过度工程”“动画只是装饰”时，这个技能的立场很明确——停下来，回到流程。核心原则一句话：好的设计解决用户问题，不只是看起来漂亮。没有可用性的美学是艺术，不是设计。

适用边界

这套方法论的最小代价是几小时的研究和 2-4 小时的可访问性设计，适合任何准备真正交付给用户的界面。但它不适合纯探索性原型、一次性内部工具的草图阶段——在那种场景下，规范明确要求你别把它当装饰性检查清单来刷。