亚洲国产精品久久精品成人_国产步兵社区视频在线观看_国产不卡免费视频_午夜私人影院免费体验区

小編推薦：在這篇文章中，來自UXPin（一款在線界面設(shè)計應(yīng)用）的克里斯·班克（Chris Bank）介紹了移動應(yīng)用交互的重要性，以及它在設(shè)計模式上的影響力。更多的細(xì)節(jié)可以閱讀UXPin的免費(fèi)電子書《Mobile UI Design Patterns 2014》，書中有超過50個熱門移動應(yīng)用的案例。

手勢

還記得瀏覽網(wǎng)頁時，只能通過點(diǎn)擊、滑動、滾動和鍵盤快捷鍵來交互的日子嗎？雖然如今它們不再是唯一的交互方式，但它們的確主宰了瀏覽網(wǎng)頁時的用戶體驗(yàn)。

從另一方面來看，移動領(lǐng)域已經(jīng)隨著新設(shè)計模式的實(shí)現(xiàn)迅速擴(kuò)大。也因?yàn)橛布蛙浖某掷m(xù)發(fā)展，移動應(yīng)用設(shè)計也隨著史無前例的人機(jī)交互模式逐步發(fā)展成為現(xiàn)實(shí)。新的手勢為解決方案提供了可能性，也因?yàn)轫憫?yīng)式設(shè)計的進(jìn)步，網(wǎng)頁和移動端設(shè)計同步化加劇，使得應(yīng)用程序能夠適用于各種形狀和尺寸的設(shè)備。同時，這也對網(wǎng)頁體驗(yàn)的設(shè)計產(chǎn)生了重大的影響。

我們來看看安卓現(xiàn)有的手勢，你的直覺認(rèn)為像日歷，信息或者相冊這樣的模型會有多少種交互方式？

網(wǎng)址點(diǎn)此

再來看一看蘋果珍藏的多點(diǎn)觸控專利手勢，相信你的腦袋里一定會充斥著各種能夠設(shè)計的解決方法。下面給出的示例來自2010年的專利備案，已經(jīng)有很多都被實(shí)現(xiàn)了，蘋果公司的專利手勢文檔中一定遠(yuǎn)超這些示例。你可以把它當(dāng)作是“少數(shù)派報告”未來的一種預(yù)見吧。

網(wǎng)址點(diǎn)此

安卓系統(tǒng)，蘋果系統(tǒng)和其他移動平臺還會繼續(xù)增加各種各樣的手勢，自然地實(shí)現(xiàn)應(yīng)用中特殊的行為和導(dǎo)航。這不僅僅是去除屏幕上的按鈕來保持屏幕的真實(shí)形態(tài)，更重要的是讓體驗(yàn)變得直觀有趣。再將這些手勢和多樣的動畫結(jié)合起來，總有一天你就能夠把用戶界面設(shè)計模式應(yīng)用到你的移動應(yīng)用中。

動畫

在移動終端使用手勢讓用戶覺得使用很自然，響應(yīng)也很真實(shí)。而動畫扮演很重要的角色，放飛用戶的幻想?yún)s又把他們限制在用戶界面內(nèi)。

除了有形的動畫，他們還經(jīng)常使用自然的法則和規(guī)律。定時，速率，彈力，圖像和顏色過渡，滾動，以及各種設(shè)定。這些法則讓用戶覺得設(shè)計師的手段無窮無盡，充滿了驚喜。

多種動畫和手勢的結(jié)合不僅增加了體驗(yàn)的樂趣性，也為用戶提供了寶貴的視覺反饋。這里只做簡要說明，之后我們會在博客和設(shè)計庫上做深入探討。

Captivate上可以看到有名的移動應(yīng)用動畫。

如果你想看許多沒有裝飾的過渡，Dan Silver或許能給你靈感。

交互基礎(chǔ)示例

Pinterest，當(dāng)今時代最具有成效的擬真交互電子商務(wù)公司之一，其移動應(yīng)用中的“可被發(fā)現(xiàn)的控制”模式令其大放異彩。下面，我要詳細(xì)地說明這種模式要解決的問題，以及如何完美地運(yùn)用動畫和手勢。

用戶的問題

用戶想要在不中斷體驗(yàn)的前提下和內(nèi)容交互。

Pinterest的解決方案

Pinterest通過移除主要顯示區(qū)域中幾乎所有多余的信息和操作按鈕來避免典型的電子商務(wù)或者信息網(wǎng)站的那種復(fù)雜體驗(yàn)。這種接近極簡的主義讓用戶通過觀察，拖動，滑動，觸摸等方式去做最緊要的事，沒有干擾，也不會分散注意力。

如期望的一樣，當(dāng)用戶點(diǎn)擊圖片時，可以詳細(xì)了解吸引他們的圖片的更多信息。不僅如此，還可以進(jìn)行其他的一些操作，如鎖定，發(fā)送，或者是隨心所欲的編輯圖片。沒有特殊聲明的話圖片可以隨意使用?？墒牵绻L按圖片，他們會發(fā)現(xiàn)從手指觸摸的地方冒出了具有同樣功能的3個氣泡。當(dāng)用戶想去點(diǎn)擊氣泡時，手指離開屏幕它們又會消失。多次嘗試這個過程后，用戶很快學(xué)會需要將手指一直放在屏幕上，通過拖動手指到某個氣泡按鈕上來操作。這樣做了過后，手指懸停的氣泡會快速漸變成紅色，告知用戶這個按鈕被選擇了。一旦用戶手指離開屏幕，這個動作就生效了。

可見的控制按鈕配上娛樂性十足的動畫，再加上符合直覺的手勢控制，整個體驗(yàn)過程都會輕松愉快。類似Pinterest或者其他站點(diǎn)的功能，“可被發(fā)現(xiàn)的控制”設(shè)計模式，讓內(nèi)容更加切實(shí)，讓人著迷。

乘上交互的浪潮

現(xiàn)在是移動設(shè)計令人振奮的時刻，移動應(yīng)用中運(yùn)用手勢和動畫已成爆炸之勢發(fā)展。想要了解更多關(guān)于著名公司是怎樣將手勢和動畫融入已經(jīng)存在和新的設(shè)計模式中，請閱讀UXPin的免費(fèi)電子書《Mobile UI Design Patterns 2014》。使用你需要的模式，剩下就不用理會了，但一定要保證將他們調(diào)整到適合于你自己的問題，最重要的是適合你的用戶。

關(guān)注我們：在查找公眾號中搜索：zomsky1688，或者掃描下方二維碼快速關(guān)注。

本文來自廣州品牌網(wǎng)站建設(shè)網(wǎng)站設(shè)計制作公司-縱天
關(guān)鍵詞：廣州網(wǎng)頁設(shè)計公司,廣州網(wǎng)站設(shè)計公司,移動網(wǎng)站建設(shè),高端網(wǎng)站建設(shè)