【正文】 全局快捷鍵菜單中加以描述 CTRL+XXX 并入幫助列表。 九： (ShortcutKey amp。 八： (TAB orDER)TAB 順序 習慣用法，閱讀順序，從從左到右，從上到下。 大部分控件 有屬性 Anchors，里面上下左右 akLeft, akTop 等如果為 true，則表示相對各個邊緣的距離是否改變。 5：窗口縮放時，控件位置、布局： 為了使界面不出現(xiàn)跑版或者難看的局面，解決方法： 1：固定窗口大小，不允許改變尺寸， 2：改變尺寸的窗口，在 Onsize 的時候做控件位置、大小的相應(yīng)改變。 例如：以下界面，選擇搜索方式來判斷號碼范圍是表示主叫號碼范圍還是被叫號碼范圍，和入帳方式無關(guān)， 則應(yīng)該修改為： 搜索方式和入帳方式調(diào)換位置。 例如金額等字符穿應(yīng)根據(jù)小數(shù)點對齊，或者右對齊。 縱向控件寬度盡量保持相通。 當屏幕有多個編輯區(qū)域，要 以視覺效果和效率來組織這些區(qū)域。 2：區(qū)域排列 一行控件，縱向中對齊 , 控件間距基本保持一致。 讓人看上去，不能太擁擠，也不能太松散。 七： (ALIGN)控件布局，窗口不擁擠，按功能組合控件 1：屏幕 不能擁擠 擁擠的屏幕讓人難以理解，因而難以使用。 例如： 改變紅色選項，左邊的參數(shù)代表不同的設(shè)置，可能由于為了節(jié)省控件或者編程量，但是只有熟練用戶才回使用，這種情況下解決方法： 1:分組，使用雙份控件。 一個控件只做單一功能，不復(fù)用。 不要錯誤使用控件，例如： 使用 Button 樣式做 TTable 的功能，拿主菜單條顯示版權(quán)信息。制定標準遵循之。 4：使用統(tǒng)一的語言描述，例如一個關(guān)閉功能按鈕，可以描述為退出、返回、關(guān)閉，則應(yīng)該 統(tǒng)一規(guī)定。 2：斷句逗號句號頓號分號的用法， \r\n 提示信息比較多的話，應(yīng)該分段。 BCB/DELPHI 中多采用這種方法，但是必然結(jié)果是和系統(tǒng)不統(tǒng)一。 這個情況下，應(yīng)該做相應(yīng)處理： 1：寫程序自動調(diào)節(jié)大小，點陣值乘以一個相應(yīng)比例。 Windows 系統(tǒng)有個桌面設(shè)置，設(shè)置大字體屬性，很多界面設(shè)計者常常為這個惱火，如果設(shè)計時遵循微軟的標準，全部使用相對大小作為控件的大小設(shè)置，當 切換大小字體的時候，相對不會有什么特殊問題。 ITop 采用 BCB，所有控件默認使用 parent font，不允許修改，這樣有利于統(tǒng)一調(diào)整。 字體大小根據(jù)系統(tǒng)標準字體來，例如 MSS 字體 8 磅，宋體的小五號字 (9磅 )五號字（ 磅）。 如：《如何創(chuàng)建 XP 圖標》 附件： Itop outlook 描述 itop 項目中， outlookxp 風格圖標的制作方法 四： (Font)字體 使用統(tǒng)一字體，字體標準的選擇依據(jù)操作系統(tǒng)類型決定。 4：圖標、圖像應(yīng)該很清晰的表達出意思，遵循常用標準，或者用戶機器容易聯(lián)想的到物件，絕對不允許畫出默認奇妙的圖案。 2：有標準的圖標風格設(shè)計，有統(tǒng)一的構(gòu)圖布局，有統(tǒng)一的色調(diào)、對比度、色階，以及圖片風格。 三： (Resource)資源 一個多姿多彩的人機交互界面，少不了精美的鼠標光標、圖標以及指示圖片、底圖等。 itop 色表 具體標準參考美術(shù) 學統(tǒng)計學術(shù)標準。除非特殊場合，杜絕使用對比強烈，讓人產(chǎn)生憎惡感的顏色。 4：顏色方案也需要測試，常常由于顯示器、顯卡的問題，色彩表現(xiàn)每臺機器都不一樣，應(yīng)該經(jīng)過嚴格測試，不同機器進行顏色測試。 2：如果沒有自己的系列界面，采用標準界面則可以少考慮此方面，做到與操作系統(tǒng)統(tǒng)一，讀取系統(tǒng)標準色表。 SQA 人員進行監(jiān)控開發(fā)人員是否遵循，及時告誡開發(fā)人員。 建立合理化文檔《 UI 標準》描述上述規(guī)范。 界面實施人員與美工商榷控件可實現(xiàn)性 ,(如不實行此步驟，將會導(dǎo)致各自對對方工作不滿意，也會產(chǎn)生不一致的混亂 )。 參考其他軟件先進操作，提取對本項目有用的功能，以使用，絕對不能盲從，漫無目的。 參考標準界面使用規(guī)范： 控件功能遵循行業(yè)標準， windows 平臺參見《 Microsoft 用戶體驗》 (MSDN中有，中文已經(jīng)翻譯發(fā)行，項目組必須有一本 )。 做法： 項目組有經(jīng)驗人士，確立 UI 規(guī)范： 美工提供色調(diào)配色方案，提供整體配色表。 2：降低培訓(xùn)、支持成本，支持人員不會行費力逐個指導(dǎo)。 界面設(shè)計注意事項 一：遵循一致的準則，確立標準并遵循 無論是控件使用，提示信息措辭，還是顏色、窗口布局風格，遵循統(tǒng)一的標準，做到真正的一致。 （ 10）設(shè)置系統(tǒng)安全運行保護措施。為此連鎖控制和保護診斷輸人應(yīng)在交互界面設(shè)計中得到重要體現(xiàn)。 （ 9）設(shè)置安全操作保護措施。在實際設(shè)各運行過程中，通常會出現(xiàn)的一種矛盾情況是：熟練操作人員（如崗位操作手）希望用多種控制語言輸人方式，以求快捷和及時，而其他技術(shù)人員（ 如監(jiān)管人員、維護人員或崗位新手）希望多用圖標對話方式，以求直觀方便和減少記憶指令。 （ 7）對于突發(fā)事件設(shè)置界面顯示或提示優(yōu)先權(quán)，宜采用受事件激發(fā)彈出式對話窗口界面的交互方式，事件解決優(yōu)先權(quán)的設(shè)置結(jié)合工藝重要性要求和順序進行?，F(xiàn)場控制的實時性要求很高，二級菜單不利于提高系統(tǒng)響應(yīng)速率。對象的動態(tài)變化重要參數(shù)和實時采集的數(shù)據(jù)信息，宜以圖表的形式顯示在界面上，以便于直觀地實時監(jiān)視和控制。必要時屏蔽和捆綁一些在運行操作時進行的參數(shù)傳遞和對話細節(jié)，而在維護或診斷時可根據(jù)一定步驟解開或細查這些參數(shù)和對話細節(jié)。簡化人機交互對話步驟，如默認一些正常運行時的常用參數(shù)值。 （ 4）將用戶界面操作化繁為簡。發(fā)現(xiàn) 錯誤后，在界面上顯示警告但應(yīng)用系統(tǒng)的狀態(tài)不發(fā)生變化，或者系統(tǒng)要提供錯誤恢復(fù)的指導(dǎo)。由于操作者的個人原因，經(jīng)常會產(chǎn)生誤操作。提示標簽用 MFC 類庫提供的 ToolT－ ip 類實現(xiàn)。操作提示常用的方式是提示標簽，即當鼠標移到某個按鈕或其他控件上時，彈出小提示框?qū)υ摽丶墓δ苓M行簡要描述?？旖萱I依靠相對位置和區(qū)域的底色和其他控制按鈕區(qū)分開。 （ 1）設(shè)置快捷鍵?？刂婆_人機界面通過可 視化技術(shù)將各種數(shù)據(jù)轉(zhuǎn)換成圖形、圖像信息顯示在圖形區(qū)域。 （ 3）避免不兼容的顏色放在一起（如黃與藍，紅與綠等），除非作對比時用。 （ 2）界面中活動對象顏色應(yīng)鮮明，而非活動對象應(yīng)暗淡，對象顏色應(yīng)不同，前景色宜鮮艷一些，背景則應(yīng)暗淡。因此提示和警告等信息的標志宜采用紅色、黃色。藍色和灰色是人眼不敏感的色彩，無論處在視覺的中間還是邊緣位置，眼睛對它的敏感程度是相同的，作為人機界面的底色調(diào)是非常合適的。例如：前景顏色要鮮明一些使用戶容易識別，而背景顏色要暗淡一些以避免對眼睛的刺激。不同色彩給人的生理和心理的感覺是不同的，所以色彩選擇是否合理也會對操作者的工作效率產(chǎn)生影響。 人機界面設(shè)計中色彩的選擇也是非常重要的。交互文本使用的語句為了在簡潔的同時表達清晰，盡量采用用戶熟悉的句子和禮貌的表達方式如 “請檢查交流電壓 ”、 “系統(tǒng)警告裝置鎖定 ”。標注文本是寫在按鈕等控件上， 表示控件功能的文字，所以盡量使用了描述操作的動詞如 “設(shè)各操作 ”、 “系統(tǒng)設(shè)置 ”等。 人體工程學要求界面的文本用語簡潔，盡量用肯定句和主動語態(tài)，英文詞語避免縮寫。如果合適的話，還包含與其他設(shè)備對象工作有關(guān)的信息。層面 3 是詳細界面。該層面包含指定過程部分的詳細信息，并顯示哪個設(shè)備對象屬于該過程部分。該層面要包含不同系統(tǒng)部分在系統(tǒng)所顯示的信息，以及如何使這些系統(tǒng)部分協(xié)同工作。 通常要由 3 個層面組成。分層是把不同級別的按鈕縱向展開在不同的區(qū)域，區(qū)域之間有明顯的分界線。分級是指把控件按功能劃分成多個組，每一組按 照其邏輯關(guān)系細化成多個級別。 用戶一次處理的信息量是有限的，所以大量信息堆積在屏幕上會影響界面的友好性?？蓪⒔缑嬖O(shè)計為循環(huán)，如果運行大量界面，必須設(shè)計一個合理的結(jié)構(gòu)體系來打開界面。各級按鈕的大小、凹凸效果和標注字體、字號都保持一致，按鈕的顏色和界面底色保持一致。典型的工控界面分為 3 部分：標題菜單部分、圖形顯示區(qū)以及按鈕部分。窗體中所有的控件依據(jù) Windows 界面設(shè)計標準采用左對齊的排列方式。因為灰色調(diào)在不同的光照條件下 容易被識別，且避免了色盲用戶在使用窗體時帶來的不便 ?？丶拇笮『烷g距盡量符合 Windows 界面推薦值的要求。因為位圖按鈕可在操作中實現(xiàn)高亮度、突起、凹陷等效果，使界面表現(xiàn)形式更靈活，同時可以方便用戶對控件的識別。 控制臺人機界面選用非標準 Windows 風格，以實現(xiàn)用戶個性化的要求。但考慮到大多數(shù)用戶對于標準 Windows 系統(tǒng)較熟悉，在界面設(shè)計中盡量兼容標準 Windows 界面的特征。但是，界面里使用的對話框、編輯框、組合框等都選用 Windows 標準控件，對話框中的按鈕也使用標準按鈕。 界面默認窗體的顏色是亮灰色。 為了區(qū)分輸入和輸出，供用戶輸入的區(qū)域使用白色作為底色 ，能使用戶容易看到這是窗體的活動區(qū)域； 顯示區(qū)域設(shè)為灰色（或窗體顏色） ，目的是告訴用戶那是不可編輯區(qū)域。對于不同位置上多組控件，各組也是左對齊 2．系統(tǒng)界面布局分析 人機界面的布局設(shè)計根據(jù)人體工程學的要求應(yīng)該實現(xiàn)簡潔、平衡和風格一致。根據(jù)一致性原則，保證屏幕上所有對象，如窗 口、按鈕、萊單等風格的一致。 3．打開界面的結(jié)構(gòu)體系 選擇界面的概念取決于多個界面。選擇簡單而永久的結(jié)構(gòu)以便操作員能夠快速了解如何打開界面。為了在提供足夠的信息量的同時保證界面的簡明， 在設(shè)計上采用了控件分級和分層的布置方式 。用一級按鈕控制二級按鈕的彈出和隱藏保證了界面的簡潔。在使用某個按鈕彈出下級按鈕的同時對其他同級的按鈕實現(xiàn)隱藏，使邏輯關(guān)系更清晰。層面 1 是總覽界面。層面 2 是過程界面。該層面還顯示了報警對應(yīng)的設(shè)各對象。該層面提供各個設(shè)備對象的信息 ，例如控制器、控制閥、控制電機等，并顯示消息、狀態(tài)和過程值。 4．文字的應(yīng)用 界面設(shè)計中常用字體有中文的宋體、楷體，英文的扭鍆等，因為這些字體容易辨認、可讀性好考慮到一致性，控制臺軟件界面所有的文本都選用中文宋體，文字的大小根據(jù)控件的尺寸選用了大小兩種字號，使顯示信息清晰并保證風格統(tǒng)一?？刂婆_人機界面中應(yīng)用的文本有兩類：標注文本和交互文本。交互文本是人與計算機以及計算機與總控制臺等系統(tǒng)交互信息所需要的文本，包括輸人文本和輸出文本。對于信｀息量大的情況，采用上下滾動而不用左右滾屏，因為這樣更符合人的操作習慣。人眼對顏色的反應(yīng)比對文字的反應(yīng)要快，所以不同的信息用顏色來區(qū)別比用文字 區(qū)別的效果要好。在特定的區(qū)域，不同顏色的使用效果是不同的。所以，紅色、黃色、草綠色等耀眼的色彩不能應(yīng)用于背景色。但是在小區(qū)域內(nèi)的藍色就不容易感知，而紅色和黃色則很醒目。 使用顏色時應(yīng)注意幾點： （ 1）限制同時顯示的顏色數(shù)一般同一界面不宜超過 4 或 5 種，可用不同層次及形狀來配合顏色增加的變化。中性顏色（如淺灰色）往往是最好的背景顏色，淺色具有跳到面前的傾向，而黑色則使人感到退到了背景之中。 圖形和圖標能形象地傳達信息，這是文本信息達不到的效果。選擇圖標時力求簡單化、標準化，并優(yōu)先選用已經(jīng)創(chuàng)建并普遍被大眾認可的標準化圖形和圖標。把使用頻率高和需要在緊急情況下使用的一些操作，如 “電源控制 ”、 “工作效能評估 ”等設(shè)計成快捷方式，以實現(xiàn)界面的簡潔和高效。 （ 2）設(shè)置操作提示。在使用圖標按鈕的界面設(shè)計 中使用提示標簽可以避免因用戶不熟悉界面設(shè)置而造成的誤操作。 （ 3）出錯處理。因此在編寫應(yīng)用程序的時候加入錯誤判斷機制，使程序能及時地檢測錯誤操作。例如，對于有順序要求的一系列操作，用設(shè)置和判斷變量狀態(tài)的方式實現(xiàn)其功能的連鎖，如果用戶不按照規(guī)程進行操作，程序就不執(zhí)行下一步操作并顯示出錯信息。簡短的 操作命令，便于快速輸人和執(zhí)行控制信息。根據(jù)設(shè)各操作和運行規(guī)律，捆綁式輸入各組控制參數(shù)。 （ 5）盡量將所控制的設(shè)各對象的重要參數(shù)信息直接反映在主界面上，并且按照人機交互頻率及其重要性要求，排布它們在界面上的顯示位置。 （ 6）減少和避 免二級菜單操作和控制。在現(xiàn)場操作人員能夠且較容易接受的情況下，適宜于以減少界面上圖標的數(shù)量和大小來換取直接監(jiān)控對象的參數(shù)可能性及數(shù)量。 （ 8）協(xié)調(diào)操作界面的顯示模式。因此科學合理地協(xié)調(diào)上述兩種界面操作方式的配合是非常重要的一環(huán)，必要時要設(shè)計以圖標對話操作為主的交互界面與以控制命令語句輸入為主的交互界面的二重用戶界面，用戶可以根據(jù)需要進行切換操作。現(xiàn)場控制器直接面向生產(chǎn)和設(shè)備，通常為了快速啟動、控制和運行，所設(shè)置的控制口令簡短，訪問權(quán)限和密碼較少，因而容易產(chǎn)生誤操作，直接危及生產(chǎn)安全和可靠性。對于不符 合正常運行操作或邏輯順序的控制信息輸入要給出提示或警告信息，按分類和級別拒絕執(zhí)行或等待進一步確認后才執(zhí)行?，F(xiàn)場控制中，要突出超馳控制的安全保護措施，根據(jù)事故發(fā)生的原因及類別執(zhí)行自動切手動、優(yōu)先減、禁止增和禁止減等邏輯操作，將該控制系統(tǒng)轉(zhuǎn)換到預(yù)先設(shè)置好的一些安全狀態(tài)上。 這樣得到的好處： 1：使用戶 使用起來能夠建立起精確的心里模型，使用熟練了一個界面后，切換到另外一個界面能夠很輕松的推測出各種功能，語句理解也不需要費神理解。 3：給用