非對稱動畫時間

bookmark_border 透過集合功能整理內容 你可以依據偏好儲存及分類內容。

打破對稱性可為專案帶來對比和吸引力。瞭解何時及如何將這項功能套用至專案。

不對稱的動畫時間可讓您展現個人風格，同時快速回應使用者互動，進而提升使用者體驗。這也能提供對比感，讓介面更具視覺吸引力。

• 使用不對稱的動畫時間，為作品增添個人風格和對比。
• 請務必優先考量使用者的互動情形，回應輕觸或點擊時請使用較短的時間，並在沒有互動時保留較長的時間。

就像大多數動畫的「規則」一樣，您應該進行實驗，找出最適合應用程式的做法。不過，在使用者體驗方面，使用者通常都很缺乏耐心。一般來說，您應該盡快回應使用者互動。不過，使用者的動作大多不對稱，因此動畫也可能會不對稱。

舉例來說，當使用者輕觸以顯示側邊導覽時，您應盡可能快速顯示，時間約為 100 毫秒。不過，當使用者關閉選單時，您可以讓動畫播放速度稍微放慢，例如 300 毫秒左右。

相反地，當您顯示模式輔助檢視畫面時，通常是為了顯示錯誤或其他重要訊息。在這種情況下，您應該要稍微放慢顯示畫面，再次以 300 毫秒的時間為基準，但使用者觸發的關閉動作應會非常迅速。

因此，一般來說，請遵循以下規則：

• 針對使用者互動觸發的 UI 動畫 (例如檢視畫面轉場或顯示元素)，請設定快速的開頭 (短時間)，但結尾較慢 (較長時間)。
• 如果是程式碼觸發的 UI 動畫 (例如錯誤或模式檢視畫面)，請設定較慢的開頭 (較長的時間)，但快速結束 (較短的時間)。