跳转到正文
← 所有日志LOGS / THREE-STATES.MD
LOGS / 示例内容

好用的界面,有三种状态

界面要说清楚:现在发生什么、哪里需要注意、接下来能做什么。这三件事都是设计。

交互系统
示例内容本条目用于展示排版与交互,正式发布前请替换为可核实的内容。

好的界面不只是看起来平静,它还会让下一步决策变得具体。

三种状态

  1. 正常 — 现在发生了什么?
  2. 注意 — 什么变化值得我停下来看看?
  3. 行动 — 接下来我能做什么?

当这三种状态混在一起,每个指示灯都成了通知,每条通知又成了噪音。设计应当突出异常,而不让正常状态看起来像出错。

仪表盘不是数据壁纸,而是帮助人做决定的地方。

真正有用的往往是 状态 → 后果 → 行动,不是孤零零的一个数字。优先级需要理由。 纯装饰性的警报不算理由。

画面

生成的蓝白色导视牌,位于混凝土交通大厅内

生成的深色模块化音频控制界面

一条小规则

const nextAction = state.needsAttention ? 'inspect' : 'continue';

这是一条用于测试排版与交互的示例短记,发布前请替换为真实观察。

文件结束 / THREE-STATES