程序設計之界面標準規(guī)范

程序設計之界面標準規(guī)范遵循一致的準則，確立標準并遵循

無論是控件使用，提示信息措辭，還是顏色、窗口布局風格，遵循統(tǒng)一的標準，做到真正的一致。

這樣得到的好處：1：使用戶使用起來能夠建立起精確的心里模型，使用熟練了一個界面后，切換到另外一個界面能夠很輕松的推測出各種功能，語句理解也不需要費神理解2：降低培訓、支持成本，支持人員不會行費力逐個指導。3：給用戶統(tǒng)一感覺，不覺得混亂，心情愉快，支持度增加做法：項目組有經(jīng)驗人士，確立UI規(guī)范：·美工提供色調(diào)配色方案，提供整體配色表·界面控制程序人員、用戶體驗人員提出合理統(tǒng)一使用的控件庫。參考標準界面使用規(guī)范：控件功能遵循行業(yè)標準，windows平臺參見《Microsoft用戶體驗》(MSDN中有，中文已經(jīng)翻譯發(fā)行，項目組必須有一本)控件樣式在允許的范圍內(nèi)可以統(tǒng)一修改其樣式、色調(diào)參考其他軟件先進操作，提取對本項目有用的功能，以使用，絕對不能盲從，漫無目的。根據(jù)需要，設計特殊操作控件，準則為：簡化操作、達到一定功能目的·界面實施人員與美工商榷控件可實現(xiàn)性,(如不實行此步驟，將會導致各自對對方工作不滿意，也會產(chǎn)生不一致的混亂)。重復疊代上述工作?！そ⒑侠砘臋n《UI標準》描述上述規(guī)范，·強行界面設計者理解之，并作為開發(fā)準則，·SQA人員進行監(jiān)控開發(fā)人員是否遵循，及時告誡開發(fā)人員。

二：(Color)顏色使用恰當，遵循對比原則：

1：統(tǒng)一色調(diào)，針對軟件類型以及用戶工作環(huán)境選擇恰當色調(diào)：如：安全軟件，根據(jù)工業(yè)標準，可以選取黃色，綠色體現(xiàn)環(huán)保，藍色表現(xiàn)時尚、紫色表現(xiàn)浪漫等等，淡色可以使人舒適，暗色做背景使人不覺得累等2：如果沒有自己的系列界面，采用標準界面則可以少考慮此方面，做到與操作系統(tǒng)統(tǒng)一，讀取系統(tǒng)標準色表3：色盲、色弱用戶，即使使用了特殊顏色表示重點或者特別的東西，也應該使用特殊指示符，?quot;!，?著重號，以及圖標等4：顏色方案也需要測試，常常由于顯示器、顯卡的問題，色彩表現(xiàn)每臺機器都不一樣，應該經(jīng)過嚴格測試，不同機器進行顏色測試5：遵循對比原則：在淺色背景上使用深色文字，深色背景上使用淺色文字，藍色文字以白色背景容易識別，而在紅色背景則不易分辨，原因是紅色和藍色沒有足夠反差，而藍色和白色反差很大。除非特殊場合，杜絕使用對比強烈，讓人產(chǎn)生憎惡感的顏色。6：整個界面色彩盡量少的使用類別不同的顏色itop色表具體標準參考美術學統(tǒng)計學術標準。色表的建設，對于美工在圖案設計、包裝設計上起著標準參考作用，對于程序界面設計人員設計控件、窗體調(diào)色起到有章可循的作用。

三：(Resource)資源

一個多姿多彩的人機交互界面，少不了精美的鼠標光標、圖標以及指示圖片、底圖等。1：也需要遵循統(tǒng)一的規(guī)則，包括上述顏色表的建立，圖標的建立步驟也應該盡可能的形成標準，參考itop的outlookbar圖標設計標準2：有標準的圖標風格設計，有統(tǒng)一的構(gòu)圖布局，有統(tǒng)一的色調(diào)、對比度、色階，以及圖片風格3：底圖應該融于底圖，使用淺色,低對比，盡量少的使用顏色。4：圖標、圖像應該很清晰的表達出意思，遵循常用標準，或者用戶機器容易聯(lián)想的到物件，絕對不允許畫出默認奇妙的圖案。5：鼠標光標樣式統(tǒng)一，盡量使用系統(tǒng)標準，杜絕出現(xiàn)重復的情況，例如某些軟件中一個手的形狀就有4鐘不同的樣子。如：《如何創(chuàng)建XP圖標》附件：Itopoutlookhowto.doc描述itop項目中，outlookxp風格圖標的制作方法

四：(Font)字體

使用統(tǒng)一字體，字體標準的選擇依據(jù)操作系統(tǒng)類型決定。中文采用標準字體，“宋體”，英文采用標準MicrosoftSansSerif不考慮特殊字體(隸書、草書等,特殊情況可以使用圖片取代),保證每個用戶使用起來顯示都很正常。字體大小根據(jù)系統(tǒng)標準字體來，例如MSS字體8磅，宋體的小五號字(9磅）五號字（10.5磅)。所有控件盡量使用大小統(tǒng)一的字體屬性，除了特殊提示信息、加強顯示等例外情況ITop采用BCB，所有控件默認使用parentfont，不允許修改，這樣有利于統(tǒng)一調(diào)整。

·系統(tǒng)大小字體屬性改變的處理。Windows系統(tǒng)有個桌面設置，設置大字體屬性，很多界面設計者常常為這個惱火，如果設計時遵循微軟的標準，全部使用相對大小作為控件的大小設置，當切換大小字體的時候，相對不會有什么特殊問題。但是由于常常方便使用點陣作為窗口設計單位，導致改變大字體后，出現(xiàn)版面混亂的問題。這個情況下，應該做相應處理：1：寫程序自動調(diào)節(jié)大小，點陣值乘以一個相應比例2：全部采用點陣作為單位，不理會系統(tǒng)字體的調(diào)節(jié)，這樣可以減少調(diào)節(jié)大字體帶來的麻煩。BCB/DELPHI中多采用這種方法，但是必然結(jié)果是和系統(tǒng)不統(tǒng)一。

