用途
Whimsical Design 是一个条件性专业设计技能，用于在请求的体验需要个性、愉悦感或表达性品牌方向时使用。它并非适用于所有界面：营销页面、作品集或变体练习本身不足以构成使用理由，必须由用户任务和简报支持这一选择。常规工具型 UI、状态修复和已定型的美学应跳过。该技能由 ADS 负责任务与评审，不启动另一个循环。
主要能力
该技能围绕若干核心原则组织：
-
Whimsy Over Sterile（愉悦优于刻板）：默认远离企业级 SaaS 风格，转向温暖、个性与惊喜。可考虑像素艺术、手绘纹理、俏皮插画；暖色调而非冷中性灰；在空状态、加载屏幕、错误消息中体现个性；以及奖励仔细观察者的小细节。
-
Responsive character（响应式角色）：有意义的反馈可以强化触感或个性。使用 web-animation-design 处理时序、中断、减少动态效果和目标浏览器验证。高频控件保留无动效。不要仅为让界面“有生气”而添加空闲浮动、持续脉冲、移动表格行或动画数据。可选配方包括合适控件上的细微按压反馈、解释新内容的有界揭示，或在简报允许时的手势驱动弹簧效果。匹配现有 token，保留键盘/焦点，不延迟真实内容。声音为可选加入，且不得成为理解结果的必要条件。
-
Bold Aesthetic Commitment（大胆美学承诺）：对于新的表达方向，在现有简报中命名具体美学。复用已定型的方向，而非强制再做决定。可能性包括：极简主义、极繁混沌、复古未来主义、有机/自然、奢华/精致、俏皮/玩具感、编辑/杂志风、粗野主义/原始、工业/实用主义。意图性比强度更重要。
-
Background Atmosphere（背景氛围）：背景可建立情绪。当平面色支持清晰度时保持平面色；仅当纹理有助于预期材质或氛围时才添加。技法包括噪点/颗粒纹理（3-5% 不透明度）、渐变网格（2-3 个低不透明度径向渐变）、细微图案（2-4% 不透明度）、分层透明。这些应用于页面背景和英雄区域，内部组件应保持干净。
-
Craft Signals（工艺信号）：仅选择适合产品与参考的工艺细节，包括颗粒纹理、噪点叠加、细微纸张感；有意的瑕疵；衬线点缀与干净无衬线混用；不对称但经过构图的布局；自定义插画优于库存图标；响应光标或滚动的 SVG 元素。
-
Color With Feeling（有感觉的色彩）：色彩应创造情绪，而不仅是区分元素。主导色 + 强调色，而非均匀分布。提供具体配方，如暖色浅色模式（背景 #FAFAF8、文字 #1A1A1A、强调色 #E8723A 或 #2D6A4F）、舒适深色模式（背景 #1C1917、文字 #E7E5E4、强调色 #F59E0B 或 #818CF8）、插画数据调色板、数据可视化调色板、状态色等。渐变仅用于背景，绝不用于文字。
-
Typography as Character（字体即性格）：字体在任何人阅读文字之前就承载个性。大幅混合字重；考虑标题使用展示字体；字母间距和行高是设计决策而非默认值；等宽字体用于数据/代码，但要有意为之。
使用方式
在发明美学之前，先恢复期望的角色和任何已接受的示例。平静、静态和熟悉可以是正确结果。不使用装饰性圆点或全大写视觉处理；保留当前用户偏好和项目 token。上述技法均为选项，而非必需成分。
判断标准：所选角色是否帮助该受众理解、记住或享受体验，同时不阻碍任务？新颖性和智能体的微笑测试不是用户接受。
仅在缺失选择具有实质性时才进行方向检查。不要将有范围的手工编辑变成美学访谈。
适用场景
适用于请求的体验需要个性、愉悦感或表达性品牌方向，且用户任务和简报支持该选择的情况。例如营销页面、作品集或需要表达性品牌方向的体验。
限制
不适用于常规工具型 UI、状态修复和已定型的美学。避免无意义的玻璃拟态、霓虹渐变替代个性、通用卡片网格加投影、未审视的框架样式、将“干净现代”作为全部设计简报、不解释产品的通用图像、到处灰底灰边、未定制的 Tailwind 默认值、千篇一律的英雄区域、不服务意义的动画。纹理、多种字体、动画和彩蛋不是接受要求。在 ADS 内评审时，检查可读性、主要操作、真实的错误/空状态文案、响应式构图和实际动效，移除与内容竞争的装饰。记录已接受示例及其具体原因和实际批准状态。对反馈分类：明确偏好、项目决策、重复缺陷或一次性修正。仅在合理时更新现有所有者；不要每次构建后都添加永久规则。