设计原则速查手册，开发者的美学急救包

一套经过实战验证的视觉设计原则体系，涵盖品牌、排版、色彩、布局等核心维度，帮助开发者快速产出专业级界面。

基本信息

• 技能名称?Designer
• 中文名称?设计原则速查手册，开发者的美学急救包
• 作者?ivangdavila
• 分类?专业技能
• 版本?1.0.0
• 标签?design, ui-ux, branding, typography, color-theory, layout, accessibility, design-system, handoff, mobile-first

使用方法

使用说明
核心用法
该 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，但未提供具体验收流程，执行依赖团队自觉性