Feedback & InteractionWhat a tap feels like
The immediate response after a user action, confirming that it registered.
15 motions
- Hover effect悬停反馈 When the pointer moves over a clickable element, it shifts colour or brightness very quick…
- Press feedback按压反馈 The element shrinks or darkens slightly while pressed, so the finger feels that the tap la…
- Hold to confirm长按确认 The user holds without releasing while a progress ring fills; the action only fires when i…
- Drag拖拽 The element follows the pointer, with the distance entirely up to the user; on release it …
- Drag to reorder拖拽排序 Hold an item and drag it elsewhere; the others make room in real time, and on release it s…
- Swipe to dismiss滑动关闭 Swipe an item sideways to push it away; past a certain distance or speed it closes outrigh…
- Rubber-banding橡皮筋回弹 Past the boundary you can still pull a little, but it gets harder the further you go, and …
- Shake抖动 The element jitters left and right a few times, making it clear that something is wrong an…
- Ripple涟漪 A fading circle spreads out from the point of the tap, drawing the fact that the press reg…
- Sticker peel贴纸揭角 Bring the pointer to the corner and it lifts, revealing the layer beneath like a sticker u…
- Glare sheen高光扫过 On entry a slanted band of light sweeps across while a small patch under the pointer lifts
- Sibling dim on hover悬停让其它项退让 Hover one row of a list and it is the other rows that move: they dim, shrink slightly and …
- Magnetic snap磁吸吸附 As the pointer nears the button, the button itself leans toward it as if pulled
- Difference cursor反色跟随光标 A hand-made dot follows the pointer, always half a beat behind — it is not glued to it
- Cursor preview follow悬停预览跟随 Move the pointer across the names in a menu and a preview pops out of the pointer and foll…