產品核心功能完成後，細節決定成敗。可見細節（字距、行距、顏色微調）靠時間打磨；不可見細節（定位、體驗策略）靠長期積累。而可交互細節最為棘手——因為用戶行為永遠超出預期。

按鈕的三態交互：Normal / Hover / Active

傳統網頁通過三張圖片切換實現；Flash 時代提供 Up/Over/Down/Hit 四幀，並支持狀態內動畫。但 Flash 缺乏「滑鼠離開」的對應幀，導致 Hover 動畫被硬生生截斷，體驗割裂。

完整交互閉環

理想狀態：移入有動畫，移出有對應的逆向/淡出動畫。需用程式控制（CSS/JS/Flash ActionScript）實現，犧牲圖片化便利性，換取體驗連貫性與創作自由度。

更深層的細節陷阱

動畫中斷場景

用戶在動畫播放到一半時移出滑鼠 → 動畫被強制跳幀切斷。看似安全（避免快速進出導致動畫隊列災難），實則粗暴。

程式控制下的邊界條件

• 快速重複進入/離開時的動畫隊列管理
• 動畫未完成時的狀態鎖定與平滑過渡
• 跨瀏覽器/平台的性能一致性

細節即產品精髓

查爾斯·伊姆斯名言：「細節本身並非細節，而就是產品的精髓。」

一個小小的按鈕，牽扯出進入/離開動畫對稱性、中斷處理、隊列管理、跨平台兼容……追求細節耗時耗力，常被「不影響核心功能」邊緣化。但正是這些經過千錘百煉的微觀決策，構建了用戶感知到的「順手」「舒服」「專業」——這才是產品真正的護城河。