軟件設(shè)計(jì)方案--（用戶界面設(shè)計(jì)規(guī)范）

《軟件設(shè)計(jì)方案--（用戶界面設(shè)計(jì)規(guī)范）》由會(huì)員上傳分享，免費(fèi)在線閱讀，更多相關(guān)內(nèi)容在行業(yè)資料-天天文庫(kù)。

1、軟件設(shè)計(jì)方案用戶界面設(shè)計(jì)規(guī)范用戶界面：又稱人機(jī)界面，實(shí)現(xiàn)用戶與計(jì)算機(jī)之間的通信，以控制計(jì)算機(jī)或進(jìn)行用戶與計(jì)算機(jī)之間的數(shù)據(jù)傳送的系統(tǒng)部件。GUI：即圖形用戶界面，一種可視化的用戶界面，它使用圖形界面代替正文界面。本系統(tǒng)堅(jiān)持圖形用戶界面（GUI）設(shè)計(jì)原則，界面直觀、對(duì)用戶透明。用戶接觸軟件后對(duì)界面上對(duì)應(yīng)的功能一目了然、不需要多少培訓(xùn)就可以方便地使用本應(yīng)用系統(tǒng)。1、界面設(shè)計(jì)介紹界面設(shè)計(jì)是為了滿足軟件專業(yè)化標(biāo)準(zhǔn)化的需求而產(chǎn)生的對(duì)軟件的使用界面進(jìn)行美化優(yōu)化規(guī)范化的設(shè)計(jì)分支。1）軟件啟動(dòng)封面設(shè)計(jì)應(yīng)使軟件啟動(dòng)封面最終為高清晰度的圖像，選

2、用的色彩不宜超過256色，大小多為主流顯示器分辨率的1/6大。啟動(dòng)封面上應(yīng)該醒目地標(biāo)注制作或支持的公司標(biāo)志、產(chǎn)品商標(biāo)、軟件名稱、版本號(hào)、網(wǎng)址、版權(quán)聲明、序列號(hào)等信息，以樹立軟件形象，方便使用者或購(gòu)買者在軟件啟動(dòng)的時(shí)候得到提示。插圖宜使用具有獨(dú)立版權(quán)的、象征性強(qiáng)的、識(shí)別性高的、視覺傳達(dá)效果好的圖形，若使用攝影也應(yīng)該進(jìn)行數(shù)位處理，以形成該軟件的個(gè)性化特征。如果是系列軟件還將考慮整體設(shè)計(jì)的統(tǒng)一和延續(xù)性。2）軟件框架設(shè)計(jì)軟件的框架設(shè)計(jì)要復(fù)雜得多。軟件框架設(shè)計(jì)應(yīng)該簡(jiǎn)潔明快，盡量少用無謂的裝飾，應(yīng)該考慮節(jié)省屏幕空間，各種分辨率的大小，

3、縮放時(shí)的狀態(tài)和原則，并且為將來設(shè)計(jì)的按鈕、菜單、標(biāo)簽、滾動(dòng)條及狀態(tài)欄預(yù)留位置。設(shè)計(jì)中將整體色彩組合進(jìn)行合理搭配，將軟件商標(biāo)放在顯著位置，主菜單應(yīng)放在左邊或上邊，滾動(dòng)條放在右邊，狀態(tài)欄放在下邊，以符合視覺流程和用戶使用心理。3）軟件按鈕設(shè)計(jì)軟件按鈕設(shè)計(jì)應(yīng)該具有交互性，即應(yīng)該有3到6種狀態(tài)效果：點(diǎn)擊前鼠標(biāo)未放在上面時(shí)的狀態(tài)；鼠標(biāo)放在上面但未點(diǎn)擊的狀態(tài)；點(diǎn)擊時(shí)狀態(tài)；點(diǎn)擊后鼠標(biāo)未放在上面時(shí)的狀態(tài)；不能點(diǎn)擊時(shí)狀態(tài)；獨(dú)立自動(dòng)變化的狀態(tài)。按鈕應(yīng)具備簡(jiǎn)潔的圖示效果，名稱易懂，用詞準(zhǔn)確，能望文知意最好，讓使用者產(chǎn)生功能關(guān)聯(lián)反應(yīng)，群組內(nèi)按鈕應(yīng)

