UI 設計師不容錯過的12款APP UI 交互設計

手機UI中的交互是保持產品鮮活生命力的源動力。好的交互能夠幫助用戶快速地得到反饋，認知佈局，加強體驗感和沉浸感。這裏爲你們整理了12款優秀並富有創意的交互做品，爲你的產品設計 注入靈感。

1. History Animation by UISTAR

 

 

 

 

這款APP的概念促令人思考手機閱讀的方式，能夠點擊和滑動書籍標題，當你選擇了一本，就會彈出書籍封面。當你閱讀的時候，你仍然可以滑動選擇書籍，能夠自由地轉換到其餘的標題。

這款手機交互模擬了真實閱讀中的體驗，用滑動和點擊這些咱們習覺得常的交互，創造了一種經典和優雅的閱讀體驗。

2. Bthere

 

 

 

 

這款APP的引導頁色彩鮮豔、活潑可愛，是一款很有特點的交互做品，在冗長的APP引導頁爲用戶提供了一份極佳的體驗。

經過動態的圖表過渡和背景色切換和一些獨立的微動畫元素（包括獨輪車的尾氣），Bthere高效地傳遞了品牌的趣味性，從而也改善了APP的用戶轉化率和停留時間。

3. Bon App!

 

 

 

 

到你旅行到一座新的城市的時候，填飽本身的肚子是最要緊的事情。Bon App!多是你最佳的選擇，查看本地美食測評，探尋美食沙龍，同時也能夠簽到和在線分享本身的美食心得。

這款由Mockplus 製做的APP原型內容的切換天然流暢，品嚐美食時忽然閃現的靈感，就能夠經過點擊應用下方導航欄的發佈按鈕，即刻地記錄下來。在結構直觀的美食推薦的頁面流中，也能快速地獲取餐廳的具體信息和圖片。

原型演示和下載地址：http://doc.mockplus.cn/?p=1549

4. Parking Search by SELECTO

 

 

 

 

在大城市停車永遠是一項很是頭疼的事情。高效便捷地找到停車場是一件很是迫切的事情。

這款APP會提供給你附近的停車場定位以及收費標準。當你點擊了一個定位後，就能查到還有多少剩餘車位，同時也提供了預定車位的途徑，不至於開過去後吃閉門羹。

在交互上，這款APP的兩點在於選擇停車點後出現的信息卡，而且快速地繪製最佳路線，穿插停車點的數量並推送停車點圖片信息。

5. WIP Discover Music

 

 

 

 

這款APP把用戶的注意力聚焦到了導航的過程中，將發現音樂這個交互過程變得順滑和靈動。此外這種交互方式也加強了使用的沉浸感，是一款創意和交互出彩的音樂播放器。

6. Cafe Coupon App

 

 

 

美食永遠是讓咱們貼近這個世界最佳的方式，這款APP的交互也傳達了這樣的信息。場景是在咖啡館中提供優惠券和折扣，客戶就能夠立刻用手中的電子優惠券購買心儀的美食。經過添加界面動畫，總體交互變得活潑，充滿生命力，而且還加上了一些微交互，趣味十足。

7. Sport App by Sergey Valiukh

 

 

 

 

愈來愈多的在鍛鍊的時候使用移動設備，保存數據並跟蹤進度。運動應用程序目前很是受歡迎。這一款擁有經過動畫交互實現功能的設計理念。結構很是簡單：由側邊菜單和主體內容構成。菜單從左道友移動顯示基本選項。

主要的特點是側邊菜單打開時內容呈現的「橡膠效果」，在屏幕上打開側邊菜單後，也能顯示全部內容的詳細信息。色彩的配搭很是新鮮明亮，激勵用戶進一步的操做；動畫中細微的彈跳感，使得應用總體承載着滿滿運動風。

8. Siren

 

 

 

 

Siren這款APP用了大量不一樣的交互動畫，當你向左或向右滑動時，移動不一樣延遲的元素產生波動的效果。爲用戶提供了對於主頁面總體結構和流程的額外反饋。此外，這款應用還利用收縮的元素來拓展界面的交互區域，同時確保關鍵信息始終保持顯示。

9. Shopping Cards

 

 

 

 

這款購物APP充分地利用了iOS 11的設計語言，作出了漂亮的卡片式界面，交互清晰天然，內容分佈簡練。對於iOS 11在UI上新變化和的設計規範，還能夠看看這篇文章。

 

10. Home Budget Feed Animation

 

 

 

 

時間就是金錢，這句話在何時都不會過期。這款財務APP可讓用戶管理消費和收入，建立拓展數據庫以跟蹤財務流量和變化，從而得到全面的統計信息。GIF中流暢地展現了當前財務狀況變更的交互，而且彈出了每日的限額提示，很有特點。

11. Animated Sliding Tab Bar by Virgil Pana

 

 

 

 

這款APP的導航交互充分考慮到了小屏幕的設備的佈局問題，用戶能夠在屏幕底部拖動以顯示摺疊導航，3D的摺疊效果也是富有科技感。

12. Photo Navigation Concept by Chapps

 

 

 

 

這款應用基於這樣的概念：只須要輕點幾下，用戶就能夠獲取以前添加和標記的圖片；只需一鍵，就能夠選擇想要的圖片類型。整個過程讓人聯想到桌面上的圖片搜索，這樣的操做僅僅在移動設備上就能實現。

這些做品是否給你的交互設計帶來了滿滿的靈感呢？須要明確的是，產品中全部的交互的目的，都是加強用戶體驗，太過於花哨和複雜的交互可能會拔苗助長。若是還有更多的交互做品推薦的話，歡迎在評論中指出。