12個移動App設計優(yōu)化案例總結與設計技巧分享

隨著APP設計新趨勢:扁平化設計和簡約設計的來襲。更多APP設計更加被用戶所看重。所以,良好的APP設計體驗會一直不斷影響著我們APP設計師。

最近比較火的行業(yè)新聞《Facebook Paper中的23個設計細節(jié)》,不知道你閱讀了嗎?

如果沒有請關注25學堂最新博文。因為作者認為Paper中一些細節(jié)設計和交互設計還是給人帶來很大的驚喜,有值得與其他設計師分享的設計細節(jié)。建議閱讀下。

今天25學堂跟大家分享12點移動App設計優(yōu)化案例總結與設計技巧。

App設計優(yōu)化案例1、flipboard:

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

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

 

App設計優(yōu)化案例2、zaker:上下動畫流暢的返回與進入;從上到下是返回,從下到上是進入;

App設計優(yōu)化案例3、ireader:使用柔和的翻頁效果模仿真實的閱讀體驗;

App設計優(yōu)化案例4、Android主界面:

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

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

App設計優(yōu)化案例5、APP交換:

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

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

App設計優(yōu)化案例6、高鐵大戰(zhàn)飛機:

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

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

App設計優(yōu)化案例7、Jing:

Jing.fm是一款開創(chuàng)性的音樂Web App,它最大的特色就是首創(chuàng)地通過“描述”來找到自己喜歡的音樂。Jing.fm希望有可能改變用戶收聽音樂的方式。3個小清新高音質在線音樂電臺APP設計,顛覆傳統(tǒng)的新型智能電臺

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

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

 

App設計優(yōu)化案例8、Etsy:

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

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

App設計優(yōu)化案例9、Tumblr:

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

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

App設計優(yōu)化案例10、飯本:

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

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

App設計優(yōu)化案例11、Safari:

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

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

App設計優(yōu)化案例12、NewsHub:

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

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

 

每天更新,
全站高品質素材免費下載!