五：(Text)文字表達

提示信息、幫助文檔文字表達遵循以下準則：1：口語化、客氣、多用您、請，不要用或少用專業(yè)術語，杜絕錯別字2：斷句逗號句號頓號分號的用法，提示信息比較多的話，應該分段，3：警告、信息、錯誤使用對應的表示方法4：使用統(tǒng)一的語言描述，例如一個關閉功能按鈕，可以描述為退出、返回、關閉，則應該統(tǒng)一規(guī)定。5:根據(jù)用戶不同采用相應的詞語語氣語調(diào)，如專用軟件，可以出現(xiàn)很多專業(yè)屬于，用戶為兒童：這可以語氣親切和藹，老年用戶則應該成熟穩(wěn)重。制定標準遵循之。六：(STYLE)控件風格，不要使用錯誤控件，控件功能要專一

有設計好的同一風格的控件，如果沒有能力設計出一套控件，則使用標準控件，絕對不能不倫不類，雜亂無章

·不要錯誤使用控件，例如：使用Button樣式做TTable的功能，拿主菜單條顯示版權信息，

·統(tǒng)一類型的控件操作方式相同，例如一個控件雙擊可以執(zhí)行某些動作，而同樣控件，雙擊卻沒有任何反映

·一個控件只做單一功能，不復用很多人為了寫程序方便，喜歡把一個控件在不同情況下做不同功能用，這些對用戶初次理解增加難度，只有用戶熟悉后才能理解。例如

改變紅色選項，左邊的參數(shù)代表不同的設置，可能由于為了節(jié)省控件或者編程量，但是只有熟練用戶才回使用，這種情況下解決方法：1:分組，使用雙份控件.

2：使用TABLE頁，給用戶很明顯的視覺變化

七：(ALIGN)控件布局，窗口不擁擠，按功能組合控件

1：屏幕不能擁擠擁擠的屏幕讓人難以理解，因而難以使用。試驗結(jié)果(Mayhew,1992年)屏幕總體覆蓋度不應該超過40％，而分組鐘覆蓋度不應該超過62％。讓人看上去，不能太擁擠，也不能太松散。整個項目，采用統(tǒng)一的控件間距，通過調(diào)整窗體大小達到一致，即使在窗體大小不變的情況下，寧可留空部分區(qū)域，也不要破壞控件間的行間距。

2：區(qū)域排列一行控件，縱向中對齊,控件間距基本保持一致行與行之間間距相同，靠窗體Border距離應大于行間間距(間距加邊緣留空)。當屏幕有多個編輯區(qū)域，要以視覺效果和效率來組織這些區(qū)域。

3：數(shù)據(jù)對齊要適當說明文字，中文版應使用中文全角冒號，縱向?qū)R時，并按冒號右對其，如圖?？v向控件寬度盡量保持相通。并左對齊。例如金額等字符穿應根據(jù)小數(shù)點對齊，或者右對齊

4：有效組合邏輯上相關聯(lián)的控件應當加以組合，以表示其關聯(lián)性，反之，任何不想光的項目應當風格開，在項目集合間，用間隔對其進行分組，或者使用方框劃分各自區(qū)域。例如：以下界面，選擇搜索方式來判斷號碼范圍是表示主叫號碼范圍還是被叫號碼范圍，和入帳方式無關，

則應該修改為：搜索方式和入帳方式調(diào)換位置。以免用戶產(chǎn)生誤解。

5：窗口縮放時，控件位置、布局：為了使界面不出現(xiàn)跑版或者難看的局面，解決方法：1：固定窗口大小，不允許改變尺寸，

2：改變尺寸的窗口，在Onsize的時候做控件位置、大小的相應改變。BCB/DELPHI的VCL中，大部分控件有布局屬性：某些控件擁有alignment屬性，可以用來做布局調(diào)節(jié)：TcustomPanel，Tmemo等，考左靠右靠上靠下以及撐滿(Client)屬性，用來根據(jù)版面自動調(diào)節(jié)。大部分控件有屬性Anchors，里面上下左右akLeft,akTop等如果為true，則表示相對各個邊緣的距離是否改變。這個可以進一步設計好排版工作。

八：(TABORDER)TAB順序

習慣用法，閱讀順序，從從左到右，從上到下窗體中控件的Tab按鍵激活順序，TabOrder,.BCB/DELPHI中使用窗體設計右鍵菜單選擇taborder設置，VC中窗體RES編輯區(qū)域使用ctrl+D

九：(ShortcutKey&Accelerator&PopMenu)快捷鍵、加速鍵和彈出菜單

·快捷鍵：1：全局快捷鍵菜單中加以描述CTRL+XXX并入幫助列表。2：快捷鍵寫入幫助，特殊說明，并在使用培訓時強調(diào)使用

·加速鍵：1：使用非破壞性缺省按鈕，回車、ESC鍵的正確使用一個窗體，有默認加速鍵，如回車表示激活當前窗口設置為default的按鈕動作，esc表示關閉窗口。在調(diào)用default按鈕動作和關閉動作時候，不應該做有破壞性的操作，避免用戶錯誤操作產(chǎn)生危害程度，例如不能把刪除數(shù)據(jù)等功能的按鈕作為缺省按鈕。當用戶要提交很多數(shù)據(jù)時，應該屏蔽esc，或者做退出提示，告誡用戶是否保存提交。

2：可接收動作控件必須擁有加速鍵，統(tǒng)一加速鍵描述(&A)為結(jié)合鍵盤使用，可操作控件都應該有加速鍵，加速鍵定義準則，為英文單詞第一個字母，如果同一窗體重復則用第二個字母，以此類推，則加速方式為alt+這個加速鍵，用統(tǒng)一的方法標識在界面中，如XXX(A)或者wps的A.XXX英文可直接在字母下標識下劃線Cancel，對于無法像button一樣顯示快捷鍵的Edit等控件，則在Edit描述的Label中顯示快捷鍵。

