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