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

GUI的整體標(biāo)準(zhǔn)包括以下四個方面：

1.規(guī)范性

2.合理性

3.一致性

4.界面定制性

一、GUI設(shè)計的規(guī)范

遵循一致的準(zhǔn)則，確立標(biāo)準(zhǔn)并遵循，是軟件界面設(shè)計中必不可必的環(huán)節(jié)。確立界面標(biāo)準(zhǔn)的好處：

1.便于用戶操作：戶使用起來能夠建立起精確的心里模型，使用熟練了一個界面后，切換到另外一個界面能夠很輕松的推測出各種功能

2.使用戶感覺到統(tǒng)一、規(guī)范，在使用軟件的過程中愉快輕松的完成操作，提高對軟件的認(rèn)知

3.降低培訓(xùn)、支持成本，不必花費(fèi)較多的人力對客戶進(jìn)行逐個指導(dǎo)

二、GUI布局的合理性

界面的合理性是指界面是否與軟件功能相融洽，界面的顏色和布局是否協(xié)調(diào)等。例如：

1.界面布局

a.屏幕不能擁擠

* Mayhew在1992年的試驗(yàn)結(jié)果表明屏幕總體覆蓋度不應(yīng)該超過40％，而分組覆蓋度不應(yīng)該超過62％。

* 整個項(xiàng)目，采用統(tǒng)一的控件間距，通過調(diào)整窗體大小達(dá)到一致，即使在窗體大小不變的情況下，寧可留空部分區(qū)域，也不要破壞控件間的行間距。

b.控件按區(qū)域排列

* 一行控件縱向中對齊， 控件間距基本保持一致，行與行之間間距相同，靠窗體的控件距窗體邊緣的距離應(yīng)大于行間距。

* 當(dāng)屏幕有多個編輯區(qū)域，要以視覺效果和效率來組織這些區(qū)域

c.有效組合

邏輯上相關(guān)聯(lián)的控件應(yīng)當(dāng)加以組合以表示其關(guān)聯(lián)性，反之，任何不相關(guān)的項(xiàng)目應(yīng)當(dāng)分隔開。在項(xiàng)目集合間用間隔對其進(jìn)行分組，或者使用方框劃分各自區(qū)域

d.窗口縮放時，控件位置、布局

* 固定窗口大小，不允許改變尺寸

* 改變尺寸的窗口，在窗口尺寸發(fā)生變化時控件的位置、大小做出相應(yīng)的改變

* 改變尺寸的窗口，在窗口改變尺寸時增加相應(yīng)在的縱向、橫向滾動條，以方便用戶使用窗體上的控件

2.界面顏色搭配

使用恰當(dāng)?shù)念伾?，可以使軟件的界面看起來更加?guī)范：

a.統(tǒng)一色調(diào)

針對軟件類型以及用戶工作環(huán)境選擇恰當(dāng)色調(diào)，如：安全軟件，根據(jù)工業(yè)標(biāo)準(zhǔn)，可以選取黃色。綠色體現(xiàn)環(huán)保，藍(lán)色表現(xiàn)時尚清新、紫色表現(xiàn)浪漫等等，淡色可以使人舒適，暗色做背景使人不覺得累等。

b.與操作系統(tǒng)統(tǒng)一，讀取系統(tǒng)標(biāo)準(zhǔn)色表

c.遵循對比原則

在淺色背景上使用深色文字，深色背景上使用淺色文字，如藍(lán)色文字以白色背景容易識別，而在紅色背景則不易分辨。除非特殊場合，杜絕使用對比強(qiáng)烈，讓人產(chǎn)生憎惡感的顏色

d.整個界面色彩盡量少的使用類別不同的顏色

e.顏色方案也許會因?yàn)轱@示器、顯卡、操作系統(tǒng)等原因顯示出不同的色彩

f.針對色盲、色弱用戶，可以使用特殊指示符

e.顏色方案也許會因?yàn)轱@示器、顯卡、操作系統(tǒng)等原因顯示出不同的色彩

f.針對色盲、色弱用戶，可以使用特殊指示符

三、GUI風(fēng)格的一致性

界面的一致性既包括使用標(biāo)準(zhǔn)的控件，也指相同的信息表現(xiàn)方法，如在字體、標(biāo)簽風(fēng)格、顏色、術(shù)語、顯示錯誤信息等方面確保一致。

1.在不同分辨率下的美觀程度

軟件界面要有一個默認(rèn)的分辨率，而在其他分辨率下也可以運(yùn)行，分別在800×600，1024×768，1280×768，1280×1024，1200×1600分辨率下的大字體、小字體下的界面表現(xiàn)。

2.界面布局要一致

如所有窗口按鈕的位置和對齊方式要保持一致。

3.界面的外觀要一致

如控件的大小、顏色、背景和顯示信息等屬性要一致，一些需要特殊處理或有特殊要求的地方除外。

4.界面所用顏色要一致

顏色的前后一致會使整個應(yīng)用軟件有同樣的觀感，反之會讓用戶覺得所操作的軟件雜亂無章，沒有規(guī)則或言。

5.操作方法要一致

如雙擊其中的項(xiàng)，觸發(fā)某事件，那么雙擊任何其他列表框中的項(xiàng)，都應(yīng)該有同樣的事件發(fā)生。

6.控件風(fēng)格、控件功能要專一

a.不錯誤的使用控件

例如使用Button樣式做Table的功能，拿主菜單條顯示版權(quán)信息等

b.一個控件只做單一功能，不復(fù)用

如果在特殊情況下出現(xiàn)復(fù)用的時候，可采用以下兩種方法解決：

* 分組，使用雙份控件

* 使用Table頁，給用戶很明顯的視覺變化

7.標(biāo)簽和訊息的措詞要一致

如在提示、菜單和幫助中產(chǎn)生相同的術(shù)語。

8.標(biāo)簽中文字信息的對齊方式要一致

如某類描述信息的標(biāo)題行定為居中，那么其他類似的功能也應(yīng)該與此一致。

9.快捷鍵在各個配置項(xiàng)上語義保持一致

如Tab鍵的習(xí)慣用法是閱讀順序從從左到右，從上到下。在定義軟件快捷鍵時也可以將現(xiàn)有一些快捷鍵的屬性作為參考，如表1-3-1（見附件）列出了常用的快捷鍵及其功能。

四、GUI界面操作可定制性

界面的可定制性大致可分為以下幾個特性：

1.界面元素可定制

允許用戶定義工具欄、狀態(tài)欄是否顯示，工具欄顯示在界面上的位置；允許用戶定義菜單的位置等。

2.工具欄可定制

不同用戶對常用工具的使用是不同的，因此允許用戶建立新的工具欄，選擇要顯示的工具欄，定制工具欄上的按鈕等功能在軟件系統(tǒng)中經(jīng)常被用到

3.統(tǒng)計檢索可定制

對于某些特殊行業(yè)的軟件可以提供統(tǒng)計檢索的可定制性，在充分了解用戶需求的基礎(chǔ)上制定大量的安全供用戶選擇。

GUI所包含各類元素標(biāo)準(zhǔn)的定制

GUI的元素大致可分為以下幾個方面：

1. 窗口

2. 菜單

3. 圖標(biāo)

4. 控件

5. 鼠標(biāo)

6. 文字

7. 聯(lián)機(jī)幫助