手機UI中的交互是保持產(chǎn)品鮮活生命力的源動力。好的交互可以幫助用戶快速地獲得反饋，認知布局，增強體驗感和沉浸感。這里為大家整理了12款優(yōu)秀并富有創(chuàng)意的交互作品，為你的產(chǎn)品設(shè)計 注入靈感。

成都創(chuàng)新互聯(lián)公司專業(yè)為企業(yè)提供延吉網(wǎng)站建設(shè)、延吉做網(wǎng)站、延吉網(wǎng)站設(shè)計、延吉網(wǎng)站制作等企業(yè)網(wǎng)站建設(shè)、網(wǎng)頁設(shè)計與制作、延吉企業(yè)網(wǎng)站模板建站服務(wù)，十年延吉做網(wǎng)站經(jīng)驗，不只是建網(wǎng)站，更提供有價值的思路和整體網(wǎng)絡(luò)服務(wù)。

1. History Animation by UISTAR

這款A(yù)PP的概念促使人思考手機閱讀的方式，可以點擊和滑動書籍標題，當你選擇了一本，就會彈出書籍封面。當你閱讀的時候，你仍然能夠滑動選擇書籍，可以自由地轉(zhuǎn)換到其他的標題。

這款手機交互模擬了真實閱讀中的體驗，用滑動和點擊這些我們習以為常的交互，創(chuàng)造了一種經(jīng)典和優(yōu)雅的閱讀體驗。

2. Bthere

這款A(yù)PP的引導(dǎo)頁色彩鮮艷、活潑可愛，是一款頗有特色的交互作品，在冗長的APP引導(dǎo)頁為用戶提供了一份極佳的體驗。

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

3. Bon App!

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

這款由Mockplus 制作的APP原型內(nèi)容的切換自然流暢，品嘗美食時突然閃現(xiàn)的靈感，就可以通過點擊應(yīng)用下方導(dǎo)航欄的發(fā)布按鈕，即刻地記錄下來。在結(jié)構(gòu)直觀的美食推薦的頁面流中，也能快速地獲取餐廳的具體信息和圖片。

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

4. Parking Search by SELECTO

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

這款A(yù)PP會提供給你附近的停車場定位以及收費標準。當你點擊了一個定位后，就能查到還有多少剩余車位，同時也提供了預(yù)約車位的途徑，不至于開過去后吃閉門羹。

在交互上，這款A(yù)PP的兩點在于選擇停車點后出現(xiàn)的信息卡，并且快速地繪制路線，穿插停車點的數(shù)量并推送停車點圖片信息。

5. WIP Discover Music

這款A(yù)PP把用戶的注意力聚焦到了導(dǎo)航的過程當中，將發(fā)現(xiàn)音樂這個交互過程變得順滑和靈動。此外這種交互方式也增強了使用的沉浸感，是一款創(chuàng)意和交互出彩的音樂播放器。

6. Cafe Coupon App

美食永遠是讓我們貼近這個世界的方式，這款A(yù)PP的交互也傳達了這樣的信息。場景是在咖啡館中提供優(yōu)惠券和折扣，客戶就可以馬上用手中的電子優(yōu)惠券購買心儀的美食。通過添加界面動畫，整體交互變得活潑，充滿生命力，并且還加上了一些微交互，趣味十足。

7. Sport App by Sergey Valiukh

越來越多的在鍛煉的時候使用移動設(shè)備，保存數(shù)據(jù)并跟蹤進度。運動應(yīng)用程序目前非常受歡迎。這一款擁有通過動畫交互實現(xiàn)功能的設(shè)計理念。結(jié)構(gòu)非常簡單：由側(cè)邊菜單和主體內(nèi)容構(gòu)成。菜單從左道友移動顯示基本選項。

主要的特色是側(cè)邊菜單打開時內(nèi)容呈現(xiàn)的“橡膠效果”，在屏幕上打開側(cè)邊菜單后，也能顯示所有內(nèi)容的詳細信息。色彩的配搭非常新鮮明亮，激勵用戶進一步的操作;動畫中細微的彈跳感，使得應(yīng)用整體承載著滿滿運動風。

8. Siren

Siren這款A(yù)PP用了大量不同的交互動畫，當你向左或向右滑動時，移動不同延遲的元素產(chǎn)生波動的效果。為用戶提供了對于主頁面整體結(jié)構(gòu)和流程的額外反饋。此外，這款應(yīng)用還利用收縮的元素來拓展界面的交互區(qū)域，同時確保關(guān)鍵信息始終保持顯示。

9. Shopping Cards

這款購物APP充分地利用了iOS 11的設(shè)計語言，做出了漂亮的卡片式界面，交互清晰自然，內(nèi)容分布簡練。對于iOS 11在UI上新變化和的設(shè)計規(guī)范，還可以看看這篇文章。

10. Home Budget Feed Animation

時間就是金錢，這句話在什么時候都不會過時。這款財務(wù)APP可以讓用戶管理消費和收入，創(chuàng)建拓展數(shù)據(jù)庫以跟蹤財務(wù)流量和變化，從而獲得全面的統(tǒng)計信息。GIF中流暢地展示了當前財務(wù)情況變動的交互，并且彈出了每日的限額提示，頗有特色。

11. Animated Sliding Tab Bar by Virgil Pana

這款A(yù)PP的導(dǎo)航交互充分考慮到了小屏幕的設(shè)備的布局問題，用戶可以在屏幕底部拖動以顯示折疊導(dǎo)航，3D的折疊效果也是富有科技感。

12. Photo Navigation Concept by Chapps

這款應(yīng)用基于這樣的概念：只需要輕點幾下，用戶就可以獲取之前添加和標記的圖片;只需一鍵，就可以選擇想要的圖片類型。整個過程讓人聯(lián)想到桌面上的圖片搜索，這樣的操作僅僅在移動設(shè)備上就能實現(xiàn)。

這些作品是否給你的交互設(shè)計帶來了滿滿的靈感呢?需要明確的是，產(chǎn)品中所有的交互的目的，都是增強用戶體驗，太過于花哨和復(fù)雜的交互可能會適得其反。如果還有更多的交互作品推薦的話，歡迎在評論中指出。

文/Mockplus團隊 微信公眾號：Mockplus

標題名稱：UI設(shè)計師不容錯過的12款A(yù)PPUI交互設(shè)計
本文路徑：http://weahome.cn/article/cphsph.html