UI交互動畫如何設計?

一、使標簽內容可滑動

一個好的動畫會將內容從一種狀態(tài)轉換為另一個狀態(tài)，優(yōu)秀的動畫則是使內容在不同的狀態(tài)轉換之間保持連續(xù)性。當你設計像標簽或彈出菜單類似的交互時，可以嘗試將內容的位置與打開它的操作相關聯。這樣你不僅可以提升內容的可見性，還可以為內容的位置設置動畫。當你在設計這個動畫的時候，還可以添加一個滑動手勢，將你從一個內容帶到另一個內容。

  二、連接卡片的共享元素

一個好的動畫使用向左或向上滑動等過渡細節(jié)來展示內容；一個優(yōu)秀的動畫通過共享元素的動畫來建立兩個狀態(tài)之間的聯系。在不同狀態(tài)之間制作動畫時，查看ui交互之間是否有存在共享元素并將它們聯系起來。在使用 InVision Studio 時，創(chuàng)建 Motion 轉換時會自動連接兩個屏幕之間重復的組件，這使得原型動畫的制作變得輕而易舉。