关于 subtractive-design
subtractive-design 是一套以删减为核心的界面设计方法，面向界面设计者。它通过检查元素用途、降低选择负担和渐进披露，帮助设计保持清晰与克制。
主要功能
- 01检验每个元素的实际用途
- 02减少用户每步的选择
- 03运用留白建立层次
- 04渐进披露必要的复杂性
- 05按清单审查并删减界面
适用场景
- 01精简操作繁多的屏幕
- 02明确页面的主要操作
- 03移除重复文案和装饰
- 04审查界面是否存在冗余
安装
复制下面的命令，在终端中运行。
$
npx skills add https:/安装后在 Claude Code 中输入/subtractive-design确认已加载。
详细介绍
减法设计
设计是一种减法。缺席能创造层次、宁静与专注。添加让人觉得有成效；移除通常更难，也往往是更好的选择。
默认原则
- 要求每个元素、设计令牌和交互都有明确可证明的用途。
- 尽量减少用户每一步需要做出的决定。
- 将留白、静默与克制作为主动的设计素材。
- 隐藏必要的复杂性，而不是刻意彰显它。
- 删除所有仅因易于生成而存在的内容。
提倡 / 拒绝
| 提倡 | 拒绝 |
|---|---|
| 明确的主要操作 | 权重相同、成片出现的按钮 |
| 渐进式呈现 | 一开始就展示所有选项 |
| 共享的设计令牌和模式 | 每个屏幕各自为政的装饰效果 |
| 能省去设置步骤的默认值 | 面向尚未确定的设计方案的偏好设置面板 |
| 宁静的留白 | 仅仅因为空间空着就把它填满 |
流程
- 列出屏幕必须完成的事项。
- 标记所有不服务于这些事项的元素。
- 删除或弱化标记的元素。
- 重新检查剩下的内容是否仍需要标签、界面装饰或动效。
- 当进一步删减会隐藏必要的决策或操作提示时，就停止。
审查清单
- 是否可以移除某个控件而不影响任务？
- 是否只有一个明确的主要操作？
- 次要操作在视觉上是否足够次要？
- 是否有文案在重复界面已经呈现的内容？
- 装饰性图层是否发挥了应有的作用？
- 更简洁的版本能否更快地传达相同意图？
源文章
- 美源于缺席
- 设计不可见之物
- 界面设计中的 Hygge
评论
支持 Markdown