4、該風(fēng)格統(tǒng)一，功能差異大的按鈕應(yīng)該有所區(qū)別。4）軟件面板設(shè)計(jì)軟件面板設(shè)計(jì)應(yīng)該具有縮放功能，面板應(yīng)該對(duì)功能區(qū)間劃分清晰，應(yīng)該和對(duì)話框、彈出框等風(fēng)格匹配，盡量節(jié)省空間，切換方便。5）菜單設(shè)計(jì)菜單設(shè)計(jì)一般有選中狀態(tài)和未選中狀態(tài)，左邊應(yīng)為名稱，右邊應(yīng)為快捷鍵。如果有下級(jí)菜單應(yīng)該有下級(jí)箭頭符號(hào)，不同功能區(qū)間應(yīng)該用線條分割。對(duì)與進(jìn)行的操作無關(guān)的菜單要用屏蔽的方式加以處理，如果采用動(dòng)態(tài)加載方式，即只有需要的菜單才顯示最好。主菜單的寬度要接近，字?jǐn)?shù)不應(yīng)多于四個(gè)，每個(gè)菜單的字?jǐn)?shù)能相同最好。主菜單數(shù)目不應(yīng)太多，最好為單排布置。6）標(biāo)簽設(shè)計(jì)標(biāo)簽設(shè)

5、計(jì)應(yīng)該注意轉(zhuǎn)角部分的變化，狀態(tài)可參考按鈕。7）圖標(biāo)設(shè)計(jì)圖標(biāo)設(shè)計(jì)色彩不宜超過64色，大小為16x16、32x32兩種，應(yīng)該加以著重考慮視覺沖擊力，它需要在很小的范圍表現(xiàn)出軟件的內(nèi)涵，在設(shè)計(jì)時(shí)使用簡(jiǎn)單的顏色，利用眼睛對(duì)色彩和網(wǎng)點(diǎn)的空間混合效果，做出精彩圖標(biāo)。8）滾動(dòng)條及狀態(tài)欄設(shè)計(jì)滾動(dòng)條主要是為了對(duì)區(qū)域性空間的固定大小中內(nèi)容量的變換進(jìn)行設(shè)計(jì)，應(yīng)該有上下箭頭，滾動(dòng)標(biāo)等，有些還有翻頁(yè)標(biāo)。狀態(tài)欄是為了對(duì)軟件當(dāng)前狀態(tài)的顯示和提示。9）安裝過程設(shè)計(jì)安裝過程設(shè)計(jì)主要是將軟件安裝的過程進(jìn)行美化，包括對(duì)軟件功能進(jìn)行圖示化。10）包裝及商品化最后

6、軟件產(chǎn)品的包裝應(yīng)該考慮保護(hù)好軟件產(chǎn)品，功能的宣傳融合于美觀中，可以印刷部分產(chǎn)品介紹。2、界面設(shè)計(jì)原則1）易用性（1）完成相同或相近功能的按鈕用Frame框起來，常用按鈕要支持快捷方式；（2）完成同一功能或任務(wù)的元素放在集中位置，減少鼠標(biāo)移動(dòng)的距離；（3）按功能將界面劃分局域塊，用Frame框括起來，并要有功能說明或標(biāo)題；（4）界面要支持鍵盤自動(dòng)瀏覽按鈕功能，即按Tab鍵的自動(dòng)切換功能；（5）同一界面上的控件數(shù)最好不要超過10個(gè)，多于10個(gè)時(shí)可以考慮使用分頁(yè)界面顯示；（6）分頁(yè)界面要支持在頁(yè)面間的快捷切換，常用組合快捷鍵Ct

7、rl+Tab；（7）默認(rèn)按鈕要支持Enter及選操作，即按Enter后自動(dòng)執(zhí)行默認(rèn)按鈕對(duì)應(yīng)操作；（8）可寫控件檢測(cè)到非法輸入后應(yīng)給出說明并能自動(dòng)獲得焦點(diǎn)；（9）Tab鍵的順序與控件排列順序要一致，目前流行從上到下、從左到右的方式；（10）復(fù)選框和選項(xiàng)框要有默認(rèn)選項(xiàng)，按選擇機(jī)率的高低而先后排列，并支持Tab選擇；（11）界面空間較小時(shí)使用下拉框而不用選項(xiàng)框；（12）選項(xiàng)數(shù)較少時(shí)使用選項(xiàng)框，相反使用下拉列表框；（13）適當(dāng)使用相關(guān)的專業(yè)術(shù)語(yǔ)，提倡使用通用性字眼。2）規(guī)范性通常界面設(shè)計(jì)都按Windows界面的規(guī)范來設(shè)計(jì)，即包含“

8、菜單條、工具欄、工具廂、狀態(tài)欄、滾動(dòng)條、右鍵快捷菜單”的標(biāo)準(zhǔn)格式。小型軟件一般不提供工具廂。（1）菜單前的圖標(biāo)能直觀地代表要完成的操作，常用菜單要有命令快捷方式；（2）完成相同或相近功能的菜單用橫線隔開放在同一位置，菜單深度一般要求最多控制在三層以內(nèi)；（3）相同或相近功能的工具欄放在一起，工具欄中的每一