·彈出菜單輔助菜單必須在可視化界面上擁有對應的按鈕或者菜單選項。由于輔助菜單由用戶點擊鼠標左右鍵或者別的動作才能調(diào)出來顯示給用戶。無法清晰的顯示給用戶，所以對應選項應該可以通過別的途徑得到,例如界面上有相應控件或彈出右鍵菜單的按鈕等。

十：(ACTION)用戶交互

1：disable而不是notvisible要使一個功能有時允許有時不允許用戶使用，則這個控件的不能隨便隱藏，應該使用disable屬性進行表示，以免用戶發(fā)現(xiàn)控件失蹤后措手無策

2：窗口彈出位置要明顯點擊一個控件，彈出窗口或者菜單，應該給人明顯提示，最低要求是覆蓋剛才點擊的位置，讓用戶輕松跳轉(zhuǎn)到新的界面。

3：執(zhí)行動作要提示

給用戶一個視覺感受的同時，寫程序的時候應該注意用戶的交互感受，UI作為人機對話的工具，用戶做了任何動作，應該給用戶一個視覺或者聽覺、觸覺提示。而且這個提示應該行明顯，但不應提示過長，可以有以下幾種方法：當用戶點擊按鈕等動作進行一個工作時：1：彈出交互對話框讓用戶點擊確認。2：改變UI中控件參數(shù)提示：(處理不用用戶確認的提示，有一定延時，或者用戶按鍵后自動清除。)如：改變標題欄字符串，顯示“信息：提交成功”,或者專門設置一個狀態(tài)欄、TLable等用來進行提示。

3：聽覺提示：在確定有聲卡，用戶可以聽到聲音的時候，發(fā)出特殊聲音提示。一般作為重要提示的輔助。聲音不應過長，緊急錯誤提示應該短促，頻率較高，成功提示應該舒緩，輕松。等等……

十一：(HELP)聯(lián)機幫助：

什么時候要幫助，什么時候不要幫助1：系統(tǒng)默認、行業(yè)標準的控件操作不需要逐一描述，只需要對特殊控件加以描述2：特殊操作、特殊功能界面，在界面上加控件直接連接到對應的HELP文件中3：特殊設置詳細，應該在界面上用簡潔明了的語句說明，或者是好用Tiptool，并由第二步幫助幫助文檔：結(jié)構(gòu)化，按功能模塊劃分必須闡述功能通過什么方法可以在軟件中實現(xiàn)幫助文件是幫助用戶更好的使用軟件，措辭要恰當、簡捷、通俗易懂,每一句話都應該有目的，幫用戶解決問題幫助文件不是廣告、商業(yè)軟件不允許打廣告。描述公司信息目的是為了方便用戶在沒有辦法的情況下找到售后支持，網(wǎng)址連接、信箱地址、電話號碼絕對不允許無效。

十二：發(fā)行時闡明規(guī)則

對統(tǒng)一的東西進行逐一闡述，并加以典型描述，放入HELP和用戶手冊中，同時加有詞匯表

附錄：

美工何時參與進來：美工作為界面美化的主要人員，不但擁有藝術設計、包裝設計的才能，還應該穿插整個項目，給界面程序設計人員提出系統(tǒng)參考意見。1：軟件設計前期，美工參與需求了解，分析同類軟件界面有缺點，提出主色調(diào)、典型界面風格、以及構(gòu)思整個美術包裝等。2：界面原型設計過程中，與開發(fā)人員共同修改、商榷最終表現(xiàn)樣式，以及確立UI標準。3：程序開發(fā)過程中，提供標準風格的資源文件（icon,cur,bmp等），并總結(jié)出統(tǒng)一風格的資源的設計過程，形成規(guī)范文檔*.4：產(chǎn)品化方面，協(xié)助制作幫助文件、網(wǎng)站風格以及參與制作，制作附帶宣傳圖片、動畫、產(chǎn)品包裝、海報等。

界面設計測試規(guī)范================================================================================================================

界面設計測試規(guī)范界面測試

界面測試(紅鬃野馬)作者：flowingice

我在工作中總結(jié)了一些有關界面設計與測試的規(guī)范，與大家共享。界面設計與測試規(guī)則

界面是軟件與用戶交互的最直接的層，界面的好壞決定用戶對軟件的第一印象。而且設計良好的界面能夠引導用戶自己完成相應的操作，起到向?qū)У淖饔谩Ｍ瑫r界面如同人的面孔，具有吸引用戶的直接優(yōu)勢。設計合理的界面能給用戶帶來輕松愉悅的感受和成功的感覺，相反由于界面設計的失敗，讓用戶有挫敗感，再實用強大的功能都可能在用戶的畏懼與放棄中付諸東流。目前界面的設計引起軟件設計人員的重視的程度還遠遠不夠，直到最近網(wǎng)頁制作的興起，才受到專家的青睞。而且設計良好的界面由于需要具有藝術美的天賦而遭拒絕。

目前流行的界面風格有三種方式：多窗體、單窗體以及資源管理器風格，無論那種風格，以下規(guī)則是應該被重視的。1：易用性：

按鈕名稱應該易懂，用詞準確，屏棄沒楞兩可的字眼，要與同一界面上的其他按鈕易于區(qū)分，能望文知意最好。理想的情況是用戶不用查閱幫助就能知道該界面的功能并進行相關的正確*作。易用性細則：

1):完成相同或相近功能的按鈕用Frame框起來，常用按鈕要支持快捷方式。

2):完成同一功能或任務的元素放在集中位置，減少鼠標移動的距離。

3):按功能將界面劃分局域塊，用Frame框括起來,并要有功能說明或標題。

