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

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

1.規(guī)范性

2.合理性

3.一致性

4.界面定制性

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

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

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

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

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

二、GUI布局的合理性

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

1.界面布局

a.屏幕不能擁擠

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

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

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

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

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

c.有效組合

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

d.窗口縮放時(shí)，控件位置、布局

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

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

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

2.界面顏色搭配

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

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

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

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

c.遵循對(duì)比原則

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

d.整個(gè)界面色彩盡量少的使用類(lèi)別不同的顏色

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

f.針對(duì)色盲、色弱用戶(hù)，可以使用特殊指示符

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

f.針對(duì)色盲、色弱用戶(hù)，可以使用特殊指示符

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

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

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

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

2.界面布局要一致

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

3.界面的外觀要一致

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

4.界面所用顏色要一致

顏色的前后一致會(huì)使整個(gè)應(yīng)用軟件有同樣的觀感，反之會(huì)讓用戶(hù)覺(jué)得所操作的軟件雜亂無(wú)章，沒(méi)有規(guī)則或言。

5.操作方法要一致

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

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

a.不錯(cuò)誤的使用控件

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

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

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

* 分組，使用雙份控件

* 使用Table頁(yè)，給用戶(hù)很明顯的視覺(jué)變化

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

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

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

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

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

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

四、GUI界面操作可定制性

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

1.界面元素可定制

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

2.工具欄可定制

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

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

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

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

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

1. 窗口

2. 菜單

3. 圖標(biāo)

4. 控件

5. 鼠標(biāo)

6. 文字

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