UI互動細節 節選 控制項使用細則

2021-05-22 09:13:28 字數 1571 閱讀 4408

控制項使用細則

按鈕 除主介面外命令按鈕不超過6個

命令按鈕文字簡單明瞭

相同功能的命令按鈕使用同乙個圖示和文字

[確認][放棄][關閉][重置][應用][幫助]六個按鈕為標準按鈕應使用標準含義

當確認按鈕代表諸如「列印」「搜尋」之類具體功能的時候,使用功能含義代替確認

對話方塊中所有按鈕文字內容長度類似的話採用同樣大小的按鈕

按鈕和其他部分用空白或者分割線分開

如果同排按鈕超過3個應該分組。

在統一的位置放置按鈕

按鈕盡可能按照下列順序擺放:確認離開、放棄離開、應用

按鈕文字中加入「...」表示需要輸入資料

禁止而不是消失暫時不起作用的按鈕

一般情況下選擇非破壞性按鈕作為預設按鈕

標籤 文字內容應該明了

同一視窗不同標籤文字大小應該一致

盡量不採用大紅顏色作為標籤文字

預先考慮不同字型大小的情況標籤的大小

單選按鈕

應該帶有明白的文字解釋

集中豎排放置單選按鈕

同時放置的單選按鈕不超過6個

避免兩個單選按鈕表示同一內容的兩種狀態(例如yes/no)

複選按鈕

應該帶有明白的文字解釋

集中豎排放置複選按鈕

同時放置的複選按鈕不超過10個

不要帶有「選擇全部」「取消全部選擇」的複選按鈕

複選按鈕多行放置時左對齊

文字輸入框

有邊框的用於可輸入文字框,不可輸入的用無邊框的

灰掉唯讀的文字框

文字框的寬度應和可輸入的內容長度一致

當存在做個文字輸入框(超過3個)可以按照一定規則分類用元件範圍框架

放置label說明文字輸入框用途,說明文字後加「:」

列表框

同時顯示項數為3-8個

應該為列表框增加乙個說明意義的文字解釋放置在列表框左上方

對於超過30個選項的列表框應提供選項過濾方式

保持列表框中被使用者選中選項的焦點

下拉列表框

當使用者需要同時看到多個選項時採用列表框而不是下拉列表框

應該為列表框增加乙個說明意義的文字解釋

元件範圍框架

按照一定規則放置控制項在元件範圍框架內:

根據邏輯關係

根據任務關係

根據使用頻率

滑動條

同時顯示當前的代表值會更加有效

當可選擇數目在10以內的時候不使用滑動條

滑動條位置代表實際數值

在使用者知道精確位置情況下允許其輸入數值定位

用小箭頭表示小的改變

樹 樹控制項對於初級使用者可能不合適

樹不能代替選單和按鈕

列表樹

讓使用者可以選擇乙個選項的任何乙個部分表示選中該選項(行選擇)

多頁面選擇

按照一定規則放置控制項在多頁面不同頁面內:

根據邏輯關係

根據任務關係

根據使用頻率

如果是軟體設定按鈕增加乙個恢復到預設的按鈕在多頁面選擇控制項下面

避免只有乙個控制項的頁面

UI互動細節 節選 控制項使用細則

控制項使用細則 按鈕 除主介面外命令按鈕不超過6個 命令按鈕文字簡單明瞭 相同功能的命令按鈕使用同乙個圖示和文字 確認 放棄 關閉 重置 應用 幫助 六個按鈕為標準按鈕應使用標準含義 當確認按鈕代表諸如 列印 搜尋 之類具體功能的時候,使用功能含義代替確認 對話方塊中所有按鈕文字內容長度類似的話採用...

ui 細節歸納

訊息佇列中有多少個訊息可以放,這個訊息佇列定義的是多大?有幾個執行緒 ui開了幾個執行緒 自己寫一遍榮哥的鍊錶,提高一下自己的 水平,按下按鍵後的流程是什麼樣子的 按下按鍵根據的是鍵值還是btn的字元?和btn的字元有關係嗎 陣列和指標的區別,陣列本質上是什麼,是普通變數,陣列名本質上是什麼?是常指...

UI細節歸納

172.16.30.124 ls libbluetooth.la libbluetooth.so.3 libdbus 1.la libdbus 1.so.3 libglib 2.0.la libglib 2.0.so.0 libgmodule 2.0.la libgmodule 2.0.so.0 以...