浏览命令

/impeccable distill

Distill

无情删减,把设计剥到只剩本质。

什么时候用

/impeccable distill 用来移除那些本来就不该出现的东西。彼此竞争的按钮,重复的信息,装饰性边框,明明一种够用却用了三套字体,明明三项就够却塞了六项导航。当一个界面显得拥挤、繁忙,或者像是在一次性做太多事,就该用它。

如果 /impeccable critique 报出了 “cognitive load” 或 “visual noise”,或者页面是在不断叠加中长出来、从来没人真正编辑过,这都是很好的触发时机。

工作方式

这个技能只追一个问题:这个界面真正想完成的单一任务是什么?所有不能帮助完成这件事的东西,都要上砧板。

它会分两轮处理:

  1. 找出复杂度来源。 元素太多、变化太多、信息过载、视觉噪音、层级混乱、功能蔓延。把每一种来源点名。
  2. 无情编辑。 删掉不必要的,合并能合并的,把可以稍后再看的内容藏起来,把过多变体收敛成一种处理方式,承诺一个清晰的视觉语言。

原则是:页面上的每个元素都必须能为自己的存在辩护。减少障碍,而不是减少能力。

试试看

/impeccable distill this dashboard

改之前:四种卡片样式、三种按钮变体、两套 header、14 个侧栏项被分成 5 组。

做完一次 /distill 之后,常见变化是:

  • 四种卡片收敛成一种
  • 只保留一种主按钮,其余降级为文字链接
  • 统一 header 处理方式
  • 侧栏从 5 组压成 3 组
  • 高级选项收进 disclosure

东西更少,每一个都更清楚。

常见陷阱

  • 把 distill 误解成 delete。 Distill 删的是障碍,不是用户需要的能力。如果某个功能是高频依赖项,就该想办法安静地保留,而不是直接砍掉。
  • 做得太早。 如果功能还在快速增长,现在 distill,下周还得再 distill 一次。先等形状稳定。
  • 指望它替代层级工作。 有时候问题不在于东西太多,而在于排布太差。那种情况请改用 /impeccable layout