4):界面要支持鍵盤自動瀏覽按鈕功能，即按Tab鍵的自動切換功能。

5):界面上首先應輸入的和重要信息的控件在Tab順序中應當靠前,位置也應放在窗口上較醒目的位置。

6):同一界面上的控件數(shù)最好不要超過10個，多于10個時可以考慮使用分頁界面顯示。

7):分頁界面要支持在頁面間的快捷切換，常用組合快捷鍵Ctrl+Tab

8):默認按鈕要支持Enter及選操作，即按Enter后自動執(zhí)行默認按鈕對應操作。

9):可寫控件檢測到非法輸入后應給出說明并能自動獲得焦點。

10):Tab鍵的順序與控件排列順序要一直，目前流行總體從上到下，同時行間從左到右的方式。

11):復選框和選項框按選擇幾率的高底而先后排列。

12):復選框和選項框要有默認選項，并支持Tab選擇。

13):選項數(shù)相同時多用選項框而不用下拉列表框。

14):界面空間較小時使用下拉框而不用選項框。

15):選項數(shù)叫少時使用選項框，相反使用下拉列表框。

16):專業(yè)性強的軟件要使用相關的專業(yè)術語，通用性界面則提倡使用通用性詞眼。

2：規(guī)范性：

通常界面設計都按Windows界面的規(guī)范來設計，即包含“菜單條、工具欄、工具廂、狀態(tài)欄、滾動條、右鍵快捷菜單”的標準格式，可以說：界面遵循規(guī)范化的程度越高，則易用性相應的就越好。小型軟件一般不提供工具廂。規(guī)范性細則：

1):常用菜單要有命令快捷方式。

2):完成相同或相近功能的菜單用橫線隔開放在同一位置。

3):菜單前的圖標能直觀的代表要完成的操作。

4):菜單深度一般要求最多控制在三層以內(nèi)。

5):工具欄要求可以根據(jù)用戶的要求自己選擇定制。

6):相同或相近功能的工具欄放在一起。

7):工具欄中的每一個按鈕要有及時提示信息。

8):一條工具欄的長度最長不能超出屏幕寬度。

9):工具欄的圖標能直觀的代表要完成的操作。

10):系統(tǒng)常用的工具欄設置默認放置位置。

11):工具欄太多時可以考慮使用工具廂。

12):工具廂要具有可增減性，由用戶自己根據(jù)需求定制。

13):工具廂的默認總寬度不要超過屏幕寬度的1/5。

14):狀態(tài)條要能顯示用戶切實需要的信息，常用的有：

目前的操作、系統(tǒng)狀態(tài)、用戶位置、用戶信息、提示信息、錯誤信息等，如果某一操作需要的時間較長，還應該顯示進度條和進程提示。

15)：滾動條的長度要根據(jù)顯示信息的長度或?qū)挾饶芗皶r變換，以利于用戶了解顯示信息的位置和百分比。

16)：狀態(tài)條的高度以放置五好字為宜，滾動條的寬度比狀態(tài)條的略窄。

17)：菜單和工具條要有清楚的界限;菜單要求凸出顯示，這樣在移走工具條時仍有立體感。

18)：菜單和狀態(tài)條中通常使用5號字體。工具條一般比菜單要寬，但不要寬的太多，否則看起來很不協(xié)調(diào)。

19):右鍵快捷菜單采用與菜單相同的準則。

3：幫助設施：

系統(tǒng)應該提供詳盡而可靠的幫助文檔，在用戶使用產(chǎn)生迷惑時可以自己尋求解決方法。幫助設施細則：

1)：幫助文檔中的性能介紹與說明要與系統(tǒng)性能配套一致。(我們的系統(tǒng)幫助文檔都是系統(tǒng)的祖先時期的說明，讓人困惑)。

2)：打包新系統(tǒng)時，對作了修改的地方在幫助文檔中要做相應的修改。

3)：操作時要提供及時調(diào)用系統(tǒng)幫助的功能。常用F1。

4)：在界面上調(diào)用幫助時應該能夠及時定位到與該操作相對的幫助位置。也就是說幫助要有即時針對性。

5)：最好提供目前流行的聯(lián)機幫助格式或HTML幫助格式。

6)：用戶可以用關鍵詞在幫助索引中搜索所要的幫助，當然也應該提供幫助主題詞。

7)：如果沒有提供書面的幫助文檔的話，最好有打印幫助的功能。

8)：在幫助中應該提供我們的技術支持方式，一旦用戶難以自己解決可以方便的尋求新的幫助方式。4：合理性：

屏幕對角線相交的位置是用戶直視的地方，正上方四分之一處為易吸引用戶注意力的位置，在放置窗體時要注意利用這兩個位置。合理性細則：

1)：父窗體或主窗體的中心位置應該在對角線焦點附近。

2)：子窗體位置應該在主窗體的左上角或正中。

3)：多個子窗體彈出時應該依次向右下方偏移，以顯示窗體出標題為宜。

4)：重要的命令按鈕與使用較頻繁的按鈕要放在界面上注目的位置。

5)：錯誤使用容易引起界面退出或關閉的按鈕不應該放在易點位置。橫排開頭或最后與豎排最后為易點位置。

6)：與正在進行的操作無關的按鈕應該加以屏蔽(Windows中用灰色顯示，沒法使用該按鈕)。

7)：對可能造成數(shù)據(jù)無法恢復的操作必須提供確認信息,給用戶放棄選擇的機會。

8)：非法的輸入或*作應有足夠的提示說明。

9):對運行過程中出現(xiàn)問題而引起錯誤的地方要有提示，讓用戶明白錯誤出處，避免形成無限期的等待。

10):提示、警告、或錯誤說明應該清楚、明了、恰當。

5：美觀與協(xié)調(diào)性：

界面應該大小適合美學觀點，感覺協(xié)調(diào)舒適，能在有效的范圍內(nèi)吸引用戶的注意力。美觀與協(xié)調(diào)性細則：

