軟件界面設(shè)計(jì)流程規(guī)范

軟件界面設(shè)計(jì)軟件界面設(shè)計(jì)整體準(zhǔn)則包含以下四個(gè)方面：1.規(guī)范性2.合理性3.一致性4.界面定制性一、軟件界面設(shè)計(jì)的規(guī)范遵循一致的準(zhǔn)則，確立準(zhǔn)則并遵循，是軟件界面設(shè)計(jì)中必不可必的環(huán)節(jié)。確立界面準(zhǔn)則的優(yōu)點(diǎn)：1.便于用戶操作：戶運(yùn)用起來(lái)能夠建立起精確的心里模型，運(yùn)用熟練了一個(gè)界面后，切換到另外一個(gè)界面能夠很輕輕松松的推測(cè)出各種功能。2.運(yùn)用戶感覺(jué)到統(tǒng)一、規(guī)范，在運(yùn)用軟件的流程中愉快輕輕松松的完成操作，提高對(duì)軟件的認(rèn)知。3.降低培訓(xùn)、支撐成本，不必花費(fèi)較多的人力對(duì)客戶執(zhí)行逐個(gè)指導(dǎo)。二、軟件界面布局的合理性界面的合理性是指界面能不能與軟件功能相融洽，界面的顏色和布局能不能協(xié)調(diào)等。比方：1.界面布局a.屏幕不能擁擠整個(gè)項(xiàng)目，采用統(tǒng)一的控件間距，議決調(diào)整窗體大小達(dá)到一致，即使在窗體大小不變的情況下，寧可留空部分區(qū)域，也不要破壞控件間的行間距。b.控件按區(qū)域排列一行控件縱向中對(duì)齊,控件間距基本保持一致，行與行之間間距相似，靠窗體的控件距窗體邊緣的距離應(yīng)大于行間距。當(dāng)屏幕有多個(gè)編輯區(qū)域，要以視覺(jué)成效和效率來(lái)組織這些區(qū)域。c.有效組合邏輯上相關(guān)聯(lián)的控件應(yīng)當(dāng)加以組合以示意其關(guān)聯(lián)性，反之，任何不相關(guān)的項(xiàng)目應(yīng)當(dāng)分隔開(kāi)。在項(xiàng)目集合間用間隔對(duì)其執(zhí)行分組，或者運(yùn)用方框劃分各自區(qū)域。d.窗口縮放時(shí)，控件位置、布局固定窗口大小，不準(zhǔn)許改動(dòng)尺寸。改動(dòng)尺寸的窗口，在窗口尺寸發(fā)生改動(dòng)時(shí)控件的位置、大小做出相應(yīng)的改動(dòng)。改動(dòng)尺寸的窗口，在窗口改動(dòng)尺寸時(shí)添加相應(yīng)在的縱向、橫向滾動(dòng)條，以方便用戶運(yùn)用窗體上的控件。2.界面顏色搭配運(yùn)用恰當(dāng)?shù)念伾?，能夠使軟件的界面看起?lái)更加規(guī)范：a.統(tǒng)一色調(diào)針對(duì)軟件類型以及用戶工作環(huán)境挑選恰當(dāng)色調(diào)，如：安全軟件，根據(jù)工業(yè)準(zhǔn)則，能夠選取黃色。綠色體現(xiàn)環(huán)保，藍(lán)色表現(xiàn)時(shí)尚清新、紫色表現(xiàn)浪漫等等，淡色能夠使人舒適，暗色做背景使人不覺(jué)得累等。b.與操作系統(tǒng)統(tǒng)一c.遵循比較原則在淺色背景上運(yùn)用深色文字，深色背景上運(yùn)用淺色文字，如藍(lán)色文字以白色背景基本識(shí)別，而在紅色背景則不易分辨。除非特殊場(chǎng)合，杜絕運(yùn)用比較強(qiáng)烈，讓人產(chǎn)生憎惡感的顏色d.整個(gè)界面色彩盡量少的運(yùn)用類別不一樣的顏色e.顏色方案也許會(huì)因?yàn)轱@示器、顯卡、操作系統(tǒng)等原由顯示出不一樣的色彩f.針對(duì)色盲、色弱用戶，能夠運(yùn)用特殊指示符e.顏色方案也許會(huì)因?yàn)轱@示器、顯卡、操作系統(tǒng)等原由顯示出不一樣的色彩f.針對(duì)色盲、色弱用戶，能夠運(yùn)用特殊指示符三、軟件界面風(fēng)格的一致性界面的一致性既包含運(yùn)用準(zhǔn)則的控件，也指相似的信息表現(xiàn)要領(lǐng)，如在字體、標(biāo)簽風(fēng)格、顏色、術(shù)語(yǔ)、顯示錯(cuò)誤信息等方面確保一致。1.在不一樣分辨率下的美觀程度軟件界面要有一個(gè)默認(rèn)的分辨率，而在其他分辨率下也可以夠運(yùn)行，分別在800×600，1024×768，1280×768，1280×1024，1200×1600分辨率下的大字體、小字體下的界面表現(xiàn)。2.界面布局要一致如所有窗口按鈕的位置和對(duì)齊方式要保持一致。3.界面的外觀要一致如控件的大小、顏色、背景和顯示信息等屬性要一致，一些須要特殊處理或有特殊要求的地點(diǎn)除外。4.界面所用顏色要一致顏色的前后一致會(huì)使整個(gè)運(yùn)用軟件有同樣的觀感，反之會(huì)讓用戶覺(jué)得所操作的軟件雜亂無(wú)章，沒(méi)有準(zhǔn)則或言。5.操作要領(lǐng)要一致如雙擊其中的項(xiàng)，觸發(fā)某事件，那么雙擊任何其他列表框中的項(xiàng)，都應(yīng)該有同樣的事件發(fā)生。6.控件風(fēng)格、控件功能要專一a.不錯(cuò)誤的運(yùn)用控件比方運(yùn)用Button樣式做Table的功能，拿主菜單條顯示版權(quán)信息等b.一個(gè)控件只做單一功能，不復(fù)用假如在特殊情況下出現(xiàn)復(fù)用的時(shí)刻，可采用以下兩種要領(lǐng)處理：分組，運(yùn)用雙份控件運(yùn)用Table頁(yè)，給用戶很清楚的視覺(jué)改動(dòng)7.標(biāo)簽和訊息的措詞要一致如在提示、菜單和幫助中產(chǎn)生相似的術(shù)語(yǔ)。8.標(biāo)簽中文字信息的對(duì)齊方式要一致如某類描述信息的標(biāo)題行定為居中，那么其他類似的功能也應(yīng)該與此一致。9.快捷鍵在各個(gè)配置項(xiàng)上語(yǔ)義保持一致如Tab鍵的習(xí)性用法是閱讀順序從從左到右，從上到下。四、軟件界面操作可定制性界面的可定制性大致可分為以下多個(gè)特征：1.界面元素可定制準(zhǔn)許用戶定義工具欄、狀態(tài)欄能不能顯示，工具欄顯示在界面上的位置；準(zhǔn)許用戶定義菜單的位置等。2.工具欄可定制不一樣用戶對(duì)常用工具的運(yùn)用是不一樣的，因此準(zhǔn)許用戶建立新的工具欄，挑選要顯示的工具欄，定制工具欄上的按鈕等功能在軟件系統(tǒng)中時(shí)常被用到。3.統(tǒng)計(jì)檢索可定制對(duì)于某些特殊行業(yè)的軟件能夠提供統(tǒng)計(jì)檢索的可定制性，在充分明白用戶需求的基本上制定大量的安全供用戶挑選。4.軟件界面所包含各類元素準(zhǔn)則的定制軟件界面的元素大致可分為以下多個(gè)方面：1.窗口2.菜單3.圖標(biāo)4.控件5.鼠標(biāo)6.文字7.聯(lián)機(jī)幫助1、軟件界面窗口的準(zhǔn)則窗口是顯示裝備中的一個(gè)區(qū)域，用于觀看對(duì)象、對(duì)象相關(guān)信息以及運(yùn)用與對(duì)象的動(dòng)作執(zhí)行交互。從外觀上來(lái)說(shuō)，通常窗口是由標(biāo)題、邊框、菜單、工作區(qū)、滾動(dòng)條等組成。窗口的標(biāo)題欄能夠執(zhí)行打開(kāi)、關(guān)上、建立、縮放、移動(dòng)、刪除、重疊等操作好的軟件界面窗口應(yīng)該具備以下準(zhǔn)則：1.窗口控件的大小、對(duì)齊方向、顏色、背景等屬性的配置和程序設(shè)計(jì)規(guī)約相一致2.顯示相關(guān)的下拉菜單、工具條、滾動(dòng)條、對(duì)話框、按鈕、圖標(biāo)和其他控制，既能正確顯示又能調(diào)用3.若窗口不能顯示，所有內(nèi)容能夠改動(dòng)大小、移動(dòng)和滾動(dòng)4.活動(dòng)窗口能夠反顯加亮5.窗口能夠正確的關(guān)上6.多個(gè)窗口疊加時(shí)窗口的名稱正確顯示7.窗口的數(shù)據(jù)能夠運(yùn)用鼠標(biāo)、功能鍵、方向前頭和鍵盤(pán)操作8.當(dāng)窗口被覆蓋并重新調(diào)用后，窗口能夠正確再生9.假如運(yùn)用多任務(wù)，所有的窗口能夠被及時(shí)更新10.窗口支撐最小化和最大化或放大11.窗口上的控件隨著窗體的縮放而縮放12.父窗體支撐縮放時(shí)，子窗體也應(yīng)該支撐縮放13.一個(gè)窗口中按Tab鍵，移動(dòng)聚焦按順序移動(dòng)。先從左至右，再?gòu)纳系较?4.子窗口位置在父窗口的左上角或正中15.當(dāng)多個(gè)子窗口彈出時(shí)依次向右下方偏移，并且顯示出窗口標(biāo)題16.主要的命令按鈕與運(yùn)用頻繁的按鈕放在了界面醒目標(biāo)位置17.與正在執(zhí)行的操作無(wú)關(guān)的按鈕應(yīng)該加以屏蔽18.按鈕大小要與界面的大小和空間協(xié)調(diào)19.窗口中所包含的標(biāo)簽左對(duì)齊排列20.多窗口的切換響應(yīng)時(shí)間不宜過(guò)長(zhǎng)2、軟件界面菜單的準(zhǔn)則菜單能不能易用首要體現(xiàn)在它能否提供線索幫助用戶識(shí)別，而不用強(qiáng)迫用戶去記憶，一個(gè)好的菜單配置能夠分為以下多個(gè)方面：1.菜單配置契合軟件的需求2.菜單項(xiàng)的措詞精確，能夠表達(dá)出所要執(zhí)行配置的功能3.菜單項(xiàng)的順序合理，具有邏輯關(guān)聯(lián)的項(xiàng)目集中放置4.圖形布局一致3、軟件界面圖標(biāo)的準(zhǔn)則圖標(biāo)是示意實(shí)體信息簡(jiǎn)潔、抽象的符號(hào)，它還能夠作為可視按鈕項(xiàng)，當(dāng)被選中激活時(shí)，能夠完成指定的功能。那么圖標(biāo)的設(shè)計(jì)當(dāng)中應(yīng)該著重思慮哪些疑問(wèn)呢，以下提供幾點(diǎn)可供參考：1.圖標(biāo)的配置契合常規(guī)的表達(dá)習(xí)性2.不一樣的目標(biāo)采用不一樣的圖標(biāo)3.圖標(biāo)具有清晰的輪廓，輪廓清晰的圖標(biāo)可保證圖像在不一樣背景色上都具有較好的成效4.圖標(biāo)的外形與實(shí)際功能相似，應(yīng)盡量防止抽象。這樣的圖標(biāo)能夠運(yùn)用戶很輕輕松松、基本地識(shí)別圖標(biāo)的作用5.在圖標(biāo)上加以標(biāo)注，用來(lái)表明圖標(biāo)所完成的功能6.圖標(biāo)放置在菜單欄的下方4、軟件界面中控件的準(zhǔn)則軟件系統(tǒng)功能的實(shí)現(xiàn)與控件是密不可分的，各控件位置的擺放直接影響到軟件的運(yùn)用，及其美觀程度。下面舉例表明軟件系統(tǒng)中最常用到的控件對(duì)其元素間距、擺放位置執(zhí)行表明：1.控件元素的間距a.單個(gè)元素間距輸入框之間垂直間距為5pxLabel文本標(biāo)簽和輸入元素之間水平間距為8-22px復(fù)選框、單選按鈕之間垂直間距為8px多種元素混合垂直排列時(shí)，復(fù)選框和單選按鈕邊上的間距無(wú)論在什么情況下都為8pxb.元素分組間距窗口邊框和內(nèi)容區(qū)域的四周邊距為11px；父組和子組之間的四周間距為10px；分組框邊框和內(nèi)部?jī)?nèi)容區(qū)域的四周邊距為5px；復(fù)選框組、單選框組的組水平間距為15px2.按鈕的位置1.按鈕與最底部的對(duì)象左對(duì)齊，假如空間準(zhǔn)許則僅靠在最底部對(duì)象的右邊窗口區(qū)域，頁(yè)簽面板，分組框2.分組框按鈕位于分組框左下角，并和分組框內(nèi)其它元素左對(duì)齊3.位于表格下方，并和表格左對(duì)齊5、鼠標(biāo)在界面中的準(zhǔn)則用戶會(huì)把鼠標(biāo)移進(jìn)、移出窗口，或當(dāng)光標(biāo)在窗口，或當(dāng)光標(biāo)在窗口中，用戶按下、釋放鼠標(biāo)鍵，鼠標(biāo)能不能精確、靈活，對(duì)一個(gè)軟件系統(tǒng)來(lái)說(shuō)也很主要。以下幾點(diǎn)準(zhǔn)則可作為在軟件系統(tǒng)中鼠標(biāo)設(shè)計(jì)的參考：1.在整個(gè)交互的流程中，能夠識(shí)別鼠標(biāo)操作2.多次點(diǎn)擊鼠標(biāo)后，仍能夠正確識(shí)別3.鼠標(biāo)有多個(gè)按鈕的情況下，能夠正確識(shí)別每個(gè)按鈕所要完成的功能4.光標(biāo)、處理指示器和識(shí)別指針隨操作恰當(dāng)?shù)母膭?dòng)5.點(diǎn)擊選中時(shí)，鼠標(biāo)指針停留在選中內(nèi)容上，而不會(huì)滑動(dòng)6.支撐鼠標(biāo)滑輪上下翻動(dòng)操作7.對(duì)于相似種類的元素采用相似的操作激活8.采用動(dòng)態(tài)圖標(biāo)形象的示意出當(dāng)前的操作，如用水漏示意系統(tǒng)忙，用手型示意能夠點(diǎn)擊等9.鼠標(biāo)無(wú)準(zhǔn)則點(diǎn)擊時(shí)不會(huì)產(chǎn)生不良后果10.單擊鼠標(biāo)右鍵彈出快捷菜單，撤銷右鍵后該菜單潛藏11.鼠標(biāo)光標(biāo)樣式統(tǒng)一，盡量運(yùn)用系統(tǒng)準(zhǔn)則，杜絕出現(xiàn)重復(fù)的情況6、軟件界面文字的準(zhǔn)則文字在視覺(jué)上向用戶傳達(dá)各種信息，界面文字包含界面文字的字體和界面文字的用語(yǔ)兩個(gè)方面：1.字體a.運(yùn)用統(tǒng)一字體，如規(guī)定軟件系統(tǒng)的中文字體為“宋體”，英文及數(shù)據(jù)采用“TimesNewRoman”。b.所有控件、描述信息盡量運(yùn)用大小統(tǒng)一的字體屬性，除了特殊提示信息、增強(qiáng)顯示等例外情況。2.文字表達(dá)提示信息、幫助文檔文字表達(dá)遵循以下準(zhǔn)則：a.口語(yǔ)化描述，用詞客氣多用您、請(qǐng)，不要用或少用專業(yè)術(shù)語(yǔ)，杜絕錯(cuò)別字。b.標(biāo)點(diǎn)符號(hào)（斷句、逗號(hào)、句號(hào)、頓號(hào)、分號(hào)）的用法要統(tǒng)一，提示信息比較多的話要執(zhí)行分段。c.警告、信息、錯(cuò)誤運(yùn)用對(duì)應(yīng)的示意要領(lǐng)。d.運(yùn)用統(tǒng)一的語(yǔ)言描述，比方一個(gè)關(guān)上功能按鈕，能夠描述為退出、返回、關(guān)上，則應(yīng)該統(tǒng)一規(guī)定。e.根據(jù)用戶不一樣采用相應(yīng)的詞語(yǔ)語(yǔ)氣語(yǔ)調(diào)。7、軟件界面聯(lián)機(jī)幫助的準(zhǔn)則幫助文檔適用于以下三種