哪些 App 的交互設計得很有意思？
- Opera Coast
- Layout （Instagram）
- 來電（鵝廠）
- 最美應用
- VSCOcam
- MyScript Calculator
- 榫卯
Mono貓弄
手機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
這款應用基於這樣的概念：只需要輕點幾下，用戶就可以獲取之前添加和標記的圖片；只需一鍵，就可以選擇想要的圖片類型。整個過程讓人聯想到桌面上的圖片搜索，這樣的操作僅僅在移動設備上就能實現。
這些作品是否給你的交互設計帶來了滿滿的靈感呢？需要明確的是，產品中所有的交互的目的，都是增強用戶體驗，太過於花哨和複雜的交互可能會適得其反。如果還有更多的交互作品推薦的話，歡迎在評論中指出。
轉，侵刪
補充。pull time也有不一樣的橫屏界面
交互設計有意思嗎？我覺得光說交互設計的話，可能都沒什麼意思。
如果說產品概念是這個人的來頭背景性格，視覺設計是臉，那麼交互設計就是ta和你打交道的方式。如果性格不吸引你，又木有臉，你會費勁跟他打交道么？
不過作為互聯網工作人員，如果仔細深入看交互的話，我覺得下面這幾個產品比較有意思：
（知乎已經強大到了讓我先用電腦打字，再用客戶端插圖）
1 先說說最近比較火的mono（貓弄）吧。
貓弄作為一個資訊閱讀app，確實做到了既有一些新鮮的交互方式，又不影響主要內容的閱讀。用起來還是覺得製作團隊很用心很貼心的。
比如結構分為兩部分，今日推薦和主App結構就像是刊中刊一樣……如果每天早上第一次打開會先看到早茶，下午第一次打開會看到下午茶。把它們收起來才展示出主App部分，「茶」更專註，主App功能更全，這個結構劃分個人覺得相當贊，是交互最大亮點。
茶是這樣的，像不像逼格很高的雜誌的刊中刊：
再拉一下紅色
再拉一下橙色
在這裡，雖然我個人覺得下拉看下一篇不如左右滑動看更習慣，不過小細節挺貼心，是附加亮點。
總評：其實還是看臉看內容，貓弄的視覺也挺好，內容也逼格高……不過光就這些交互上好玩的地方拿出來也夠有說服力的了。雖然我個人其實更喜歡閱讀類應用特別樸素，一點花樣都沒有，就像知乎日報辣樣的……很多時候，交互方式太華麗了，會影響app本身。比如clear，記不住手勢。這是一個微妙的平衡，不過貓弄平衡的還不錯。
2 feedly，如果不論英文捉急，不論牆，不論內容是不是我等天朝屌絲的剛需，它的結構是我用過的任何資訊閱讀類應用中最舒服的。
這個就是我剛才說的特別樸素，一點花樣都沒有，能專註於內容，又特別方便在你想喚起附加功能的時候喚起附加功能。雖然沒有好玩的交互，特別平凡無奇，但真的使用起來特別合理，自然，就像它天生就應該是這個樣子。
（蘿蔔白菜各有所愛，可能過譽）
（我登不上去，牆，所以只能找屏幕快照）平時就專註無干擾地閱讀：
想使用一些個人的功能或者收藏夾就喚出左邊：
想「發現」也就是「隨便看看」，就喚出右邊：
總評：這個結構如此合理自然可能只是因為app的框架簡單，合理，不需要太多的層次就能解決。現在很多資訊類應用，其實比它複雜很多。同樣逼格很高的單讀應該就是借鑒了人家的這個結構，可惜單讀的主頁還分為四個並列的模塊，這四個並列模塊本身還要左右滑，堆在一起反而顯得累贅，還不如用一些稍微複雜的結構。
3 dailycost，一個人做出來的簡單粗暴直接好用的記賬app，現在不知道售價多少錢了……不過我覺得就算收費也挺值的。（我限免的時候下的我會亂說？）
第一個交互亮點就是擬物啦，把賬單拉出來。拉出來的過程中字還是一點一點顯示的。
鬆手後就可以輸入金額了。
第二個交互亮點是橫屏。很多app都沒有橫屏，因為手機好多時候橫屏顯示很雞肋……但其實可以利用橫豎屏的不同排布特點，兩者甚至能顯示不一樣的內容啊。dailycost顯示的是今日賬單。
（以前也有一些計算器類應用，橫過來就是科學計算器的）
總評：屬於小而美應用，難得的是還實用，好玩的交互不是為好玩而好玩，而是為用戶理解和使用app服務的。
4 pull time，一個鬧鐘應用，這個以前下過後來刪了，現在還是按照愛瘋4的尺寸設計的，不知道是不是停更了還是沒時間更，這個也是有意思的擬物交互。
整個界面就是一條時間軸。拉環比較醒目應該會不由自主的去拉吧
向下拉動拉環，會隨著拉環在時間軸上的位置，不斷變換時間點，並顯示與現在時間隔多久。鬆開就算設定成功了。
總評：屬於小而美應用。同類的工具實在是太泛濫了，用交互亮點搶佔用戶也是極好的~
然後安利兩個交互方式比較酷炫的遊戲吧。其實遊戲比常規應用，更能產生不一樣的交互方式。因為在遊戲的世界裡幾乎一切皆有可能……
對遊戲交互懂得太少，只附帶推薦一下。
遊戲1 在限免時候下的，6塊錢的 blue print 3D。
這個遊戲是把物品的照片，打亂成一個個碎片，放在不同的層中。在2D平面的某一個角度，它是完整的平面圖，但其它角度都是雜亂無章的東西。用手指滑動，找出完整的那個角度，把碎片拼成圖案。
艾瑪太難解釋清楚它的可玩性了。直接上圖！
碎片是這樣：
用手指不停調節角度，不同角度看到的成像也不一樣：
最後找到正確的角度看到的成品：
這個遊戲喜歡它的人很喜歡，但無感的人就是很無感。跟不同人的空間感有關係。
遊戲2 最近出的一個比較禪意比較美膩的叫做breath of light。
用手移動或旋轉光源，結合場景內的一些反射、折射物品比如鏡子，石頭，控制光的走向，將蒼白脆弱的花朵照亮，為它染上色彩，帶來生命的活力。是不是聽起來文藝爆了。
也就上幾張圖吧，因為我手機不是ios 8下不了，我用pad玩的，所以只能發屏幕快照了。
最後來一張appstore唯一的評論簡直笑尿了哈哈哈~
有數一個計算器app。模擬了人在紙上算數的過程。
Suru
pocketpocketpocket沒有什麼機巧的地方然而就是很討喜長年不用至今沒刪
Trumblr、Pinterest
愛范兒 唯物 挖哇～
yo
papers
Path
PathUberTweetbotMailbox
推薦閱讀：
※視覺、交互設計師如何完成設計走查？
※如何看待新版pc端qq對話框的氣泡？
※軟體工程專業新生，對界面設計、交互設計感興趣，想學習 UI 和交互設計，該如何學習？
※如何看待UI行業目前有大量的的各行業各業的人涉足？
※哪些書可被稱為設計類的聖經？
TAG:產品設計 | 交互設計 | 應用程序Application | 交互體驗 | 用戶界面設計師 |