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