用途
quieter 是一个设计技能，作用是把视觉上过于激进、张扬或刺激过度的设计“调低音量”，在不损失有效性的前提下，创造更精致、更亲和的美学效果。当用户提到设计太粗犷、太吵、太抢眼等表达时使用。
强制准备
必须先调用 /impeccable——它包含设计原则、反模式与上下文收集协议（Context Gathering Protocol）。按该协议执行；如果目前还不存在设计上下文，必须先运行 /impeccable teach。
评估当前状态
分析设计为何显得过于强烈。
识别强度来源：
- 色彩饱和度：过亮或过饱和的颜色
- 对比极端：过多高对比的并置
- 视觉重量：太多粗重元素互相竞争
- 动画过量：动作太多或效果过于戏剧化
- 复杂度：视觉元素、图案或装饰过多
- 尺度：一切都又大又响，缺乏层级
理解上下文：
- 用途是什么？（营销、工具还是阅读体验）
- 受众是谁？（某些场景需要能量感）
- 哪些是有效的？（不要丢掉好的想法）
- 核心信息是什么？（保留重要的部分）
如果这些信息无法从代码库中判断清楚，直接向用户询问你无法推断的部分。
关键：“Quieter”不代表无聊或平庸，而是精致、高级、更护眼。要像奢侈品，而不是偷懒。
规划精修
制定在保持冲击力的同时降低强度的策略：
- 色彩思路：去饱和，还是转向更高级的色调？
- 层级思路：哪些元素保持粗重（极少数），哪些应当后退？
- 简化思路：哪些可以完全移除？
- 高级感思路：如何通过克制传递品质？
重要：优秀的安静设计比优秀的大胆设计更难。微妙需要精确。
精修设计
在以下维度系统性地降低强度。
色彩精修
- 降低饱和度：从全饱和转向 70–85% 饱和度
- 柔化配色：用柔和、高级的色调替换亮色
- 减少颜色种类：用更少的颜色，但更讲究
- 中性色主导：让中性色承担更多工作，把颜色作为点缀（10% 规则）
- 更柔和的对比：只最重要的地方保留高对比
- 带色灰：使用偏暖或偏冷的带色灰，而非纯灰——增加高级感而不喧闹
- 不要在颜色上叠灰：如果是在彩色背景上有灰色文字，应使用该颜色更深一档的色值或透明度代替
降低视觉重量
- 字体：降低字重（900 → 600，700 → 500），在适当处缩小字号
- 用微妙建立层级：用字重、字号与空间，而非颜色与粗体
- 留白：增加呼吸空间，降低密度
- 边框与线条：减细、降低不透明度，或完全移除
简化
- 移除装饰元素：不服务于目的的渐变、阴影、图案、纹理
- 简化形状：减少极端的圆角，简化自定义形状
- 减少层叠：尽可能压平视觉层级
- 清理效果：减少或移除模糊、发光、多重阴影
减少动效
- 降低动画强度：更短距离（用 10–20px 而非 40px）、更柔和的缓动
- 移除非必要动画：保留功能性动效，移除装饰性花哨
- 微妙的微交互：用轻柔反馈替代戏剧化效果
- 精炼缓动：使用 ease-out-quart 实现顺滑、低调的运动——不要用 bounce 或 elastic
- 如果动画没有明确目的，就完全移除
构图精修
- 减少尺度跳跃：大小之间更小的反差带来更平静的感受
- 对齐网格：把脱序元素重新纳入系统化对齐
- 均衡间距：用一致节奏替代极端的间距变化
绝对不要
- 把所有东西做成同样大小/字重（层级仍然重要）
- 移除所有颜色（安静 ≠ 灰度）
- 消除所有个性（通过精修保持性格）
- 为美学牺牲可用性（功能元素仍需要清晰的可用性提示）
- 把所有东西都做小做轻（仍需要一些锚点）
验证质量
确保精修后质量得以保持：
- 仍然功能可用：用户是否仍能轻松完成任务？
- 仍然有辨识度：是否仍有性格，还是变得平庸？
- 阅读更好：文本是否更易于长时间阅读？
- 高级感：是否感觉更精致、更有品质？
记住：安静的设计是自信的设计。它不需要喊叫。少即是多，但少也更难。以精确精修，并保持意图明确。