设计与体验 · DEFINED TERM

Hover、Active 与 Focus

分别表示指针悬停、正在按下或选中，以及键盘焦点所在状态。

你可能会这样说“按钮鼠标经过、按下和键盘聚焦时都要有不同反馈。”

VISUAL EXAMPLE

先看懂它怎么工作

界面状态示例

任务说明

等待操作

MECHANISM

USE WHEN

所有交互控件和导航

NOT FOR

不能只设计 Hover 而忽略触屏和键盘

TELL YOUR AGENT

请按“Hover、Active 与 Focus”的概念处理这个需求：按钮鼠标经过、按下和键盘聚焦时都要有不同反馈。。先说明实现边界，再给出可检查的结果。

ACCEPTANCE

三种状态均清楚，Focus 不被移除，状态变化不导致布局跳动

OFFICIAL SOURCES