界面設(shè)計(jì)的行業(yè)標(biāo)準(zhǔn)總結(jié)二

一、GUI窗口的標(biāo)準(zhǔn)

窗口是顯示設(shè)備中的一個(gè)區(qū)域，用于觀看對象、對象相關(guān)信息以及應(yīng)用與對象的動(dòng)作進(jìn)行交互。從外觀上來說，通常窗口是由標(biāo)題、邊框、菜單、工作區(qū)、滾動(dòng)條等組成。窗口的標(biāo)題欄可以進(jìn)行打開、關(guān)閉、創(chuàng)建、縮放、移動(dòng)、刪除、重疊等操作

好的GUI窗口應(yīng)該具備以下標(biāo)準(zhǔn)：

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

2.顯示相關(guān)的下拉菜單、工具條、滾動(dòng)條、對話框、按鈕、圖標(biāo)和其他控制，既能正確顯示又能調(diào)用

3.若窗口無法顯示，所有內(nèi)容能夠改變大小、移動(dòng)和滾動(dòng)

4.活動(dòng)窗口能夠反顯加亮

5.窗口能夠正確的關(guān)閉

6.多個(gè)窗口疊加時(shí)窗口的名稱正確顯示

7.窗口的數(shù)據(jù)能夠利用鼠標(biāo)、功能鍵、方向前頭和鍵盤操作

8.當(dāng)窗口被覆蓋并重新調(diào)用后，窗口能夠正確再生

9.如果使用多任務(wù)，所有的窗口能夠被實(shí)時(shí)更新

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

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

12.父窗體支持縮放時(shí)，子窗體也應(yīng)該支持縮放

13. 一個(gè)窗口中按Tab鍵，移動(dòng)聚焦按順序移動(dòng)。先從左至右，再從上到下

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

15.當(dāng)多個(gè)子窗口彈出時(shí)依次向右下方偏移，并且顯示出窗口標(biāo)題，如下圖2-1-3所示

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

17.與正在進(jìn)行的操作無關(guān)的按鈕應(yīng)該加以屏蔽

18.按鈕大小要與界面的大小和空間協(xié)調(diào)

19.窗口中所包含的標(biāo)簽左對齊排列

20.多窗口的切換響應(yīng)時(shí)間不宜過長

二、GUI菜單的標(biāo)準(zhǔn)

菜單是否易用主要體現(xiàn)在它能否提供線索幫助用戶識(shí)別，而不用強(qiáng)迫用戶去記憶，一個(gè)好的菜單設(shè)置可以分為以下幾個(gè)方面：

1.菜單設(shè)置符合軟件的需求

2.菜單項(xiàng)的措詞準(zhǔn)確，能夠表達(dá)出所要進(jìn)行設(shè)置的功能

3.菜單項(xiàng)的順序合理，具有邏輯關(guān)聯(lián)的項(xiàng)目集中放置

4.圖形布局一致

5.菜單設(shè)置在窗體標(biāo)題欄的下方

三、GUI圖標(biāo)的標(biāo)準(zhǔn)

圖標(biāo)是表示實(shí)體信息簡潔、抽象的符號(hào)，它還可以作為可視按鈕項(xiàng)，當(dāng)被選中激活時(shí)，可以完成指定的功能。那么圖標(biāo)的設(shè)計(jì)當(dāng)中應(yīng)該著重考慮哪些問題呢，以下提供幾點(diǎn)可供參考：

1.圖標(biāo)的設(shè)置符合常規(guī)的表達(dá)習(xí)慣

2.不同的目標(biāo)采用不同的圖標(biāo)

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

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

5.圖標(biāo)的外形與實(shí)際功能相似，應(yīng)盡量避免抽象。這樣的圖標(biāo)可以使用戶很輕松、容易地認(rèn)識(shí)圖標(biāo)的作用

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

7.圖標(biāo)放置在菜單欄的下方

四、GUI中控件的標(biāo)準(zhǔn)

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

