1.2.4 動效設計

當把界面設計好之后，盡量制作一些簡單的動效，讓大家更好地理解該設計，也為開發(fā)工程師制作后續(xù)界面提供一些參考，能提高整個項目組的工作效率。

這是一組用Sketch制作的音樂App的一系列界面。當用戶在播放界面中點擊音樂列表圖標時，就會彈出音樂列表界面。如果使用Principle為界面制作動效，就可以快速地讓團隊理解這組設計的靈魂，并且讓開發(fā)人員理解設計的運作方式，更好地為項目組節(jié)省時間。

下圖就是將右側兩個界面的關系加以交代，通過Principle的Animate面板，將每層列表X軸的內(nèi)容和不透明度整體用錯幀的方式，做出列表陸續(xù)進入的動態(tài)視覺效果。