UI動效現如今在APP和網頁中幾乎已經成為了基本的組成部分，經過仔細打磨的UI動效對于整個界面的提升是顯著的。

動效設計呈現出狀態(tài)切換的過程，展現了元素之間的邏輯關系，并且吸引用戶的注意力，引導他們執(zhí)行有效的交互。

在設計UI動效的過程中，Material Motion 的設計原則，IBM動畫設計規(guī)則和UX動效宣言都是不錯的設計參考和指引。

遵循這些現有的規(guī)范，能夠很好地提升動效本身的體驗和效果，從走向。今天的動效設計都是遵循著這些規(guī)范使用 InVision Studio 來進行制作的。

卡片的展開動效

卡片是最常見的 UI 元素，左側的界面中，點擊卡片之后，展開新的界面；右側界面中，點擊卡片之后，卡片擴展并填充整個屏幕。

點擊卡片之后，詳情頁向上滑出或者從左側滑出的設計很不錯。