移動(dòng)電話UI中的交互是產(chǎn)品活力的源泉。良好的互動(dòng)可以幫助用戶快速獲得反饋，認(rèn)知布局，增強(qiáng)他們的體驗(yàn)感和沉浸感。這里有12個(gè)優(yōu)秀且富有創(chuàng)意的互動(dòng)作品，可以激發(fā)您的產(chǎn)品設(shè)計(jì)靈感。
1. UISTAR的歷史動(dòng)畫
這個(gè)應(yīng)用程序的概念激勵(lì)人們思考手機(jī)如何閱讀，點(diǎn)擊和滑動(dòng)書的標(biāo)題，當(dāng)你選擇一本書時(shí)，書的封面會(huì)彈出。在您閱讀時(shí)，您仍然可以瀏覽所有書籍，并可以自由切換到其他標(biāo)題。
這種移動(dòng)電話交互模擬了真實(shí)閱讀的體驗(yàn)，通過滑動(dòng)和點(diǎn)擊的通常交互創(chuàng)造了經(jīng)典而優(yōu)雅的閱讀體驗(yàn)。
2. Bthere
該應(yīng)用程序的指南頁面色彩鮮艷，生動(dòng)可愛，是一個(gè)獨(dú)特的互動(dòng)作品，在冗長(zhǎng)的APP指南頁面上為用戶提供了極好的體驗(yàn)。
通過動(dòng)態(tài)圖表過渡和背景顏色切換以及一些獨(dú)立的微動(dòng)畫元素（包括獨(dú)輪車的耗盡），Bthere有效地傳達(dá)了品牌的興趣，這也提高了用戶轉(zhuǎn)換率和應(yīng)用程序的停留時(shí)間。
3. Bon App！
當(dāng)你前往一個(gè)新的城市，填飽肚子是最重要的事情。 Bon App！可能是您的最佳選擇，查看當(dāng)?shù)孛朗吃u(píng)論，探索美食沙龍，并在線簽署和分享您的美食體驗(yàn)。
Mockplus制作的原型內(nèi)容的切換是自然而流暢的，通過單擊應(yīng)用程序下方導(dǎo)航欄中的發(fā)布按鈕，可以立即記錄突然閃現(xiàn)食物的靈感。在直觀食物推薦的頁面流程中，您還可以快速獲取餐廳的具體信息和圖片。
原型演示和下載地址：http://doc.mockplus.cn/?p=1549
4.停車搜索SELECTO
在大城市停車總是很頭疼。高效便捷地找到停車場(chǎng)是一件非常緊迫的事情。
這個(gè)應(yīng)用程序?qū)槟峁└浇耐＼囄恢煤统潆娐?。?dāng)您點(diǎn)擊某個(gè)位置時(shí)，您可以了解剩余停車位的數(shù)量，并提供預(yù)訂停車位的方法，這樣您就無需在打開車門后關(guān)閉車門。
在交互方面，這個(gè)應(yīng)用程序的兩個(gè)點(diǎn)是選擇停車位后出現(xiàn)的信息卡，并快速繪制最佳路線，散布停車位的數(shù)量，并推動(dòng)停車位圖信息。
5. WIP發(fā)現(xiàn)音樂
該應(yīng)用程序?qū)⒂脩舻淖⒁饬性趯?dǎo)航過程上，并發(fā)現(xiàn)音樂交互過程流暢而智能。此外，這種互動(dòng)還增強(qiáng)了使用的沉浸感，是一種創(chuàng)造性和互動(dòng)的音樂播放器。
6. Cafe Coupon App
食物永遠(yuǎn)是接近世界的最佳方式，這個(gè)應(yīng)用程序的互動(dòng)傳達(dá)了這個(gè)信息?，F(xiàn)場(chǎng)是在咖啡館提供優(yōu)惠券和折扣，顧客可以用電子優(yōu)惠券立即購買他們喜歡的食物。通過添加界面動(dòng)畫，整體交互變得生動(dòng)，充滿活力，并添加了一些有趣的微交互。
7. Sergey Valiukh的體育應(yīng)用程序
在鍛煉期間使用越來越多的移動(dòng)設(shè)備來保存數(shù)據(jù)和跟蹤進(jìn)度。體育應(yīng)用目前非常受歡迎。這個(gè)具有通過動(dòng)畫交互實(shí)現(xiàn)功能的設(shè)計(jì)概念。結(jié)構(gòu)非常簡(jiǎn)單：它包含側(cè)面菜單和正文內(nèi)容。菜單從左向右移動(dòng)以顯示基本選項(xiàng)。
主要功能是側(cè)面菜單打開時(shí)內(nèi)容的“橡膠效果”。打開屏幕上的側(cè)面菜單后，它還可以顯示所有內(nèi)容的詳細(xì)信息。配色非常清新明亮，刺激用戶進(jìn)一步操作;動(dòng)畫的微妙反彈使整個(gè)應(yīng)用程序充滿了運(yùn)動(dòng)風(fēng)。
8.警報(bào)器
Siren的應(yīng)用程序使用了許多不同的交互式動(dòng)畫，當(dāng)您向左或向右滑動(dòng)時(shí)，移動(dòng)不同的延遲元素會(huì)產(chǎn)生連鎖效果。為用戶提供有關(guān)主頁面整體結(jié)構(gòu)和流程的其他反饋。此外，該應(yīng)用程序使用收縮元素來擴(kuò)展界面的交互區(qū)域，同時(shí)確保關(guān)鍵信息保持可見。
9.購物卡
這款購物應(yīng)用充分利用了iOS 11的設(shè)計(jì)語言，制作了漂亮的卡式界面，交互清晰自然，內(nèi)容分發(fā)簡(jiǎn)潔。有關(guān)UI上iOS 11的新設(shè)計(jì)和規(guī)范，您還可以查看本文。
10.家庭預(yù)算飼料動(dòng)畫
時(shí)間就是金錢，這句話在任何時(shí)候都不會(huì)過時(shí)。此財(cái)務(wù)應(yīng)用程序允許用戶管理消費(fèi)和收入，創(chuàng)建擴(kuò)展數(shù)據(jù)庫以跟蹤資金流和變化，并獲得全面的統(tǒng)計(jì)數(shù)據(jù)。 GIF流暢地顯示了當(dāng)前財(cái)務(wù)變化的相互作用，并彈出了每日限制提醒，這些提醒非常獨(dú)特。
11. Virgil Pana的動(dòng)畫滑動(dòng)標(biāo)簽欄
此應(yīng)用程序的導(dǎo)航交互完全考慮了小屏幕設(shè)備的布局問題。用戶可以在屏幕底部拖動(dòng)??以顯示折疊導(dǎo)航。 3D折疊效果也充滿了技術(shù)。
12. Chapps的照片導(dǎo)航概念
該應(yīng)用程序基于以下概念：用戶只需點(diǎn)擊幾下即可獲取以前添加和標(biāo)記的圖像;只需單擊一下，您就可以選擇所需的圖像類型。整個(gè)過程讓人聯(lián)想到桌面上的圖像搜索，這只能在移動(dòng)設(shè)備上完成。
這些作品是否充滿了您的交互設(shè)計(jì)的靈感？重要的是要了解產(chǎn)品中所有交互的目的是增強(qiáng)用戶體驗(yàn)。過多的花哨和復(fù)雜的互動(dòng)可能會(huì)適得其反。如果推薦更多互動(dòng)作品，請(qǐng)隨時(shí)在評(píng)論中指出。
Text/Mockplus團(tuán)隊(duì)微信公眾號(hào)：Mockplus