用途:把视觉上过于激进或刺激过强的设计调低强度,在保留效果与特色的前提下,营造更克制、高级、易读的观感。
必要准备:先调用 /impeccable——它包含设计原则、反模式与上下文收集协议。按其协议执行;若尚无设计上下文,必须先运行 /impeccable teach。
评估现状:找出强度来源(色彩饱和度过高、对比极端、视觉重量竞争、动画过多、装饰元素繁杂、整体尺度大而无层级),并理解上下文(用途是营销、工具还是阅读;受众是谁;哪些部分做得好;核心信息是什么)。代码库中无法判断时应直接向用户询问。
规划与精修:降低颜色饱和度、改用沉稳色调、减少颜色数量、让中性色承担主体、仅在关键处使用高对比;使用带色调的灰(暖灰或冷灰);彩色背景上不要放灰色文字,改用该颜色的深色调或透明。降低视觉重量:减小字重(900→600、700→500)、适当缩小字号、用字重/字号/留白建立层级、增加呼吸空间、减细或去除边框。简化:删除无用途的渐变、阴影、纹理;简化形状与圆角;减少层叠与模糊、发光、多重阴影。降低动效强度:缩短位移(40px 改为 10–20px)、使用柔和缓动(ease-out-quart,避免弹跳),只保留功能性动效。构图:缩小尺寸跳跃、对齐栅格、统一间距节奏。
禁止事项:不要把一切做成同一大小/字重、不要完全去掉颜色、不要消除全部个性、不要为美观牺牲可用性、不要把所有元素都做得又小又灰。
质量验证:功能是否仍易用、是否仍有辨识度、长时间阅读是否更舒适、是否更精致。具体分类、价格或平台信息暂未提供。