一套经过实战验证的视觉设计原则体系，涵盖品牌、排版、色彩、布局等核心维度，帮助开发者快速产出专业级界面。
说明：
## 核心用法
该 skill 以「规则手册」形式提供设计决策依据，覆盖 Logo 与品牌、视觉层级、字体、色彩、布局、图标、UX 原则、设计系统、交付规范九大模块。每条规则附带具体数值或阈值（如 16px 最小字号、4.5:1 对比度、44px 触摸目标），可直接落地执行。
## 显著优点
– **高度可操作**：规则以「做 X，避免 Y」的祈使句呈现，无需设计背景即可套用
– **覆盖完整链路**：从品牌策略到开发交付，形成端到端闭环
– **移动端优先**：明确强调 Mobile First，契合现代产品主流场景
– **无障碍内置**：4.5:1 对比度、色盲模拟测试等要求，降低合规风险
– **系统思维**：推崇 Design Tokens 与组件化，适合规模化团队
## 潜在缺点与局限
– **风格趋同风险**：严格遵循规则可能产出「正确但平庸」的设计，缺乏品牌独特性
– **语境缺失**：部分建议（如「3-5 品牌色」）未说明适用场景（SaaS vs 游戏 vs 电商）
– **未涉及动效与交互深度**：微交互、状态过渡、情感化设计等现代 UX 要素着墨较少
– **文化适应性存疑**：排版与色彩心理学建议基于西方设计惯例，可能不完全适配东亚市场
## 适合人群
– 全栈开发者需要快速补全设计短板
– 初创团队缺乏专职设计师时的 MVP 阶段
– 设计新人建立系统化知识框架
– 产品经理评审设计稿时的检查清单
## 常规风险
– **过度依赖数值**：盲目套用 60-30-10 或 8px 网格可能抑制创造性解决方案
– **无障碍合规误区**：4.5:1 是 WCAG AA 最低标准，非「最佳实践」，高对比度未必等于易读性最优
– **实现偏差**：「交付规范」章节要求开发者 review 最终 build，但未提供具体验收流程，执行依赖团队自觉性
会员专属
