2014-3-13 藍(lán)藍(lán)設(shè)計(jì)的小編
轉(zhuǎn)載藍(lán)藍(lán)設(shè)計(jì)( www.tuitetiyu.cn )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國內(nèi)外企業(yè)提供有效的 BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)
來源：http://www.uisdc.com/100-things-you-should-know-about-design
如果您想訂閱本博客內(nèi)容，每天自動發(fā)到您的郵箱中， 請點(diǎn)這里
扁平化界面設(shè)計(jì)越來越火爆，那么在弱化視覺效果的情況下，有UI設(shè)計(jì)師提到該從交互方面使體驗(yàn)更加愉悅，現(xiàn)在很多App界面設(shè)計(jì)也在努力朝這一方向發(fā)展，等都足以讓人期待交互的未來。
今天藍(lán)藍(lán)設(shè)計(jì)收集總結(jié)了一組移動端的App動畫設(shè)計(jì)，同學(xué)們可以學(xué)習(xí)一下。
1、flipboard：
利用上下動畫來切換到下一個界面（由于網(wǎng)慢數(shù)據(jù)沒有加載出來）；
2、Android主界面：
界面元素使用直線型的軌跡來運(yùn)動，使界面更具有科技的感覺；
3、APP交換：
列表從上到下或從下到上的曲線流暢滾動效果，很酷的（兩個手機(jī)同時裝上該 APP，靠近互換軟件）；
4、高鐵大戰(zhàn)飛機(jī)：
飛機(jī)從左到右飛的效果很流暢，并且下面會隨時更新一些做飛機(jī)和高鐵的 一些小貼士，這個體驗(yàn)也很不錯，還可以學(xué)到一些小常識；
5、Jing：
音樂播放的進(jìn)度有綠色滾動條控制顯示，點(diǎn)擊開關(guān)停止音樂播放，抽屜式的左側(cè)欄目是從下到上的飛快的速度來呈現(xiàn)出來，大家下載可以體驗(yàn)下；
6、Etsy：
啟動界面從下到上再由內(nèi)到外呈現(xiàn)出一張圖片，視覺沖擊力很好；
7、Tumblr：
發(fā)布內(nèi)容時，會出現(xiàn)相關(guān)的模塊，出現(xiàn)的時候是從下到上的動畫顯示，關(guān)閉的時候從上到下飛出去；
8、飯本：
在發(fā)布內(nèi)容時，相關(guān)的功能模塊是從兩側(cè)向中間靠攏出來，點(diǎn)擊是從中間向兩側(cè) 分開飛出去；
9、Safari：
在查看瀏覽記錄的時候會以層級的形式出現(xiàn)，這樣的表現(xiàn)形式讓用戶一目了然，android平臺的最近瀏覽記錄也是以層級形式出現(xiàn)，很方便用戶瀏覽；
10、NewsHub：
詳情頁面進(jìn)入時圖片成放大狀態(tài)，隨著用戶向下滾動時圖片逐漸變下；
11、zaker：上下動畫流暢的返回與進(jìn)入；從上到下是返回，從下到上是進(jìn)入；
12、ireader：使用柔和的翻頁效果模仿真實(shí)的閱讀體驗(yàn)；
藍(lán)藍(lán)設(shè)計(jì)的小編 http://www.tuitetiyu.cn