程序設(shè)計之界面標(biāo)準(zhǔn)規(guī)范

程序設(shè)計之界面標(biāo)準(zhǔn)規(guī)范遵循一致的準(zhǔn)則，確立標(biāo)準(zhǔn)并遵循

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

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

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

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

三：(Resource)資源

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

四：(Font)字體

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

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

五：(Text)文字表達(dá)

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

有設(shè)計好的同一風(fēng)格的控件，如果沒有能力設(shè)計出一套控件，則使用標(biāo)準(zhǔn)控件，絕對不能不倫不類，雜亂無章

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

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

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

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

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

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

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

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

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

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

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

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

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

八：(TABORDER)TAB順序

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

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

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

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

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

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

十：(ACTION)用戶交互

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

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

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

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

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

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

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

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

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

附錄：

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

12):復(fù)選框和選項框要有默認(rèn)選項，并支持Tab選擇。

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

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

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

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

2：規(guī)范性：

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

3：幫助設(shè)施：

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

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

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

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

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

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

6)：用戶可以用關(guān)鍵詞在幫助索引中搜索所要的幫助，當(dāng)然也應(yīng)該提供幫助主題詞。

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

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

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

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

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

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

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

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

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

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

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

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

10):提示、警告、或錯誤說明應(yīng)該清楚、明了、恰當(dāng)。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

11):主菜單的寬度要接近，字?jǐn)?shù)不應(yīng)多于四個，每個菜單的字?jǐn)?shù)能相同最好。

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

。7:獨特性：

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

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

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

4):幫助菜單的“關(guān)于”中應(yīng)有版權(quán)和產(chǎn)品信息。

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

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

菜單中：

1):面向事務(wù)的組合有:

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恢復(fù)*作。

4)文件*作:

Ctrl-P打??；Ctrl-W關(guān)閉。

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

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

6):MSWindows保留鍵:

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

按鈕中：

可以根據(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ā)中文應(yīng)用軟件的標(biāo)準(zhǔn),但亦可使用漢語拼音的開頭字母。

9:安全性考慮：

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

安全性細(xì)則：

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

軟件界面設(shè)計相關(guān)的各項介紹

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

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

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

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

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

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

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

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

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

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

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

圖標(biāo)設(shè)計規(guī)范

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

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

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

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

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

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

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

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

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

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

WindowsXP圖標(biāo)有四種尺寸，建議使用以下四種尺寸：

(1)48×48像素

(2)32×32像素

(3)24×24像素

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

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

每個WindowsXP圖標(biāo)應(yīng)包含以下三種色彩深度，以支持不同的顯示器顯示設(shè)置：

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

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

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

圖標(biāo)中使用的主要顏色。對象的角度和分組

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

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

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

設(shè)計圖標(biāo)時，請考慮以下因素：

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

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

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

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

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

軟件人機界面

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

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

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

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

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

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