Win8互動UX 滑鼠互動

2022-02-01 02:21:06 字數 1249 閱讀 5602

針對觸控輸入優化 window 應用商店應用設計,並在預設情況下獲得基本的滑鼠支援。

設計和構建使用者可以通過滑鼠互動的 windows 應用商店應用。

滑鼠輸入最適合那些需要精確指向和單擊的使用者互動。由於 windows 的 ui 針對觸控的不精確特性進行了優化,所以它自然支援這種固有的精確度。

滑鼠輸入和觸控輸入的不同之處在於,觸控可以通過對這些物件執行物理手勢(如輕掃、滑動、拖動和旋轉等等)模擬在螢幕上直接操作 ui 元素。

windows 提供一組在整個系統中通用的簡單滑鼠互動功能。

術語描述

懸停以了解

單擊以進行主操作

單擊某個元素可以呼叫它的主操作(如啟動應用或執行命令)。

滾動以更改檢視

顯示滾動條以在內容區域中向上、向下、向左和向右移動。使用者可以通過單擊滾動條或者旋轉滑鼠滾輪來滾動。滾動條可以指示當前檢視在內容區域中的位置(一邊觸控一邊平移會顯示類似的 ui)。

右鍵單擊以選定和進行命令操作

右鍵單擊以使用全域性命令顯示導航欄(如果有的話)與應用欄。右鍵單擊某個元素可將其選定並顯示帶有所選元素的上下文命令的應用欄。

注意當選擇或應用欄命令不適合 ui 行為時,右鍵單擊可顯示上下文選單。但是,我們強烈建議你針對所有的命令行為使用應用欄。

使用 ui 命令進行縮放

顯示應用欄中的 ui 命令(如 + 和 -),或者在按住 ctrl 的情況下旋轉滑鼠滾輪模擬通過收縮和拉伸手勢進行縮放。

使用 ui 命令進行旋轉

顯示應用欄中的 ui 命令,或者在按住 ctrl+shift 的情況下旋轉滑鼠滾輪模擬旋轉手勢來進行旋轉。旋轉裝置本身會旋轉整個螢幕。

單擊並拖動以重新排列

單擊並拖動元素可移動它。

單擊並拖動以選擇文字

在可選擇的文字內單擊並拖動可選擇它。雙擊可選擇乙個字。

將滑鼠移到角落和邊緣以獲得系統命令

在從左向右布局中,將滑鼠移動到螢幕的右上角或右下角(或從右向左布局上的左邊緣)將顯示可以顯示系統命令的超級按鈕。

對於從左向右布局,將滑鼠移到左上角(或者對於從右向左布局移到右上角)可顯示最近用過的應用的縮圖。左鍵單擊或單擊並拖動可瀏覽並切換到正在執行的應用或者拖動到應用(如果螢幕解析度支援的話)。

對於從左向右布局,將滑鼠移到左下角(或者對於從右向左布局移到右下角)可顯示「開始」螢幕的縮圖。

單擊並從螢幕頂部邊緣向底部 邊緣拖動可關閉當前應用。

左鍵單擊並從頂部邊緣向下以及向左邊緣或向右邊緣拖動會將當前應用調整到螢幕一側。

Win8互動UX 鍵盤互動

鍵盤輸入是 windows 應用商店應用的所有使用者互動體驗的乙個重要部分。對於殘障人士,或者只是認為鍵盤是與應用互動的最有效方法的使用者而言,鍵盤非常重要。具有良好設計的鍵盤 ui 是軟體輔助功能的乙個重要方面。它使具有視力缺陷或行動有障礙的使用者能夠在應用中導航並與應用的功能進行互動。這些使用者...

Win8應用開發 入門篇(三) UX互動導航模式

在本文中 組織 windows 應用商店應用中的內容,以便使用者可以輕鬆而直觀地進行導航。使用正確的導航模式可幫助你限制永久位於螢幕上的控制項。這樣使用者就可以將精力集中在當前內容上。windows 應用商店應用中的導航基於兩種模式 分層模式和平面模式。應用可以使用其中乙個或者使用這兩種模式的組合。...

UX互動 Material深度解析

谷歌的一種統一設計風格。深層次的flat ui。官網 constant description material.light 亮主題material.dark 暗主題material.system 根據系統主題 自動選擇亮色或者暗色 背景顏色 控制項的高度,也就是z軸屬性。與陰影效果有關。強調色 預...