1):長寬接近黃金點比例，切忌長寬比例失調(diào)、或?qū)挾瘸^長度。

2):布局要合理,不宜過于密集，也不能過于空曠，合理的利用空間。

3):按鈕大小基本相近，忌用太長的名稱，免得占用過多的界面位置。

4):按鈕的大小要與界面的大小和空間要協(xié)調(diào)。

5):避免空曠的界面上放置很大的按鈕。

6)：放置完控件后界面不應有很大的空缺位置。

7):字體的大小要與界面的大小比例協(xié)調(diào),通常使用的字體中宋體9-12較為美觀，很少使用超過12號的字體。

8):前景與背景色搭配合理協(xié)調(diào)，反差不宜太大，最好少用深色，如大紅、大綠等。常用色考慮使用Windows界面色調(diào)。

9):如果使用其他顏色，主色要柔和，具有親和力與磁力，堅決杜絕刺目的顏色。

10):大型系統(tǒng)常用的主色有"#E1E1E1"、"#EFEFEF"、"#C0C0C0"等。

11):界面風格要保持一致，字的大小、顏色、字體要相同，除非是需要藝術處理或有特殊要求的地方。

12):如果窗體支持最小化和最大化或放大時，窗體上的控件也要隨著窗體而縮放；切忌只放大窗體而忽略控件的縮放。

13)：對于含有按鈕的界面一般不應該支持縮放，即右上角只有關閉功能。

14):通常父窗體支持縮放時，子窗體沒有必要縮放。

15)：如果能給用戶提供自定義界面風格則更好，由用戶自己選擇顏色、字體等。6：菜單位置：

菜單是界面上最重要的元素，菜單位置按照按功能來組織。菜單設測試細則：

1)：菜單通常采用“常用--主要--次要--工具--幫助”的位置排列，符合流行的Windows風格。

2):常用的有“文件”、“編輯”，“查看”等，幾乎每個系統(tǒng)都有這些選項，當然要根據(jù)不同的系統(tǒng)有所取舍。

3):下拉菜單要根據(jù)菜單選項的含義進行分組，并切按照一定的規(guī)則進行排列，用橫線隔開。

4):一組菜單的使用有先后要求或有向?qū)ё饔脮r，應該按先后次序排列。

5):沒有順序要求的菜單項按使用頻率和重要性排列，常用的放在開頭，不常用的靠后放置；重要的放在開頭，次要的放在后邊。

6):如果菜單選項較多，應該采用加長菜單的長度而減少深度的原則排列。

7):菜單深度一般要求最多控制在三層以內(nèi)。

8):對常用的菜單要有快捷命令方式，組合原則見8。

9):對與進行的操作無關的菜單要用屏蔽的方式加以處理，如果采用動態(tài)加載方式——即只有需要的菜單才顯示——最好。

10)：菜單前的圖標不宜太大，與字高保持一直最好。

11):主菜單的寬度要接近，字數(shù)不應多于四個，每個菜單的字數(shù)能相同最好。

12)：主菜單數(shù)目不應太多，最好為單排布置。

。7:獨特性：

如果一味的遵循業(yè)界的界面標準，則會喪失自己的個性.在框架符合以上規(guī)范的情況下，設計具有自己獨特風格的界面尤為重要。尤其在商業(yè)軟件流通中有著很好的遷移默化的廣告效用。1):安裝界面上應有單位介紹或產(chǎn)品介紹，并有自己的圖標。

2):主界面，最好是大多數(shù)界面上要有公司圖標。

3):登錄界面上要有本產(chǎn)品的標志，同時包含公司圖標。

4):幫助菜單的“關于”中應有版權和產(chǎn)品信息。

5):公司的系列產(chǎn)品要保持一直的界面風格，如背景色、字體、菜單排列方式、圖標、安裝過程、按鈕用語等應該大體一致。8：快捷方式的組合

在菜單及按鈕中使用快捷鍵可以讓喜歡使用鍵盤的用戶*作得更快一些在西文Windows及其應用軟件中快捷鍵的使用大多是一致的。

菜單中：

1):面向事務的組合有:

Ctrl-D刪除；Ctrl-F尋找；Ctrl–H替換；Ctrl-I插入；Ctrl-N新記錄；Ctrl-S保存Ctrl-O打開。

2)：列表:

Ctrl-R，Ctrl-G定位；Ctrl-Tab下一分頁窗口或反序瀏覽同一頁面控件；。

3):編輯:

Ctrl-A全選；Ctrl-C拷貝；Ctrl-V粘貼；Ctrl-X剪切；Ctrl-Z撤消*作；Ctrl-Y恢復*作。

4)文件*作:

Ctrl-P打??；Ctrl-W關閉。

5):系統(tǒng)菜單

Alt-A文件；Alt-E編輯；Alt-T工具；Alt－W窗口；Alt－H幫助。

6):MSWindows保留鍵:

Ctrl-Esc任務列表；Ctrl-F4關閉窗口；Alt-F4結(jié)束應用；Alt-Tab下一應用；Enter缺省按鈕/確認*作；Esc取消按鈕/取消*作；Shift-F1上下文相關幫助。

按鈕中：

可以根據(jù)系統(tǒng)需要而調(diào)節(jié)，以下只是常用的組合。

Alt-Y確定(是)；Alt-C取消；Alt-N否；Alt-D刪除；Alt-Q退出；Alt-A添加；Alt-E編輯；Alt-B瀏覽；Alt-R讀；Alt-W寫。

這些快捷鍵也可以作為開發(fā)中文應用軟件的標準,但亦可使用漢語拼音的開頭字母。

9:安全性考慮：

