design-with-taste

以品味设计

在明确可用性约束后，应用具有鲜明主张的品味准则。此技能会在满足质量要求的方案中作出选择；绝不会凌驾于任务成功、无障碍要求、产品惯例或用户明确的视觉方向之上。

如果 design-better-interfaces 可用，请将其用作质量门槛。作出视觉决策前，请完整阅读 references/taste-profile.md。

1. 锚定界面

确定主要任务、关键状态、既定的产品语言、组件系列、信息密度和现有品牌信号。除非请求要求更改，否则保留产品的信息架构。

当前层级结构和允许更改的方面都明确后，即可完成此步骤。

2. 选择低调的默认方案

从装饰性最少、但能清晰呈现层级的布局开始。优先采用简洁统一的外壳、稳定的行布局、语义化配色、情境化控件和符合惯例的操作提示。只有在能够影响注意力或决策时才添加强调。

每个可见的边框、表面、徽标、颜色、效果和动画都有明确且独特的作用后，即可完成此步骤。

3. 执行精简检查

移除重复的上下文、缺少结构意义的嵌套容器、始终可见的例外控件、装饰性状态标签，以及被多个层级重复使用的样式。如果精简后某个区域或状态变得含糊不清，则恢复简洁的标签。

移除任何剩余元素都会降低理解度、状态清晰度、可操作性或品牌辨识度后，即可完成此步骤。

4. 调整组件系列，而非孤立像素

对比同类的行、按钮、菜单、弹出层、页眉和滚动区域。在整个系列中统一几何形状、视觉重量、圆角、图标尺寸、过渡效果和表面归属。在悬停、选中和实时更新时，保持目标位置稳定。

同类组件共享有意设定的不变量，且每个例外都有语义上的理由后，即可完成此步骤。

5. 在实际情境中验证品味

使用真实的数据，在浅色和深色主题下，以及小、中、大尺寸的视口中渲染主要流程。检查长内容、悬停、焦点、禁用、激活、叠加层和减少动态效果等状态。使用相同的数据和视口对比更改前后的结果。

如果结果出现卡片堆叠、徽标堆叠、双重外壳、目标形状变化、装饰性动效、浅色主题对比度不足或无法解释的空隙，请进行修改。

界面变得更简洁，同时未损失信息、错误恢复能力、平台适配性或任务清晰度，且已注明每个未经验证的环境后，即可完成此步骤。

报告

描述保留的层级、移除的界面装饰、保留用于强调的部分、统一的组件系列，以及检查过的渲染证据。区分产品要求与专为此品味准则作出的选择。