界面設計的行業標準總結二

一、GUI窗口的標準

窗口是顯示設備中的一個區域，用于觀看對象、對象相關信息以及應用與對象的動作進行交互。從外觀上來說，通常窗口是由標題、邊框、菜單、工作區、滾動條等組成。窗口的標題欄可以進行打開、關閉、創建、縮放、移動、刪除、重疊等操作

好的GUI窗口應該具備以下標準：

1.窗口控件的大小、對齊方向、顏色、背景等屬性的設置和程序設計規約相一致

2.顯示相關的下拉菜單、工具條、滾動條、對話框、按鈕、圖標和其他控制，既能正確顯示又能調用

3.若窗口無法顯示，所有內容能夠改變大小、移動和滾動

4.活動窗口能夠反顯加亮

5.窗口能夠正確的關閉

6.多個窗口疊加時窗口的名稱正確顯示

7.窗口的數據能夠利用鼠標、功能鍵、方向前頭和鍵盤操作

8.當窗口被覆蓋并重新調用后，窗口能夠正確再生

9.如果使用多任務，所有的窗口能夠被實時更新

10.窗口支持最小化和最大化或放大

11.窗口上的控件隨著窗體的縮放而縮放

12.父窗體支持縮放時，子窗體也應該支持縮放

13. 一個窗口中按Tab鍵，移動聚焦按順序移動。先從左至右，再從上到下

14.子窗口位置在父窗口的左上角或正中，正上方1/4處為易吸引用戶注意力的位。父窗口或主窗口的中心位置應該在對角線焦點附近，如下圖2-1-2所示

15.當多個子窗口彈出時依次向右下方偏移，并且顯示出窗口標題，如下圖2-1-3所示

16.重要的命令按鈕與使用頻繁的按鈕放在了界面醒目的位置

17.與正在進行的操作無關的按鈕應該加以屏蔽

18.按鈕大小要與界面的大小和空間協調

19.窗口中所包含的標簽左對齊排列

20.多窗口的切換響應時間不宜過長

二、GUI菜單的標準

菜單是否易用主要體現在它能否提供線索幫助用戶識別，而不用強迫用戶去記憶，一個好的菜單設置可以分為以下幾個方面：

1.菜單設置符合軟件的需求

2.菜單項的措詞準確，能夠表達出所要進行設置的功能

3.菜單項的順序合理，具有邏輯關聯的項目集中放置

4.圖形布局一致

5.菜單設置在窗體標題欄的下方

三、GUI圖標的標準

圖標是表示實體信息簡潔、抽象的符號，它還可以作為可視按鈕項，當被選中激活時，可以完成指定的功能。那么圖標的設計當中應該著重考慮哪些問題呢，以下提供幾點可供參考：

1.圖標的設置符合常規的表達習慣

2.不同的目標采用不同的圖標

3.圖標具有清晰的輪廓，輪廓清晰的圖標可保證圖像在不同背景色上都具有較好的效果

4.選擇合適的尺寸來定義圖標。Windows XP系統的圖標有四種尺寸（以像素為單位）可作為參考： 48×48， 32×32，24×24以及16×16，圖標大小的選取決定于工具欄所定義的寬度

5.圖標的外形與實際功能相似，應盡量避免抽象。這樣的圖標可以使用戶很輕松、容易地認識圖標的作用

6.在圖標上加以標注，用來說明圖標所完成的功能

7.圖標放置在菜單欄的下方

四、GUI中控件的標準

軟件系統功能的實現與控件是密不可分的，各控件位置的擺放直接影響到軟件的使用，及其美觀程度。下面舉例說明軟件系統中最常用到的控件對其元素間距、擺放位置進行說明：

1.控件元素的間距

a.單個元素間距

* 輸入框之間垂直間距為5px

* Label文本標簽和輸入元素之間水平間距為8-22px

* 復選框、單選按鈕之間垂直間距為8px

* 多種元素混合垂直排列時，復選框和單選按鈕邊上的間距無論在什么情況下都為8px

b.元素分組間距

* 窗口邊框和內容區域的四周邊距為11px；

* 父組和子組之間的四周間距為10px；

* 分組框邊框和內部內容區域的四周邊距為5px；

* 復選框組、單選框組的組水平間距為15px

2.按鈕的位置，如下表2-4-1對按鈕擺放位置的規則做了總結

五、鼠標在GUI中的標準

用戶會把鼠標移進、移出窗口，或當光標在窗口，或當光標在窗口中，用戶按下、釋放鼠標鍵，鼠標是否準確、靈活，對一個軟件系統來說也很重要。以下幾點標準可作為在軟件系統中鼠標設計的參考：

1.在整個交互的過程中，可以識別鼠標操作

2.多次點擊鼠標后，仍能夠正確識別

3.鼠標有多個按鈕的情況下，能夠正確識別每個按鈕所要完成的功能

4.光標、處理指示器和識別指針隨操作恰當的改變

5.點擊選中時，鼠標指針停留在選中內容上，而不會滑動

6.支持鼠標滑輪上下翻動操作

7.對于相同種類的元素采用相同的操作激活

8.采用動態圖標形象的表示出當前的操作，如用水漏表示系統忙，用手型表示可以點擊等

9.鼠標無規則點擊時不會產生不良后果

10.單擊鼠標右鍵彈出快捷菜單，取消右鍵后該菜單隱藏

11.鼠標光標樣式統一，盡量使用系統標準，杜絕出現重復的情況

六、GUI文字的標準

文字在視覺上向用戶傳達各種信息，界面文字包括界面文字的字體和界面文字的用語兩個方面，那這兩方面都有哪些要求呢？以下分別闡述。

1.字體

a.使用統一字體，如規定軟件系統的中文字體為“宋體”，英文及數據采用“Times New Roman”

b.所有控件、描述信息盡量使用大小統一的字體屬性，除了特殊提示信息、加強顯示等例外情況

2.文字表達

提示信息、幫助文檔文字表達遵循以下準則：

a.口語化描述，用詞客氣多用您、請，不要用或少用專業術語，杜絕錯別字

b.標點符號（斷句、逗號、句號、頓號、分號）的用法要統一， 提示信息比較多的話要進行分段

c.警告、信息、錯誤 使用對應的表示方法

d.使用統一的語言描述，例如一個關閉功能按鈕，可以描述為退出、返回、關閉，則應該統一規定

e.根據用戶不同采用相應的詞語語氣語調

七、GUI聯機幫助的標準

幫助文檔適用于以下三種情況：

* 系統默認、行業標準的控件操作不需要逐一描述，只需要對特殊控件加以描述

* 特殊操作、特殊功能界面，在界面上加控件直接連接到對應的幫助文件中

* 特殊設置的詳細信息，除了應該在界面上用簡潔明了的語句說明外，還可以在界面上加控件直接連接到對應的幫助文件中

幫助文檔的標準要求：

* 結構化，按功能模塊劃分

* 必須闡述功能通過什么方法可以在軟件中實現

* 措詞恰當、簡捷、通俗易懂，明了的幫助用戶解決問題

* 不在幫助文檔中做廣告宣傳