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

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

如下圖：

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

的。

100個觸屏手勢矢量素材下載：點擊下載? ? ? 微盤下載：立即下載