国产亚洲精_丰满老熟好大的大bbb_男男激情做爰视频免费观看_欧美一区二区三区精品国产

向優美交互致敬!移動端APP動畫設計總結

2014-2-18    藍藍設計的小編

轉載藍藍設計(   paul-jarrel.com  )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供有效的   BS界面設計 、 cs界面設計 、  ipad界面設計   、  包裝設計 、  圖標定制 、  用戶體驗 、交互設計、   網站建設 平面設計服務

來源:http://www.uisdc.com/100-things-you-should-know-about-design

如果您想訂閱本博客內容,每天自動發到您的郵箱中,   請點這里 

扁平化界面設計越來越火爆,那么在弱化視覺效果的情況下,有ui設計師提到該從交互方面使體驗更加愉悅,現在很多App界面設計也在努力朝這一方向發展,例如最近火遍全球倍受好評的 《FACEBOOK PAPER 中23個的設計細節》,還有《設計師新寵!交互神器ORIGAMI》等都足以讓人期待交互的未來。

今天藍藍設計收集總結了一組移動端的App動畫設計,朋友們可以學習一下。

百度云UE負責人@elya妞也分享了一篇App動態設計的好文,基礎不行的同學可以補補:
提升品質!豐富App動態效果的六點原則

1、flipboard:

利用上下動畫來切換到下一個界面(由于網慢數據沒有加載出來);

flipboard:剛毅的上下動畫來切換到下一個界面(由于網慢數據沒有加載出來);

2、Android主界面:

界面元素使用直線型的軌跡來運動,使界面更具有科技的感覺;

Android主界面:界面元素使用直線型的軌跡來運動,使界面更具有科技的感覺;

3、APP交換:

列表從上到下或從下到上的曲線流暢滾動效果,很酷的(兩個手機同時裝上該 APP,靠近互換軟件);

APP交換:列表從上到下或從下到上的曲線流暢滾動效果,很酷的(兩個手機同時裝上該 APP,靠近互換軟件);

4、高鐵大戰飛機:

飛機從左到右飛的效果很流暢,并且下面會隨時更新一些做飛機和高鐵的 一些小貼士,這個體驗也很不錯,還可以學到一些小常識;

高鐵大戰飛機:飛機從左到右飛的效果很流暢,并且下面會隨時更新一些做飛機和高鐵的 一些小貼士,這個體驗也很不錯,還可以學到一些小常識;

5、Jing:

音樂播放的進度有綠色滾動條控制顯示,點擊開關停止音樂播放,抽屜式的左側欄目是從下到上的飛快的速度來呈現出來,大家下載可以體驗下;

jing:音樂播放的進度有綠色滾動條控制顯示,點擊開關停止音樂播放,抽屜式的左側欄目是從下到上的飛快的速度來呈現出來,大家下載可以體驗下;

6、Etsy:

啟動界面從下到上再由內到外呈現出一張圖片,視覺沖擊力很好;

Etsy:啟動界面從下到上再由內到外呈現出一張圖片,視覺沖擊力很好;

7、Tumblr:

發布內容時,會出現相關的模塊,出現的時候是從下到上的動畫顯示,關閉的時候從上到下飛出去;

Tumblr:發布內容時,會出現相關的模塊,出現的時候是從下到上的動畫顯示,關閉的時候從上到下飛出去;

8、飯本:

在發布內容時,相關的功能模塊是從兩側向中間靠攏出來,點擊是從中間向兩側 分開飛出去;

飯本:在發布內容時,相關的功能模塊是從兩側向中間靠攏出來,點擊是從中間向兩側 分開飛出去;

9、Safari:

在查看瀏覽記錄的時候會以層級的形式出現,這樣的表現形式讓用戶一目了然,android平臺的最近瀏覽記錄也是以層級形式出現,很方便用戶瀏覽;

Safari(ios):在查看瀏覽記錄的時候會以層級的形式出現,這樣的表現形式讓用戶一目了然,android平臺的最近瀏覽記錄也是以層級形式出現,很方便用戶瀏覽;

10、NewsHub:

詳情頁面進入時圖片成放大狀態,隨著用戶向下滾動時圖片逐漸變下;

NewsHub:詳情頁面進入時圖片成放大狀態,隨著用戶向下滾動時圖片逐漸變下;

11、zaker:上下動畫流暢的返回與進入;從上到下是返回,從下到上是進入;

12、ireader:使用柔和的翻頁效果模仿真實的閱讀體驗;

 

日歷

鏈接

個人資料

藍藍設計的小編 http://paul-jarrel.com

存檔