在界面上通過下列方式來控制出錯幾率，會大大減少系統(tǒng)因用戶人為的錯誤引起的破壞。開發(fā)者應當盡量周全地考慮到各種可能發(fā)生的問題,使出錯的可能降至最小。如應用出現(xiàn)保護性錯誤而退出系統(tǒng),這種錯誤最容易使用戶對軟件失去信心。因為這意味著用戶要中斷思路,并費時費力地重新登錄,而且已進行的*作也會因沒有存盤而全部丟失。

安全性細則：

1)：最重要的是排除可能會使應用非正常中止的錯誤。

2)：應當注意盡可能避免用戶無意錄入無效的數(shù)據(jù)。

3)：采用相關控件限制用戶輸入值的種類。

4)：當用戶作出選擇的可能性只有兩個時,可以采用單選框。

5)：當選擇的可能再多一些時,可以采用復選框,每一種選擇都是有效的,用戶不可能輸入任何一種無效的選擇。

6)：當選項特別多時，可以采用列表框，下拉式列表框。

7)：在一個應用系統(tǒng)中,開發(fā)者應當避免用戶作出未經(jīng)授權或沒有意義的操作。

8)：對可能引起致命錯誤或系統(tǒng)出錯的輸入字符或動作要加限制或屏蔽。

9):對可能發(fā)生嚴重后果的操作要有補救措施。通過補救措施用戶可以回到原來的正確狀態(tài)。

10):對一些特殊符號的輸入、與系統(tǒng)使用的符號相沖突的字符等進行判斷并阻止用戶輸入該字符。

11)：對錯誤操作最好支持可逆性處理，如取消系列操作。

12):在輸入有效性字符之前應該阻止用戶進行只有輸入之后才可進行的操作。

13):對可能造成等待時間較長的*作應該提供取消功能。

14)：特殊字符常有；;’”><,｀‘：“［”｛、\|｝］+=)-(_*&&^%$#@!~,.。?/還有空格。

15)：與系統(tǒng)采用的保留字符沖突的要加以限制。

16)：在讀入用戶所輸入的信息時，根據(jù)需要選擇是否去掉前后空格。

17)：有些讀入數(shù)據(jù)庫的字段不支持中間有空格，但用戶切實需要輸入中間空格，這時要在程序中加以處理。10:多窗口的應用與系統(tǒng)資源：

設計良好的軟件不僅要有完備的功能，而且要盡可能的占用最底限度的資源。

1)：在多窗口系統(tǒng)中，有些界面要求必須保持在最頂層，避免用戶在打開多個窗口時，不停的切換甚至最小化其他窗口來顯示該窗口。2)：在主界面載入完畢后自動卸出內(nèi)存，讓出所占用的WINDOWS系統(tǒng)資源。

3)：關閉所有窗體，系統(tǒng)退出后要釋放所占的所有系統(tǒng)資源，除非是需要后臺運行的系統(tǒng)。

4)：盡量防止對系統(tǒng)的獨占使用。2004年8月28日11:31================================================================================================================用戶界面榮耀2002冬我們編寫的大多數(shù)軟件具有用戶界面，通過它實現(xiàn)人機交互。界面設計是一門大學問。有一種流行說法，說代碼高手未必就是界面高手，我不贊成。迄今為止，我認識的代碼高手，同時也都是界面高手。至于那些聲稱“我只愿意編寫核心代碼，對界面沒有興趣”的所謂代碼高手，我懷疑這種人十有八九寫不好或根本就寫不出那種“牛氣”的代碼。我也從來沒有遇見過界面做得非常到位但代碼寫得很差的人。通常來說，一個程序員的代碼水平和他的界面水平是一致的。果真閣下的代碼水平和界面水平不一致，我建議你強化你的弱項。代碼寫得好、界面做得差，一點都不比界面做得好、代碼寫得差，好到哪里去。你相信一個界面看上去亂七八糟的軟件，內(nèi)部代碼卻非常有條理、精致、強健和高效嗎？假如你在Windows環(huán)境下開發(fā)，微軟定義了一套稱為“用戶體驗”的參考規(guī)范（當然，“用戶體驗”的內(nèi)容已經(jīng)超出了狹義的“用戶界面”）。這個規(guī)范對菜單、按鈕、圖標、窗體、快捷鍵、消息框和文本等界面元素的設計，給出了一整套建議。倘若不是編寫游戲之類的東西，就沒有理由不參照這個規(guī)范。以下是我見過的一些糟糕的用戶界面風格：過份使用各種奇形怪狀、五顏六色的控件。這些界面往往出自充滿激情和想法的新手。它很容易使人想起過去農(nóng)村穿著紅褂子、綠褲子的小媳婦，或者今天城市街頭畫著大花臉的扭秧歌的大媽。界面元素比例失調(diào)。我見過按鈕巨大無比，其尺寸甚至超過顯示重要內(nèi)容的文本框的界面。界面元素凌亂。比如說，按鈕和文本框擺放地點隨意，相當于客廳當臥室，衛(wèi)生間當廚房。違背使用習慣。你按下F1，它沒有彈出幫助，卻執(zhí)行了一件絕對出乎你意料的動作。消息框信息含糊、混亂。下面是某軟件彈出的消息框。把“確定”和“取消”改為“是”和“否”會不會更清晰一些？就事論事，假如干脆自己做個form，改成“想”和“不想”，那更好。

還有一種糟糕的用戶界面，乍一看很厲害，實際上完全是缺乏規(guī)劃的結(jié)果。這種軟件本身的確提供了比較復雜的功能，但對于哪些是常用功能，哪些是很少用到的高級功能，缺乏評估。什么功能都往界面上擠，占地方不說，用戶會厭煩，弄不好還會被嚇跑。對于這種軟件來說，默認界面只應該顯示目標用戶最常使用的功能，至于不常用到的高級功能，可以“隱藏”起來，比如說，放到菜單里，不要都做成按鈕擺到界面上。果真需要需要這些高級功能的話，用戶自然會到菜單里去找的。在這方面，微軟Office軟件堪稱楷模。比如Word，從編寫“代辦文憑”這樣的電線桿上的“狗皮膏”，到排版嚴肅的長篇巨著，都游刃有余。對于低級用戶來說，它簡單易用，對于高級用戶來說，要的功能都有。這個軟件界面做得就非常有水平。就象那些高級數(shù)碼相機一樣，操作之簡單可以和“傻瓜”相機媲美。按一個按鈕就可以使你心想事成，恰恰說明它聰明得可以。一句話，你愿意使用界面上擺滿了各種讓人眼花繚亂的玩意兒，左看右看也不知道從哪兒下手的軟件嗎？－完－

