微互動美學:細節比大動畫更有質感
按鈕回饋、游標狀態、載入節奏——小動作組成高級感。

大動畫容易過時;微互動才是長期質感:hover 位移 2–4px、按下縮放、完成勾選的短回彈。
時間曲線用快速進出,時長控制在 150–250ms。太慢會顯卡頓,太花會顯玩具。
品牌站與電商結帳流程最需要這層『被回應』的感覺。
先做無障礙:尊重 prefers-reduced-motion,關閉非必要動效。
Micro-Interaction Aesthetic: Detail Beats Big Motion
Big animations age fast; micro-interactions last: 2–4px hover shifts, press scale, short checkmark pops.
Keep easings snappy and durations around 150–250ms. Too slow feels laggy; too bouncy feels toy-like.
Brand sites and checkout flows need that ‘the UI heard me’ feeling.
Accessibility first: honor prefers-reduced-motion and drop non-essential motion.