軟件界面設(shè)計規(guī)范

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

1、軟件界面設(shè)計規(guī)范界面是軟件與用戶交互的最直接的層，界面的好壞決定用戶對軟件的第一印象，設(shè)計良好的界面能夠引導(dǎo)用戶自己完成相應(yīng)操作，起到向?qū)ё饔?。界面設(shè)計主要是為了達(dá)到以下目的。1)以用戶為中心。設(shè)計由用戶控制一致的界面，而不是界面控制用戶。2)清楚一致的設(shè)計。所有界面的風(fēng)格保持一致，所有具有相同含義的術(shù)語保持一致，且易于理解和使用。3)擁有良好的直覺特征。以用戶所熟悉的現(xiàn)實(shí)世界事務(wù)的抽象來給用戶暗示和隱喻，來幫助用戶能迅速學(xué)會軟件的使用。4)較快的響應(yīng)速度。5)簡潔、美觀。界面風(fēng)格一致性操作項(xiàng)基本規(guī)范UI色彩與字體1)界面字體、色彩要一致2)整體色彩搭配要融為一體，起提示作用的部分

2、要清楚醒目3)不可修改的字段，統(tǒng)一使用灰色文字現(xiàn)實(shí)窗口風(fēng)格1)所有窗口最大化、最消化風(fēng)格要一致2)報錯頁面的風(fēng)格要一致，最好有統(tǒng)一的報錯頁面3)類似功能的窗口打開的風(fēng)格要一致4)相同功能在不同模塊的名稱要一致5)子窗體應(yīng)盡量在顯示在主窗體的左上或者居中放置。6)彈出式窗口盡量在不借助滾動條的情況下顯示所有內(nèi)容。7)窗體最小化/最大化時，控件也要隨著窗體而縮放。布局1)窗體控件布局和間距盡量與Windows標(biāo)準(zhǔn)保持一致2)盡量采用DOCK和錨點(diǎn)來讓布局合理3)盡量讓窗體中顯示大部分常用功能菜單深度1)菜單深度一般不要超過三層2)菜單層次太多時應(yīng)給出返回主窗口、主分支的快捷連接。1)按

3、鈕1)按鈕風(fēng)格相同，大小相似，字體一致2)無效按鈕要屏蔽控件1)各復(fù)選框和選項(xiàng)框按選擇幾率的高低而先后排列2)復(fù)選框和選項(xiàng)框要有默認(rèn)選項(xiàng)，并支持Tab選擇3)界面空間較小時使用下拉框而不用選擇框4)選項(xiàng)數(shù)較少時使用選項(xiàng)框，相反使用下拉列表框。文本框輸入操作項(xiàng)基本規(guī)范必輸項(xiàng)1)輸入項(xiàng)中不可為空，不可輸入空格。2)必輸項(xiàng)給出必輸項(xiàng)標(biāo)識（*）。字段長度1)超過數(shù)據(jù)庫規(guī)定長度時不允許輸入。格式校驗(yàn)身份證號、E-MALL、郵箱等特定字段的格式要符號需求的規(guī)定。日期格式1)日期顯示格式一致，如：yyyy-mm-dd2)使用日期控件，盡量不是手工錄入。特殊字符1)輸入?yún)^(qū)域輸入特殊字符，插入數(shù)據(jù)庫

4、時不出錯或者提示不允許輸入特殊字符。特殊字符包括：，“＝￥%@$&等英文輸入英文輸入不區(qū)分大小寫，不可輸入漢字、數(shù)字及特殊字符數(shù)值字段只能輸入+－0－9及功能鍵（backSpace光標(biāo)）字符字段如果支持日韓文字，要判斷全角假名/半角假名單行文本框/多行文本框長度合適，可以容納相應(yīng)文字，但不能超過數(shù)據(jù)庫該字段長度，最好將可以輸入的最大字符數(shù)標(biāo)在旁邊。建議單行文本框中輸入的字符超過一定長度時再輸入無效；對于多行文本框給出最大字符數(shù)標(biāo)識。附件1)可正常添加符合格式的附件1)附件可正常打開和保存，附件名較長時可正常操作。2)直接輸入錯誤的附件地址，保存時應(yīng)給出提示信息3)附件打開/保存到本

5、地時，文件名要顯示原附件文件名。密碼輸入1)需要在需求中定義密碼是否允許為空或者空格；密碼是否允許特殊字符；是否區(qū)分大小寫，密碼的可輸入長度2)程序中應(yīng)該給出文字說明密碼的可輸入長度。用戶界面行為操作項(xiàng)基本規(guī)范鼠標(biāo)鼠標(biāo)為不可點(diǎn)擊狀態(tài)時顯示箭頭，可點(diǎn)擊狀態(tài)顯示手型；系統(tǒng)忙時顯示沙漏形狀。光標(biāo)定位1)打開新增（修改）頁面時，光標(biāo)初始定位在第一個待輸入的文本區(qū)。2)因輸入不正確提示用戶重新輸入時，光標(biāo)默認(rèn)focus在出錯的輸入?yún)^(qū)，并高亮全選該錯誤輸入。3)若必輸入項(xiàng)未填寫完就提交，應(yīng)該給出說明信息并能自動獲得焦點(diǎn)。4)可寫控件監(jiān)測到非法輸入后應(yīng)該給出說明并能自動獲得焦點(diǎn)。TAB鍵1)界面

6、支持鍵盤自動瀏覽按鈕功能。即TAB自動切換功能。2)TAB鍵的順序與控件排列順序要一致，一般情況下總體從上到下，同時行間從左到右的方式。