美学界面设计

解决什么问题

用 AI 做界面设计最常见的困境是"好看但不好用"——能生成漂亮的图，却说不清配色为什么这么选、层级为什么这么排，更无法落地到真实组件库。这个技能把资深产品设计师的决策过程拆成可执行的步骤：在 30 分钟内产出一份包含视觉层级、配色、字体与微交互建议的设计指南，而不是一张用完即弃的成品图。

核心能力与关键步骤

技能以四阶段工作流运行：

• BEAUTIFUL（审美对齐）：AI 没有本能审美，标准必须来自高质量样例。用户提供 2-4 张参考图后，技能从中提炼风格（极简、玻璃拟态、新粗野等）、栅格、字体与配色，并给出 1-10 美学评分。
• RIGHT（功能正确）：核对组件体系、信息架构与 WCAG 无障碍基线，避免"好看但不能用"。
• SATISFYING（微交互）：给出动效节奏建议——入场 ease-out、退场 ease-in，时长 150-300ms，多元素用顺序延迟（stagger），并输出节奏表。
• PEAK（叙事设计）：用视差、粒子、主题一致性提升情绪，同时遵循"过犹不及"，克制使用。

另有两条实用工作流：工作流 A 从 Dribbble、Mobbin、Behance、Awwwards 等灵感站截取整屏截图，逐项分析风格、栅格、字体（尝试推断 Google Fonts 具体字体名，不默认 Inter）、十六进制配色与无障碍表现；工作流 B 按"风格/配色/字体/受众/动效"构造提示词生成设计图并自评迭代，最终产出结构化的 DesignGuide JSON。

适用边界

适合正在搭建或重做 Web / 移动端界面、需要从灵感站提炼规范、需要评估生成图美学质量的场景。不适用于品牌全案策划、法务合规审查与纯绘画艺术创作，这些需另行专业支持。