詳細解析移動(dòng)端APP動(dòng)畫(huà)設計心得總結發(fā)布者：本站     時(shí)間：2021-12-23 10:12:37

扁平化設計越來(lái)越火爆，那么在弱化視覺(jué)效果的情況下，有設計師提到該從交互方面使體驗更加愉悅，現在很多App也在努力朝這一方向發(fā)展。

1、flipboard：

利用上下動(dòng)畫(huà)來(lái)切換到下一個(gè)界面(由于網(wǎng)慢數據沒(méi)有加載出來(lái));

詳細解析移動(dòng)端APP動(dòng)畫(huà)設計心得總結,PS教程,

2、Android主界面：

界面元素使用直線(xiàn)型的軌跡來(lái)運動(dòng)，使界面更具有科技的感覺(jué);

詳細解析移動(dòng)端APP動(dòng)畫(huà)設計心得總結,PS教程,

3、APP交換：

列表從上到下或從下到上的曲線(xiàn)流暢滾動(dòng)效果，很酷的(兩個(gè)手機同時(shí)裝上該 APP，靠近互換軟件);

詳細解析移動(dòng)端APP動(dòng)畫(huà)設計心得總結,PS教程,

4、高鐵大戰飛機：

飛機從左到右飛的效果很流暢，并且下面會(huì )隨時(shí)更新一些做飛機和高鐵的 一些小貼士，這個(gè)體驗也很不錯，還可以學(xué)到一些小常識;

詳細解析移動(dòng)端APP動(dòng)畫(huà)設計心得總結,PS教程,

5、Jing：

音樂(lè )播放的進(jìn)度有綠色滾動(dòng)條控制顯示，點(diǎn)擊開(kāi)關(guān)停止音樂(lè )播放，抽屜式的左側欄目是從下到上的飛快的速度來(lái)呈現出來(lái)，大家下載可以體驗下;

詳細解析移動(dòng)端APP動(dòng)畫(huà)設計心得總結,PS教程,

6、Etsy：

啟動(dòng)界面從下到上再由內到外呈現出一張圖片，視覺(jué)沖擊力很好;

詳細解析移動(dòng)端APP動(dòng)畫(huà)設計心得總結,PS教程,

7、Tumblr：

發(fā)布內容時(shí)，會(huì )出現相關(guān)的模塊，出現的時(shí)候是從下到上的動(dòng)畫(huà)顯示，關(guān)閉的時(shí)候從上到下飛出去;

詳細解析移動(dòng)端APP動(dòng)畫(huà)設計心得總結,PS教程,

8、飯本：

在發(fā)布內容時(shí)，相關(guān)的功能模塊是從兩側向中間靠攏出來(lái)，點(diǎn)擊是從中間向兩側 分開(kāi)飛出去;

詳細解析移動(dòng)端APP動(dòng)畫(huà)設計心得總結,PS教程,

9、Safari：

在查看瀏覽記錄的時(shí)候會(huì )以層級的形式出現，這樣的表現形式讓用戶(hù)一目了然，android平臺的最近瀏覽記錄也是以層級形式出現，很方便用戶(hù)瀏覽;

詳細解析移動(dòng)端APP動(dòng)畫(huà)設計心得總結,PS教程,

10、NewsHub：

詳情頁(yè)面進(jìn)入時(shí)圖片成放大狀態(tài)，隨著(zhù)用戶(hù)向下滾動(dòng)時(shí)圖片逐漸變下;

詳細解析移動(dòng)端APP動(dòng)畫(huà)設計心得總結,PS教程,

11、zaker：上下動(dòng)畫(huà)流暢的返回與進(jìn)入;從上到下是返回，從下到上是進(jìn)入;