【文章內(nèi)容簡(jiǎn)介】 類描述信息的標(biāo)題行定為居中，那么其他類似的功能也應(yīng)該與此一致。 如 Tab 鍵的習(xí)慣用法是閱讀順序從從左到右，從上到下。在定義軟件快捷鍵時(shí)也可以將現(xiàn)有一些快捷鍵的屬性作為參考，如表 131（見附件）列出了常用的快捷鍵及其功能。 四、 GUI界面操作可定制性 界面的可定制性大致可分為以下幾個(gè)特性： 允許用戶定義工具欄、狀態(tài)欄是否顯示，工具欄顯示在界面上的位置；允許用戶定義菜單的位置等。 不同用戶對(duì)常用工具的使用是不同的，因此允許用戶建立新的工具欄，選擇要顯示的工具欄，定制工具欄上的按鈕等功能在軟件系統(tǒng)中經(jīng)常被用到 對(duì)于某些特殊行業(yè)的軟件可以提供統(tǒng)計(jì)檢索的可定制性，在充分了解用戶需求的基礎(chǔ)上制定大量的安全供用戶選擇 GUI所包含各類元素標(biāo)準(zhǔn)的定制 GUI的元素大致可分為以下幾個(gè)方面： 1. 窗口 2. 菜單 3. 圖標(biāo) 4. 控件 5. 鼠標(biāo) 6. 文字 7. 聯(lián)機(jī)幫助 一、 GUI窗口的標(biāo)準(zhǔn) 窗口是顯示設(shè)備中的一個(gè)區(qū)域，用于觀看對(duì)象、對(duì)象相關(guān)信息以及應(yīng)用與對(duì)象的動(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)： 、對(duì)齊方向、顏色、背景等屬性的設(shè)置和程序設(shè)計(jì)規(guī)約相一致 、工具條、滾動(dòng)條、對(duì)話框、按鈕、圖標(biāo) 和其他控制，既能正確顯示又能調(diào)用 ，所有內(nèi)容能夠改變大小、移動(dòng)和滾動(dòng) 、功能鍵、方向前頭和鍵盤操作 ，窗口能夠正確再生 ，所有的窗口能夠被實(shí)時(shí)更新 ，子窗體也應(yīng)該支持縮放 13. 一個(gè)窗口中按 Tab 鍵，移動(dòng)聚焦按順序移動(dòng)。先從左至右，再從上到下 ，正上方 1/4 處為易吸引用戶注意力的位。父窗口或主窗口的中心位置應(yīng)該在對(duì)角線焦點(diǎn)附近，如下圖 212 所示 ，并且顯示出窗口標(biāo)題，如下圖 213 所示 排列 二、 GUI菜單的標(biāo)準(zhǔn) 菜單是否易用主要體現(xiàn)在它能否提供線索幫助用戶識(shí)別，而不用強(qiáng)迫用戶去記憶，一個(gè)好的菜單設(shè)置可以分為以下幾個(gè)方面： ，能夠表達(dá)出所要進(jìn)行設(shè)置的功能 ，具有邏輯關(guān)聯(lián)的項(xiàng)目集中放置 三、 GUI圖標(biāo)的標(biāo)準(zhǔn) 圖標(biāo)是表示實(shí)體信息簡(jiǎn)潔、抽象的符號(hào)，它還可以作為可視按鈕項(xiàng)，當(dāng)被選中激活時(shí)，可以 完成指定的功能。那么圖標(biāo)的設(shè)計(jì)當(dāng)中應(yīng)該著重考慮哪些問題呢，以下提供幾點(diǎn)可供參考： ，輪廓清晰的圖標(biāo)可保證圖像在不同背景色上都具有較好的效果 。 Windows XP 系統(tǒng)的圖標(biāo)有四種尺寸（以像素為單位）可作為參考： 4848， 3232， 2424以及 1616，圖標(biāo)大小的選取決定于工具欄所定義的寬度 ，應(yīng)盡量避免抽象。這樣的圖標(biāo)可以使用 戶很輕松、容易地認(rèn)識(shí)圖標(biāo)的作用 ，用來說明圖標(biāo)所完成的功能 四、 GUI中控件的標(biāo)準(zhǔn) 軟件系統(tǒng)功能的實(shí)現(xiàn)與控件是密不可分的，各控件位置的擺放直接影響到軟件的使用，及其美觀程度。下面舉例說明軟件系統(tǒng)中最常用到的控件對(duì)其元素間距、擺放位置進(jìn)行說明： l 輸入框之間垂直間距為 5px l Label 文本標(biāo)簽和輸入元素之間水平間距為 822px l 復(fù)選框、單選按鈕之間垂直間距為 8px l 多種元素混合垂直排列時(shí)，復(fù)選框和單選按鈕邊上的間距無論在什么情況下都為8px l 窗口邊框和內(nèi)容區(qū)域的四周邊距為 11px； l 父組和子組之間的四周間距為 10px； l 分組框邊框和內(nèi)部?jī)?nèi)容區(qū)域的四周邊距為 5px； l 復(fù)選框組、單選框組的組水平間距為 15px ，如下表 241 對(duì)按鈕擺放位置的規(guī)則做了總結(jié) 指向?qū)ο? 對(duì)象舉例 按鈕位置 單個(gè)對(duì)象 輸入框 按鈕僅靠在輸入框的右邊 多個(gè)對(duì)象 界面元素組 按鈕與最底部的對(duì)象左對(duì)齊，如果空間允許則僅靠在最底部對(duì)象的右邊 窗口區(qū)域，頁簽面板，分組框 分組框 按鈕位于分組框左下角，并和分組框內(nèi)其它元素左對(duì)齊 表格，網(wǎng)格 表格 按鈕 位于表格下方，并和表格左對(duì)齊 五、鼠標(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)確、靈活，對(duì)一個(gè)軟件系統(tǒng)來說也很重要。以下幾點(diǎn)標(biāo)準(zhǔn)可作為在軟件系統(tǒng)中鼠標(biāo)設(shè)計(jì)的參考： 過程中，可以識(shí)別鼠標(biāo)操作 ，仍能夠正確識(shí)別 ，能夠正確識(shí)別每個(gè)按鈕所要完成的功能 、處理指示器和識(shí)別指針隨操作恰當(dāng)?shù)母淖? ，鼠標(biāo)指針停留在選中內(nèi)容上，而不會(huì)滑動(dòng) ，如用水漏表示系統(tǒng)忙，用手型表示可以點(diǎn)擊等 ，取消右 鍵后該菜單隱藏 ，盡量使用系統(tǒng)標(biāo)準(zhǔn)，杜絕出現(xiàn)重復(fù)的情況 六、 GUI文字的標(biāo)準(zhǔn) 文字在視覺上向用戶傳達(dá)各種信息，界面文字包括界面文字的字體和界面文字的用語兩個(gè)方面，那這兩方面都有哪些要求呢？以下分別闡述。 ，如規(guī)定軟件系統(tǒng)的中文字體為 “宋體 ”，英文及數(shù)據(jù)采用 “Times New Roman” 、描述信息盡量使用大小統(tǒng)一的字體屬性，除了特殊提示信息、加強(qiáng)顯示等例外情況 提示信息、幫助文檔文字表達(dá) 遵循以下準(zhǔn)則： ，用詞客氣多用您、請(qǐng)，不要用或少用專業(yè)術(shù)語，杜絕錯(cuò)別字 （斷句、逗號(hào)、句號(hào)、頓號(hào)、分號(hào)）的用法要統(tǒng)一， 提示信息比較多的話要進(jìn)行分段 、信息、錯(cuò)誤 使用對(duì)應(yīng)的表示方法 ，例如一個(gè)關(guān)閉功能按鈕，可以描述為退出、返回、關(guān)閉，則應(yīng)該統(tǒng)一規(guī)定 七、 GUI聯(lián)機(jī)幫助的標(biāo)準(zhǔn) 幫助文檔適用于以下三種情況： l 系統(tǒng)默認(rèn)、行業(yè)標(biāo)準(zhǔn)的控件操作不需要逐一描述，只需要對(duì)特殊控 件加以描述 l 特殊操作、特殊功能界面，在界面上加控件直接連接到對(duì)應(yīng)的幫助文件中 l 特殊設(shè)置的詳細(xì)信息，除了應(yīng)該在界面上用簡(jiǎn)潔明了的語句說明外，還可以在界面上加控件直接連接到對(duì)應(yīng)的幫助文件中 幫助文檔的標(biāo)準(zhǔn)要求： l 結(jié)構(gòu)化，按功能模塊劃分 l 必須闡述功能通過什么方法可以在軟件中實(shí)現(xiàn) l 措詞恰當(dāng)、簡(jiǎn)捷、通俗易懂，明了的幫助用戶解決問題 l 不在幫助文檔中做廣告宣傳 界面設(shè)計(jì)的行業(yè)標(biāo)準(zhǔn)總結(jié) 報(bào)表的規(guī)范 報(bào)表是軟件對(duì)用戶輸出的重要 方式，報(bào)表的制定也要有一定的規(guī)范，以下幾點(diǎn)標(biāo)準(zhǔn)可作為在軟件系統(tǒng)中報(bào)表設(shè)計(jì)的參考： 、結(jié)構(gòu)合理、分類明確，能夠清晰的表達(dá)報(bào)表中所要體現(xiàn)的內(nèi)容 、字體大小、字體顏色要一致 如報(bào)表標(biāo)題為楷體 _GB2312 字 18號(hào)字粗體，表前字段為宋體 號(hào)字，表中標(biāo)題列、行為宋體 號(hào)字粗體，表中其他字段為宋體 號(hào)字，表后字段為宋體 號(hào)字，且上述字體顏色均為黑色 ，不存在線短或線過長(zhǎng)的情況 如要求報(bào)表的邊框線為 磅黑色雙線，表格中線條為 磅黑色單線等 如報(bào)表名稱在報(bào)表表格橫向距離居中的位置，表前字段與表格左對(duì)齊，表中標(biāo)題要求水平居中，報(bào)表中為字符型的字段內(nèi)容為水平居中，數(shù)值型的字段內(nèi)容為中部右對(duì)齊，備注等表述為說明的字段可采用中部?jī)啥藢?duì)齊的方式，表后字段左與表格對(duì)齊 例如軟件系統(tǒng)會(huì)有報(bào)表導(dǎo)出的功能，報(bào)表導(dǎo)出為各種格式（ .doc、 .excel、 .pdf、 .rpt等格式）后其形式、內(nèi)容要統(tǒng)一，不會(huì)因?yàn)楦袷降牟煌箞?bào)表發(fā)生失真的現(xiàn)象 也就是說報(bào)表的水平距離不應(yīng)過大，而產(chǎn)生換行顯示的現(xiàn)象，這類報(bào)表在導(dǎo)出為 .doc格式的時(shí)候往往會(huì)產(chǎn)生報(bào)表格式失真或數(shù)據(jù)丟失的情況 ，打印輸出后的報(bào)表不產(chǎn)生失真 人機(jī)界面設(shè)計(jì)方法 控制臺(tái)人機(jī)界面選用非標(biāo)準(zhǔn) Windows 風(fēng)格，以實(shí)現(xiàn)用戶個(gè)性化的要求。但考慮到大多數(shù)用戶對(duì)于標(biāo)準(zhǔn)Windows 系統(tǒng)較熟悉，在界面設(shè)計(jì)中盡量兼容標(biāo) 準(zhǔn) Windows 界面的特征。界面使用的功能按鈕選用 MFC類庫提供的 CBmpButton 類動(dòng)態(tài)創(chuàng)建自定義位圖圖標(biāo)的按鈕。因?yàn)槲粓D按鈕可在操作中實(shí)現(xiàn)高亮度、突起、凹陷等效果，使界面表現(xiàn)形式更靈活，同時(shí)可以方便用戶對(duì)控件的識(shí)別。但是，界面里使用的對(duì)話框、編輯框、組合框等都選用 Windows 標(biāo)準(zhǔn)控件，對(duì)話框中的按鈕也使用標(biāo)準(zhǔn)按鈕?？丶拇笮『烷g距盡量符合 Windows 界面推薦值的要求。 界面默認(rèn)窗體的顏色是亮灰色。因?yàn)榛疑{(diào)在不同的光照條件下容易被識(shí)別，且避免了色盲用戶在使用窗體時(shí)帶來的不便。為了區(qū)分輸入和輸出 ，供用戶輸入的區(qū)域使用白色作為底色，能使用戶容易看到這是窗體的活動(dòng)區(qū)域；顯示區(qū)域設(shè)為灰色（或窗體顏色），目的是告訴用戶那是不可編輯區(qū)域。窗體中所有的控件依據(jù) Windows 界面設(shè)計(jì)標(biāo)準(zhǔn)采用左對(duì)齊的排列方式。對(duì)于不同位置上多組控件，各組也是左對(duì)齊排列的。 圖 1 典型的工控界 2．系統(tǒng)界面布局分析 人 機(jī)界面的布局設(shè)計(jì)根據(jù)人體工程學(xué)的要求應(yīng)該實(shí)現(xiàn)簡(jiǎn)潔、平衡和風(fēng)格一致。典型的工控界面分為 3部分：標(biāo)題菜單部分、圖形顯示區(qū)以及按鈕部分，如圖 1 所示。該界面界面美觀，在屏幕上的對(duì)象左右達(dá)到平衡、不堆擠在某一處，無雜亂無章的感覺。數(shù)據(jù)的過分擁擠會(huì)產(chǎn)生視覺疲勞和接收錯(cuò)誤。界面的平衡原則推薦顯示屏幕總體性覆蓋度不超過 40％，而分組中屏幕覆蓋度不超過 20％?？刂婆_(tái)人機(jī)界面中包含著大量的圖形顯示信息，因此將圖形顯示區(qū)布置在屏幕長(zhǎng)寬各占屏幕 70％左右的范圍內(nèi)，以保證顯示信息的清晰和全面?？刂瓢粹o組布置在顯示區(qū)的右側(cè)，一方面是考 慮到絕大多數(shù)操作者是右手操作用戶，按鈕區(qū)布置在最右側(cè)更加方便；另一方面是根據(jù)界面布局的主次原則，把用戶注意力最集中的左上區(qū)域留給圖形顯示區(qū)。 根據(jù)一致性原則，保證屏幕上所有對(duì)象，如窗口、按鈕、萊單等風(fēng)格的一致。各級(jí)按鈕的大小、凹凸效果和標(biāo)注字體、字號(hào)都保持一致，按鈕的顏色和界面底色保持一致。 3．打開界面的結(jié)構(gòu)體系 選擇界面的概念取決于多個(gè)界面。可將界面設(shè)計(jì)為循環(huán)或 FIFO 緩沖器，如圖 2 所示。 圖 2 打開畫面的結(jié)構(gòu)體系 如果運(yùn)行大量界面，必須設(shè)計(jì)一個(gè)合理的結(jié)構(gòu)體系來打開界面。選擇簡(jiǎn)單而永久的結(jié)構(gòu)以便操作員能夠快速了解如何打開界面。 用戶一次處理的信息量是有限的，所以大量信息堆積在屏幕上會(huì)影響界面的友 好性。為了在提供足夠的信息量的同時(shí)保證界面的簡(jiǎn)明，在設(shè)計(jì)上采用了控件分級(jí)和分層的布置方式。分級(jí)是指把控件按功能劃分成多個(gè)組，每一組按照其邏輯關(guān)系細(xì)化成多個(gè)級(jí)別。用一級(jí)按鈕控制二級(jí)按鈕的彈出和隱藏保證了界面的簡(jiǎn)潔。分層是把不同級(jí)別的按鈕縱向展開在不同的區(qū)域，區(qū)域之間有明顯的分界線。在使用某個(gè)按鈕彈出下級(jí)按鈕的同時(shí)對(duì)其他同級(jí)的按鈕實(shí)現(xiàn)隱藏，使邏輯關(guān)系更清晰。 通常要由 3 個(gè)層面組成。層面 1 是總覽界面。該層面要包含不同系統(tǒng)部分在系統(tǒng)所顯示的信息，以及如何使這些系統(tǒng)部分協(xié)同工作。層面 2 是過程界面。該層面包含指定過程部分的詳細(xì)信息，并顯示哪個(gè)設(shè)備對(duì)象屬于該過程部分。該層面還顯示了報(bào)警對(duì)應(yīng)的設(shè)各對(duì)象。層面 3 是詳細(xì)界面。該層面提供各個(gè)設(shè)備對(duì)象的信息 ，例如控制器、控制閥、控制電機(jī)等，并顯示消息、狀 態(tài)和過程值。如果合適的話，還包含與其他設(shè)備對(duì)象工作有關(guān)的信息。 4．文字的應(yīng)用 界面設(shè)計(jì)中常用字體有中文的宋體、楷體，英文的扭鍆等，因?yàn)檫@些字體容易辨認(rèn)、可讀性好考慮到一致性，控制臺(tái)軟件界面所有的文本都選用中文宋體，文字的大小根據(jù)控件的尺寸選用了大小兩種字號(hào)，使顯示信息清晰并保證風(fēng)格統(tǒng)一。 人體工程學(xué)要求界面的文本用語簡(jiǎn)潔，盡量用肯定句和主動(dòng)語態(tài)，英文詞語避免縮寫。控制臺(tái)人機(jī)界面中應(yīng)用的文本有兩類：標(biāo)注文本和交互文本。標(biāo)注文本是寫在按鈕等控件上，表示控件功能的文字，所以盡量使用了描述操作的動(dòng)詞如 “設(shè)各操作 ”、 “系統(tǒng)設(shè)置 ”等。交互文本是人與計(jì)算機(jī)以及計(jì)算機(jī)與總控制臺(tái)等系統(tǒng)交互信息所需要的文本，包括輸人文本和輸出文本。交互文本使用的語句為了在簡(jiǎn)潔的同時(shí)表達(dá)清晰，盡量采用用戶熟悉的句子和禮貌的表達(dá)方式如 “請(qǐng)檢查交流電壓 ”、 “系統(tǒng)警告裝置鎖定 ”。對(duì)于信｀