亚洲av无码成人专区片在线观看,亚洲av岛国动作片在线观看,少妇,喷水,亚洲av成人无遮挡网站在线观看,天堂网www资源在线

恭喜你成為UI中國(guó)推薦設(shè)計(jì)師 (詳情)
//百度統(tǒng)計(jì) 20220402 uicn

您的意見(jiàn)是我們 UI 中國(guó)進(jìn)步的動(dòng)力!
點(diǎn)擊立即反饋按鈕,發(fā)表您的意見(jiàn)!
立即反饋
QQ群反饋
您也可以加入U(xiǎn)I中國(guó)官方反饋群進(jìn)行反饋!
群號(hào):302892100
備注:反饋問(wèn)題后@管理員能讓我們及時(shí)了解您的意見(jiàn)

提交需求

賽事與廣告咨詢(xún)合作,請(qǐng)?zhí)顚?xiě)需求表單,我們會(huì)在第一時(shí)間與您聯(lián)系!

0/20
0/200

設(shè)計(jì)大賽

  • 設(shè)計(jì)大賽
  • 發(fā)布廣告
  • 發(fā)布招聘
  • 其它需求

提交完成
感謝您對(duì)UI中國(guó)的支持和信賴(lài)!
Google Material Design _ Patterns _ Gestures
0.0°
2014-06-29 自譯外文 規(guī)范/資料 原作者: Google 舉報(bào) 11751 107 26 3

手勢(shì)


交互手勢(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)容,比如地圖


————————————————————————————————————————————————————


觸摸動(dòng)作

根據(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)和拋擲


由于滑動(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)平移。

通常是和拖拽相配合。

更新:2014-06-29

收藏

107人已收藏

Daqian.Dong

默默的存在

  • 41

    作品

  • 428

    粉絲

  • 1

    關(guān)注

  • #每周臨摹#166期_金融APP動(dòng)效
  • 圖標(biāo)兩枚
  • Spade A
  • 3D Touch News

    猜你喜歡

      2014-06-29 自譯外文 規(guī)范/資料 原作者: Google 舉報(bào) 11751 107 26 3

      Google Material Design _ Patterns _ Gestures

      0.0°

      你確定要舉報(bào)Google Material Design _ Patterns _ Gestures

      如果查出惡意舉報(bào),十天內(nèi)禁止提交任何舉報(bào)申請(qǐng)。

      0/200

      上傳證據(jù): 超過(guò)10M的附件請(qǐng)使用網(wǎng)盤(pán)地址

      點(diǎn)擊上傳附件

      對(duì)誰(shuí)可見(jiàn):

      全部設(shè)計(jì)師
      • 全部設(shè)計(jì)師
      • 推薦設(shè)計(jì)師和認(rèn)證設(shè)計(jì)師

      您確認(rèn)要推薦?

      該作品發(fā)布時(shí)間:2014年06月29日

      評(píng)分

      完整度

      啟發(fā)性

      勤奮性

      排版布局

      推薦心得

      建議20-200字以?xún)?nèi)

      0/200

      26
      107
      3

      賬號(hào)或密碼錯(cuò)誤,請(qǐng)重新輸入

      賬號(hào)或密碼錯(cuò)誤,請(qǐng)重新輸入

      登錄

      手機(jī)號(hào)

      發(fā)送驗(yàn)證碼 120s 驗(yàn)證碼錯(cuò)誤

      登錄
      第三方賬號(hào)登錄