這是一篇關(guān)于APP常見手勢(shì)操作方式的干貨教程。同時(shí)也讓大家詳細(xì)了解什么是移動(dòng)端常見的APP手勢(shì)交互操作方式。

真正了解明白了這些APP手勢(shì)交互操作對(duì)象，有助于讓我們?cè)O(shè)計(jì)出更好的APP UI界面設(shè)計(jì)作品。

如下圖：

上圖這張APP界面設(shè)計(jì)當(dāng)中，包含了2種手勢(shì)流：

第一種手勢(shì)流是向下的。 只要用戶往下滑就會(huì)出現(xiàn)上面的三個(gè)菜單。 然后只要往上滑即可關(guān)閉。當(dāng)然也可以點(diǎn)擊關(guān)閉按鈕。

第二種手勢(shì)流是左右的滑動(dòng)切換當(dāng)前顯示的內(nèi)容。

下面就跟隨25學(xué)堂的小編來一起學(xué)習(xí)下常見的APP手勢(shì)操作對(duì)象吧！

第一：常規(guī)設(shè)計(jì)的手勢(shì)操作分為以下幾個(gè)重點(diǎn)來考慮：

首先，手勢(shì)本身或操作過程的設(shè)計(jì)應(yīng)該能夠體現(xiàn)并符合大多數(shù)或者特定文化表現(xiàn)的用法。特別是形象的、有意義的手勢(shì)更加容易記憶和學(xué)習(xí)。比如360瀏覽器提出的畫左回旋表示返回上一頁。

其次，在設(shè)計(jì)過程中，手勢(shì)本身的形狀或操作過程是從具體實(shí)物中簡(jiǎn)化出來的，其內(nèi)涵具有實(shí)物的隱喻意義。比如劃圈將某部分內(nèi)容選中。

最后，將手勢(shì)設(shè)計(jì)完成后，要換位考慮用戶是否可以適應(yīng)和接受此操作。從而可以檢驗(yàn)用戶是否對(duì)容易上手。比如，將命令或品牌的中文或英文的首字母符號(hào)作為該命令的手勢(shì)。

如用?“c”（copy）表示“復(fù)制；?Baidu的小寫b來打開搜索。

基于幾個(gè)重點(diǎn)設(shè)計(jì)的手勢(shì)操作層出不窮，目前各種設(shè)備用戶均能夠接受的操作除了在第一章提到的基本操作外，對(duì)對(duì)象的操作目前也有很多得到了用戶的認(rèn)可和接受。

第二：對(duì)于一些對(duì)象的操作也達(dá)成一些普適模式如下圖：

第三：對(duì)一些關(guān)于導(dǎo)航的操作也漸漸形成了一種約定俗成的手勢(shì)規(guī)則。

如ipad等大屏移動(dòng)設(shè)備的觸摸手勢(shì)操作。

最后，目前上面這些手勢(shì)都是大多數(shù)用戶被接受和認(rèn)可：換句話說已經(jīng)成為移動(dòng)用戶的使用習(xí)慣啦。

如果從方向上體現(xiàn)的功能來分析，可以把手勢(shì)的功能大致這樣分類：

1、從功能上看，目前橫向滑動(dòng)賦予的功能有：刪除、平級(jí)切換、返回首頁，，開關(guān)，滑塊，附屬功能。

2、從功能上看，目前豎向滑動(dòng)賦予的功能有：下拉刷新，底部加載更多、全屏、上下篇切換、返回上一級(jí)，附屬功能。

3、拖動(dòng)是更大力度的滑動(dòng)，常見的是拉出附屬功能或其它隱藏內(nèi)容。

4、?雙指收縮、拉開常見的功能是：圖片、字體放大，亮度調(diào)節(jié)，打開關(guān)閉，新增刪減等。

5、按住并拖動(dòng)一般用于自定義（改變順序，加入，拉出等）。

所以，我們?cè)谠O(shè)計(jì)APP交互方式的時(shí)候，一定要遵循用戶行為習(xí)慣。

通過用戶習(xí)慣分析的結(jié)果可以給予手勢(shì)操作模式的指導(dǎo)性的方案，盡可能的接近用戶平時(shí)操作習(xí)慣的操作模式和應(yīng)用使用環(huán)境會(huì)將新方式的陌生程度降到最低。

在此，25學(xué)堂還跟各位APP設(shè)計(jì)師分享100個(gè)觸屏手勢(shì)矢量素材。相信大家肯定會(huì)喜歡

的。

100個(gè)觸屏手勢(shì)矢量素材下載：點(diǎn)擊下載? ? ? 微盤下載：立即下載