1.控件元素的間距

a.單個(gè)元素間距

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

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

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

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

b.元素分組間距

* 窗口邊框和內(nèi)容區(qū)域的四周邊距為11px；

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

* 分組框邊框和內(nèi)部內(nèi)容區(qū)域的四周邊距為5px；

* 復(fù)選框組、單選框組的組水平間距為15px

2.按鈕的位置，如下表2-4-1對按鈕擺放位置的規(guī)則做了總結(jié)

五、鼠標(biāo)在GUI中的標(biāo)準(zhǔn)

用戶會(huì)把鼠標(biāo)移進(jìn)、移出窗口，或當(dāng)光標(biāo)在窗口，或當(dāng)光標(biāo)在窗口中，用戶按下、釋放鼠標(biāo)鍵，鼠標(biāo)是否準(zhǔn)確、靈活，對一個(gè)軟件系統(tǒng)來說也很重要。以下幾點(diǎn)標(biāo)準(zhǔn)可作為在軟件系統(tǒng)中鼠標(biāo)設(shè)計(jì)的參考：

1.在整個(gè)交互的過程中，可以識(shí)別鼠標(biāo)操作

2.多次點(diǎn)擊鼠標(biāo)后，仍能夠正確識(shí)別

3.鼠標(biāo)有多個(gè)按鈕的情況下，能夠正確識(shí)別每個(gè)按鈕所要完成的功能

4.光標(biāo)、處理指示器和識(shí)別指針隨操作恰當(dāng)?shù)母淖?/p>

5.點(diǎn)擊選中時(shí)，鼠標(biāo)指針停留在選中內(nèi)容上，而不會(huì)滑動(dòng)

6.支持鼠標(biāo)滑輪上下翻動(dòng)操作

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

8.采用動(dòng)態(tài)圖標(biāo)形象的表示出當(dāng)前的操作，如用水漏表示系統(tǒng)忙，用手型表示可以點(diǎn)擊等

9.鼠標(biāo)無規(guī)則點(diǎn)擊時(shí)不會(huì)產(chǎn)生不良后果

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

11.鼠標(biāo)光標(biāo)樣式統(tǒng)一，盡量使用系統(tǒng)標(biāo)準(zhǔn)，杜絕出現(xiàn)重復(fù)的情況

六、GUI文字的標(biāo)準(zhǔn)

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

1.字體

a.使用統(tǒng)一字體，如規(guī)定軟件系統(tǒng)的中文字體為“宋體”，英文及數(shù)據(jù)采用“Times New Roman”

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

2.文字表達(dá)

提示信息、幫助文檔文字表達(dá)遵循以下準(zhǔn)則：

a.口語化描述，用詞客氣多用您、請，不要用或少用專業(yè)術(shù)語，杜絕錯(cuò)別字

b.標(biāo)點(diǎn)符號(hào)（斷句、逗號(hào)、句號(hào)、頓號(hào)、分號(hào)）的用法要統(tǒng)一， 提示信息比較多的話要進(jìn)行分段

c.警告、信息、錯(cuò)誤 使用對應(yīng)的表示方法

d.使用統(tǒng)一的語言描述，例如一個(gè)關(guān)閉功能按鈕，可以描述為退出、返回、關(guān)閉，則應(yīng)該統(tǒng)一規(guī)定

e.根據(jù)用戶不同采用相應(yīng)的詞語語氣語調(diào)

七、GUI聯(lián)機(jī)幫助的標(biāo)準(zhǔn)

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

* 系統(tǒng)默認(rèn)、行業(yè)標(biāo)準(zhǔn)的控件操作不需要逐一描述，只需要對特殊控件加以描述

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

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

幫助文檔的標(biāo)準(zhǔn)要求：

* 結(jié)構(gòu)化，按功能模塊劃分

* 必須闡述功能通過什么方法可以在軟件中實(shí)現(xiàn)

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

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