1.滑動
信息列表會跟隨著用戶的交互手勢而動，然後卡片到相應的位置上，保持整齊感，它屬於指向型動畫，物體的滑動取決於用戶是用那種手勢滑動的。它的作用就是通過指向型轉場，有效幫助用戶清理頁面層級的排列情況。
2.擴大
頁面中的卡片會從縮略圖轉化為全屏視圖(壹般這個卡片的中心點也會跟隨移動到屏幕的中央)。反向動效就是卡片從全屏視圖轉換為縮略圖。它的優點是能清楚的告訴用戶點擊的地方被放大了。
3.最小化
頁面元素點擊之後縮小，然後移動到屏幕上相應的位置，相反的動效就是擴大，從縮略圖重新變為全屏。這樣做的好處是能夠清楚的告訴用戶，最小化的元素可以在哪裏被找到，如果沒有動效引導，可能用戶需要花時間去尋找。
4.切換對象
當前頁面移動到後面，新的頁面移動到前面，這樣能夠清楚解釋頁面之間是進行切換的，不會顯得轉換的太突兀和莫名其妙。
5.展開推疊
堆疊在壹起的元素被展開。能夠清楚的告訴用戶每個元素的排列情況，從哪裏來到哪裏去，也顯得更加有趣。
6.翻頁
當用戶實施滑動手勢的時候，出現像現實生活中翻頁壹般的效果。真正動效轉場也能夠清晰的展現列表層級的信息架構，並且模仿現實生活中的動效更加富有情感。
以上就是環球青藤小編關於UI設計動效的相關內容分享，希望對大家有所幫助，想要了解更多UI設計相關內容，歡迎關註本平臺哦!