提交需求
賽事與廣告咨詢(xún)合作,請(qǐng)?zhí)顚?xiě)需求表單,我們會(huì)在第一時(shí)間與您聯(lián)系!
交互手勢(shì)分為觸摸方式(手指在屏幕上的動(dòng)作)觸摸動(dòng)作(在特殊情境下使用特定的手勢(shì)來(lái)操作)
這是因?yàn)榻佑|操作(觸摸)根據(jù)使用情境的不同,可能會(huì)有不同的情況(輕擊、取消、啟用/關(guān)閉),而一個(gè)觸摸動(dòng)作(放大)也可以通過(guò)多次接觸來(lái)完成(捏放、雙擊、雙擊拖移等等)
注意:拖移、滑動(dòng)和拋擲這些手勢(shì)依據(jù)使用情境會(huì)產(chǎn)生不同的效果。
觸摸方式:用戶(hù)在屏幕上如何使用手指操作。
觸摸
單根手指按下,拿起
案例:選擇
雙擊
兩根手指按下,拿起 / 一根手指按下,拿起
案例:放大
拖拽/滑動(dòng)/拋擲
一根手指按下后移動(dòng),拿起
長(zhǎng)按
一根手指按下,等待,拿起
案例:選中一個(gè)元素,比如列表中的一個(gè)項(xiàng)目
長(zhǎng)按不用于顯示情境菜單。
長(zhǎng)按拖移
一根手指按下,等待,移動(dòng),拿起
案例:拿起移動(dòng)/選中多個(gè)項(xiàng)目
雙擊拖移
按下,拿起,按下,拖移,拿起
案例:放大/縮小
捏放
兩根手指按下,向外移動(dòng),拿起
案例:放大
捏合
兩根手指按下,向內(nèi)移動(dòng),拿起
案例:縮小
雙指觸摸
兩根手指按下,拿起
案例:縮小
雙指拖移,滑動(dòng),拋擲
兩只手指按下,移動(dòng),拿起
案例:選中多個(gè)項(xiàng)目/轉(zhuǎn)動(dòng)視角
雙指長(zhǎng)按
兩根手指按下,等待,拿起
案例:暫無(wú)
兩指長(zhǎng)按拖移
兩指按下,等待,移動(dòng),拿起
案例:拿起后移動(dòng)
雙指雙擊
兩指按下,拿起,按下,拿起
案例:縮小
旋轉(zhuǎn)
雙指按下,在屏幕上旋轉(zhuǎn),拿起
案例:旋轉(zhuǎn)內(nèi)容,比如地圖
————————————————————————————————————————————————————
根據(jù)特定情境下使用特定的手勢(shì)進(jìn)行操作
輕擊
激活屏幕內(nèi)的元素,像是一個(gè)按鈕
觸摸動(dòng)作:觸摸
取消或者退出
取消或退出當(dāng)前的任務(wù),比如對(duì)話框、菜單
觸摸動(dòng)作:觸摸
啟用/關(guān)閉狀態(tài)
隱藏或顯示Chrome窗口
觸摸動(dòng)作:觸摸
拖移/滑動(dòng)/拋擲
請(qǐng)閱讀文章的下半部分來(lái)詳細(xì)區(qū)別滾動(dòng),滾動(dòng)顯示,拖移(慢速運(yùn)動(dòng)),解除,滑動(dòng)刷新,側(cè)滑,分頁(yè)滑動(dòng),滑出消除,菜單打開(kāi)和傾斜的不同
觸摸動(dòng)作:拖移/滑動(dòng)/拋擲
內(nèi)容選中(當(dāng)沒(méi)有任何內(nèi)容被選中時(shí))
選中一個(gè)單獨(dú)的元素
觸摸動(dòng)作:長(zhǎng)按/雙指觸摸
內(nèi)容選中(當(dāng)已經(jīng)有內(nèi)容被選中時(shí))
在選擇模式下選擇額外的內(nèi)容,可以使用多種動(dòng)作組合。
觸摸動(dòng)作:觸摸/雙指觸摸
多項(xiàng)內(nèi)容選中拖移
通過(guò)手勢(shì)啟動(dòng)選擇框,手指可以調(diào)整寬度和高度。最后選中的范圍基于手指拿起時(shí)選定的范圍。
觸摸動(dòng)作:雙指滑動(dòng)或拖移/當(dāng)沒(méi)有內(nèi)容被選中時(shí),長(zhǎng)按拖移
拿起和移動(dòng)
用戶(hù)修改選中的單個(gè)項(xiàng)目或項(xiàng)目群,可以用在:
·重新排列視圖
·將一個(gè)項(xiàng)目放入容器中(譯者注:類(lèi)似將程序放入文件夾中)或者目標(biāo)上
·重新排列項(xiàng)目在列表中的位置或收藏夾
觸摸動(dòng)作:雙指長(zhǎng)按拖移/長(zhǎng)按拖移選中項(xiàng)目
放大
將內(nèi)容的尺寸放大
觸摸動(dòng)作:
雙擊
雙擊拖移(向下)
捏放(向外)
縮放至合適
對(duì)于窗口內(nèi)的內(nèi)容,縮放至合適窗口
觸摸動(dòng)作:雙擊
縮小
縮小內(nèi)容
觸摸動(dòng)作:
在最大化時(shí)雙擊
雙擊后拖移(向上)
捏合(向內(nèi))
雙指觸摸
雙指雙擊
展開(kāi)
展開(kāi)折疊的內(nèi)容
觸摸動(dòng)作:捏放(向外)
折疊
將展開(kāi)的內(nèi)容折疊
觸摸動(dòng)作:捏合(向內(nèi))
旋轉(zhuǎn)
旋轉(zhuǎn)目標(biāo)內(nèi)容
觸摸動(dòng)作:旋轉(zhuǎn)
————————————————————————————————————————————————————
由于滑動(dòng)手勢(shì)受具體的使用情境影響較大,故本節(jié)介紹一些主要的滑動(dòng)手勢(shì)和他們之間的區(qū)別
手勢(shì)的速度(從低到高)是拖移,滑動(dòng)和拋擲之間最大的區(qū)別,根據(jù)不同的使用情境,可能會(huì)造成不同的結(jié)果:
拖移:精確手勢(shì),目的性更明確,通常是控制屏幕上的一個(gè)目標(biāo)
滑動(dòng):模糊手勢(shì),快速,通常不限定在屏幕上一個(gè)特別的目標(biāo)。
拋擲:模糊手勢(shì),屏幕上沒(méi)有特定目標(biāo)
滑動(dòng)與拋擲的區(qū)別就在于速度和操作是否有超過(guò)設(shè)定的數(shù)值。
一般來(lái)說(shuō),手勢(shì)動(dòng)作的速度有一定的范圍,來(lái)監(jiān)聽(tīng)用戶(hù)是否取消操作:拖拽操作當(dāng)用戶(hù)將手指拉回時(shí)則會(huì)取消操作;而如果是拋擲動(dòng)作,會(huì)在手指速度達(dá)到一定值時(shí)激活,防止取消操作。
滾動(dòng)
在內(nèi)容內(nèi)垂直或水平滑動(dòng)。
滾動(dòng)的距離基于手勢(shì)的速度:拖動(dòng)(慢)、滑動(dòng)、拋擲(快)
一般來(lái)說(shuō):
·滾動(dòng)的方向與手勢(shì)是相反的
·適用于內(nèi)容尺寸為100%時(shí)
滑動(dòng)顯示
隨著內(nèi)容頁(yè)面的滾動(dòng),窗口顯示額外的內(nèi)容,比如向上滾動(dòng)Chrome顯示網(wǎng)址欄。
通過(guò)滾動(dòng)自然方向,來(lái)恢復(fù)原先的狀態(tài)。
拖移(慢速運(yùn)動(dòng))
1到2根手指全方面的滾動(dòng)
通常用于:
·無(wú)限的內(nèi)容(地圖類(lèi))
·使用雙指進(jìn)行操作(雙指捏合放大縮小或旋轉(zhuǎn))比如在地圖上使用雙指進(jìn)行操作。
雙指拖移手勢(shì)控制視角上下變化。
拖移就是典型使用拖移手勢(shì)進(jìn)行操作。
延續(xù)拋擲手勢(shì),將會(huì)使內(nèi)容隨著原先的軌跡繼續(xù)運(yùn)動(dòng)。
解除
通常設(shè)置在列表中單獨(dú)一項(xiàng)的滑動(dòng)操作上
垂直方向滾動(dòng)查看
手勢(shì)通常是在同一水平高度的水平方向
解除動(dòng)作是基于一定的動(dòng)作范圍來(lái)激活。
滑動(dòng)刷新
通常是在列表中或者界面邊緣執(zhí)行滑動(dòng)操作激活
方向一般是垂直向下的
邊緣滑動(dòng)
從屏幕外部滑動(dòng),顯示相關(guān)的其他內(nèi)容,簡(jiǎn)單來(lái)說(shuō)就是將內(nèi)容分開(kāi),通過(guò)不同的樣式展現(xiàn)。
通常如果邊緣滑動(dòng)沒(méi)有定義,默認(rèn)情況下從邊緣滑動(dòng)的手勢(shì)作為翻頁(yè)滑動(dòng)
邊緣滑動(dòng)同樣也是基于一定的動(dòng)作范圍來(lái)激活
翻頁(yè)滑動(dòng)
在屏幕內(nèi)容上滑動(dòng),轉(zhuǎn)向余下的內(nèi)容
不要在使用翻頁(yè)滑動(dòng)時(shí)同時(shí)給滑動(dòng)手勢(shì)加入滑動(dòng)操作標(biāo)簽(Swipeable),每一次手勢(shì)操作翻動(dòng)一個(gè)頁(yè)面/標(biāo)簽。
在頁(yè)面比例大于100%時(shí),在內(nèi)容上執(zhí)行pan可能是查看額外的內(nèi)容或一個(gè)額外的頁(yè)面
參見(jiàn):邊緣折疊
翻頁(yè)滑動(dòng)基于一定的監(jiān)聽(tīng)范圍
邊緣折疊
用于在子層級(jí)結(jié)構(gòu)中的顯示導(dǎo)航
從頂部或底部滾動(dòng)出導(dǎo)航或相關(guān)內(nèi)容
同樣側(cè)邊折疊也有一定的監(jiān)聽(tīng)范圍
打開(kāi)菜單
從菜單或者選項(xiàng)中拖拽出現(xiàn)菜單內(nèi)容,菜單出現(xiàn)后突出顯示菜單項(xiàng)。
菜單也可以通過(guò)觸摸后出現(xiàn)
該動(dòng)作可以通過(guò)拖拽激活
Tilt
通常用于在3D內(nèi)容上前進(jìn)和后退
適用于兩指操作手勢(shì)(比如兩指縮放或旋轉(zhuǎn))比如在地圖中的應(yīng)用,通過(guò)兩指操控來(lái)平移。
通常是和拖拽相配合。
密碼登錄
大牛,別默默的看了,快登錄幫我點(diǎn)評(píng)一下吧!:)
登錄 立即注冊(cè)