================================================================================================================

軟件界面設計相關的各項介紹

界面設計是為了滿足軟件專業(yè)化標準化的需求而產(chǎn)生的對軟件的使用界面進行美化優(yōu)化規(guī)范化的設計分支。具體包括軟件啟動封面設計，軟件框架設計，按鈕設計，面板設計，菜單設計，標簽設計，圖標設計，滾動條及狀態(tài)欄設計，安裝過程設計，包裝及商品化。在設計的過程中有較多注意的關鍵問題，以下列出幾點：(1)軟件啟動封面設計

應使軟件啟動封面最終為高清晰度的圖像，如軟件啟動封面需在不同的平臺、操作系統(tǒng)上使用將考慮轉(zhuǎn)換不同的格式，并且對選用的色彩不宜超過256色，最好為216色安全色。軟件啟動封面大小多為主流顯示器分辨率的1/6大。如果是系列軟件將考慮整體設計的統(tǒng)一和延續(xù)性。在上面應該醒目的標注制作或支持的公司標志、產(chǎn)品商標，軟件名稱，版本號，網(wǎng)址，版權聲明，序列號等信息，以樹立軟件形象，方便使用者或購買者在軟件啟動的時候得到提示。插圖宜使用具有獨立版權的，象征性強的，識別性高的，視覺傳達效果好的圖形，若使用攝影也應該進行數(shù)位處理，以形成該軟件的個性化特征。(2)軟件框架設計

軟件的框架設計就復雜得多，因為涉及軟件的使用功能，應該對該軟件產(chǎn)品的程序和使用比較了解，這就需要設計師有一定的軟件跟進經(jīng)驗，能夠快速的學習軟件產(chǎn)品，并且在和軟件產(chǎn)品的程序開發(fā)員及程序使用對象進行共同溝通，以設計出友好的，獨特的，符合程序開發(fā)原則的軟件框架。軟件框架設計應該簡潔明快，盡量少用無謂的裝飾，應該考慮節(jié)省屏幕空間，各種分辨率的大小，縮放時的狀態(tài)和原則，并且為將來設計的按鈕，菜單，標簽，滾動條及狀態(tài)欄預留位置。設計中將整體色彩組合進行合理搭配，將軟件商標放在顯著位置，主菜單應放在左邊或上邊，滾動條放在右邊，狀態(tài)欄放在下邊，以符合視覺流程和用戶使用心理。(3)軟件按鈕設計

軟件按鈕設計應該具有交互性，即應該有3到6種狀態(tài)效果：點擊時狀態(tài)；鼠標放在上面但未點擊的狀態(tài)；點擊前鼠標未放在上面時的狀態(tài)；點擊后鼠標未放在上面時的狀態(tài)；不能點擊時狀態(tài)；獨立自動變化的狀態(tài)。按鈕應具備簡潔的圖示效果，應能夠讓使用者產(chǎn)生功能關聯(lián)反應，群組內(nèi)按鈕應該風格統(tǒng)一，功能差異大的按鈕應該有所區(qū)別。(4)軟件面板設計

軟件面板設計應該具有縮放功能，面板應該對功能區(qū)間劃分清晰，應該和對話框，彈出框等風格匹配，盡量節(jié)省空間，切換方便。(5)菜單設計

菜單設計一般有選中狀態(tài)和未選中狀態(tài)，左邊應為名稱，右邊應為快捷鍵，如果有下級菜單應該有下級箭頭符號，不同功能區(qū)間應該用線條分割。(6)標簽設計

標簽設計應該注意轉(zhuǎn)角部分的變化，狀態(tài)可參考按鈕。(7)圖標設計

圖標設計色彩不宜超過64色，大小為16x16、32x32兩種，圖標設計是方寸藝術，應該加以著重考慮視覺沖擊力，它需要在很小的范圍表現(xiàn)出軟件的內(nèi)涵，所以很多圖標設計師在設計圖標時使用簡單的顏色，利用眼睛對色彩和網(wǎng)點的空間混合效果，做出了許多精彩圖標。(8)滾動條及狀態(tài)欄設計

滾動條主要是為了對區(qū)域性空間的固定大小中內(nèi)容量的變換進行設計，應該有上下箭頭，滾動標等，有些還有翻頁標。狀態(tài)欄是為了對軟件當前狀態(tài)的顯示和提示。(9)安裝過程設計

安裝過程設計主要是將軟件安裝的過程進行美化，包括對軟件功能進行圖示化。(10)包裝及商品化

最后軟件產(chǎn)品的包裝應該考慮保護好軟件產(chǎn)品，功能的宣傳融合于美觀中，可以印刷部分產(chǎn)品介紹，產(chǎn)品界面設計。================================================================================================================

圖標設計規(guī)范

數(shù)位設計引入了一種新的圖標設計樣式。以下是設計和創(chuàng)建樣式圖標的具體規(guī)范。

圖標樣式應該有趣、色彩豐富且充滿活力，因為現(xiàn)在的系統(tǒng)支持圖標是32位圖標，并且邊緣非常平滑。在矢量程序中繪制完每個圖標后，再用AdobePhotoshop進行處理可使圖像更加完美。本規(guī)范是專為設計者編寫的。在創(chuàng)建圖像時，建議您與高水平的圖形設計者一起工作，尤其是具有豐富的矢量和3D軟件經(jīng)驗的圖形設計者。圖標設計概述的目的是讓您熟悉WindowsXP的新樣式，為創(chuàng)建圖標做好準備。圖標樣式特性

