用途:craft-signals 用于在对话中施加“工艺质量”约束,帮助区分“被设计过”与“设计得好”。适合打磨设计、审查质量或统一界面细节时使用。
主要能力: 一致性检查:要求边框圆角取自同一尺度(4、8、12、16,而非此处 4 彼处 5);要求对齐在预期处做到像素级精确,接近对齐比刻意偏移更糟;要求同一组件在任何出现位置外观与行为一致;建议过渡共享同一缓动曲线并遵循成比例的时长尺度。 状态覆盖:要求覆盖全部状态——加载、空、错误、成功、部分、溢出、截断;要求每个状态被有意设计,而非依赖浏览器默认;建议错误信息具体且可操作,而非泛泛而谈;建议加载状态给出即将出现内容的空间提示(骨架屏优于旋转指示器)。 过渡质量:反馈类过渡(按钮按下、开关)50-150ms,近乎即时;导航类过渡(页面切换、面板打开)200-400ms,明显但快速;强调类过渡(通知、庆祝)300-600ms,刻意为之。绝不让动画阻塞内容,若必须等动画结束才能阅读,即为缺陷。
使用方式:在对话中输入 /craft-signals 即可应用工艺质量约束。
反模式:不同组件类型圆角不一致;加载状态持续时间超过实际加载;错误状态只说“出错了”而无指引;给每个元素都加悬停效果(动效应引导注意力,而非制造噪音)。
限制:资料未提供平台、收费、价格或具体实现细节。