(1)色彩豐富，是對WindowsXP外觀的補充。

(2)不同的角度和透視特性為圖像增添了動態(tài)活力。

(3)元素的邊角十分柔和，并略微有些圓滑。

(4)光源位于圖標的左上角，同時有環(huán)繞光照亮圖標的其它部分。

(5)漸變效果使圖標具有立體感，進而使圖標的外觀更加豐滿。

(6)投影使圖標更具對比度和立體感。

(7)添加輪廓可使圖像更清晰。

(8)日常對象(如計算機和設備)具有更現(xiàn)代化的個人外觀。圖標尺寸

WindowsXP圖標有四種尺寸，建議使用以下四種尺寸：

(1)48×48像素

(2)32×32像素

(3)24×24像素

(4)16×16像素圖標色彩深度支持

WindowsXP支持32位圖標。32位圖標為24位圖像加上8位alpha通道。使圖標邊緣非常平滑，且與背景相融合。

每個WindowsXP圖標應包含以下三種色彩深度，以支持不同的顯示器顯示設置：

24位圖像加上8位alpha通道(32位)

8位圖像(256色)，加上1位透明色

4位圖像(16色)，加上1位透明色調(diào)色板

圖標中使用的主要顏色。對象的角度和分組

WindowsXP樣式圖標使用的透視網(wǎng)格：并非所有對象使用16×16的復雜圖像都能獲得較好效果。某些對象通常以直觀圖像顯示：文檔圖標、符號圖標(如警告或信息圖標)、單一對象圖標(如放大鏡)除非創(chuàng)建重疊輔助對象可以更清楚地表達圖標的含義，否則就可讀性和完整性而言，還是應使用直觀圖像。還應考慮如何按組查看圖標，以便確定如何將對象分組。投影

使用投影后，WindowsXP圖標將更清晰且更具立體感?？稍赑hotoshop中實現(xiàn)這種效果，本指南的后面部分將對此進行描述。若要為圖像添加投影，請在Photoshop中雙擊圖像的圖層，并選擇DropShadow。然后將Angle更改為135，Distance更改為2，Size更改為2。此時投影為75%不透明黑色。輪廓

繪制XP樣式圖標時，為圖像添加輪廓可使之更清晰，并可保證圖像在不同背景色上都具有較好效果。概念

設計圖標時，請考慮以下因素：

使用已有概念以確保真實表達了用戶的想法?？紤]圖標在用戶界面環(huán)境中以何種形式出現(xiàn)，以及如何作為圖標集的一部分使用?？紤]圖形的文化背景。避免在圖標中使用字母、單詞、手或臉。必須用圖標表示人或用戶時，請盡可能使其大眾化。如果圖標中的圖像由多個對象組成，應考慮如何使圖像尺寸更小。建議在圖標中使用的對象不超過三個。對于16×16的尺寸大小，還可考慮刪除某些對象或簡化圖像使之更容易辨認。透明工具

將GifMovieGear(GMG)打開一個對話框，其中顯示您的圖標。使用吸管工具單擊圖標的背景色。此顏色將更改為暗黃綠色(或在GMG中選作透明背景色的顏色)。重復所有4位和8位幀。若要保存圖標，請選擇File->SaveIconAs...。創(chuàng)建工具欄

Windows工具欄圖標除不使用投影之外，使用的樣式與其它圖標相同。由于工具欄圖標非常小，建議您使用簡單的圖像。如果以直觀方式顯示圖像即可清晰地表達圖標的含義，則不必使用其它復雜方式。創(chuàng)建AVI

WindowsXP使用8位AVI。創(chuàng)建.avi文件的過程與創(chuàng)建圖標的過程相同-在Photoshop中準備圖像，然后將其拖動到GMG中。請按以下指導創(chuàng)建8位圖標。若要使用GMG保存AVI，請轉(zhuǎn)至File->ExportAs->AVIfile。

創(chuàng)建.avi文件時，請考慮以下因素：使用品紅(R255G0B255)作為背景透明色。在Photoshop中，重要的一點是不要出現(xiàn)雜散像素。請將填充能力設置為0，并確認未選中取消鋸齒。

軟件人機界面

================================================================================================================

UI即UserInterface(用戶界面)的簡稱。UI設計則是指對軟件的人機交互、操作邏輯、界面美觀的整體設計。好的UI設計不僅是讓軟件變得有個性有品味，還要讓軟件的操作變得舒適、簡單、自由,充分體現(xiàn)軟件的定位和特點。

美麗的事物常常會讓人無法抗拒。這就是為什么產(chǎn)品出色的外觀設計對于電腦、汽車、日用品、家具、食品、服裝等等幾乎所有商品的銷售與推廣，都有著舉足輕重的作用的原因。

同樣的道理，對于軟件公司來說，軟件產(chǎn)品就是他們的商品，而軟件界面就是他們產(chǎn)品的外觀，界面的美觀與否，直接關系到了軟件產(chǎn)品的營銷成敗。

現(xiàn)今世界上成功的軟件公司都非常重視軟件界面的美化設計工作，因為他們深刻地知道，在激烈的市場競爭中，僅僅有強大的功能是遠遠不夠的，不足以戰(zhàn)勝強勁的對手。我們可以相象一下，您在挑選手機的時候，如果有兩款手機，性能相同，而第一款比第二款要美觀很多，那么您將選擇哪一款呢？當然是美觀的那一款了。試想，您的客戶，也會拿您和您競爭對手的軟件做這樣的比較的。

現(xiàn)在的軟件企業(yè)都知道，廣告和市場推銷活動對市場營銷的作用是多么的重要，并不遺余力地打廣告、做活動、做推廣。但我們知道，這些活動的最終目的，是為了讓用戶購買并使用軟件產(chǎn)