用戶界面設(shè)計(jì)說(shuō)明書

1、耀邦科技有限公司項(xiàng)目名稱用戶界面設(shè)計(jì)說(shuō)明書版本x.y文檔 IDvx.y修訂歷史修訂日期版本修訂說(shuō)明作者生效日期2002-4-17vx.y.z做了哪些修改誰(shuí)修改的批準(zhǔn)日期©成都耀邦科技有限責(zé)任公司,2005Page 6 of 6目錄1. 簡(jiǎn)介41.1 背景41.2 目標(biāo)41.3 參考資料41.4 術(shù)語(yǔ)表42. 用戶界面需求43. 界面總體風(fēng)格43.1 頁(yè)面風(fēng)格43.2 按鈕風(fēng)格53.3 文字風(fēng)格53.4 表單風(fēng)格53.5 圖象風(fēng)格54. 用戶界面清單65. 用戶界面圖集65.1 子系統(tǒng)65.1.1 界面一6用戶界面設(shè)計(jì)說(shuō)明書注意：模板中藍(lán)色字體為撰寫本文檔的說(shuō)明或提示，請(qǐng)于文檔完成時(shí)刪

2、除。用戶界面設(shè)計(jì)說(shuō)明書（UserInterfaceDesignSpecification,UIDS）,對(duì)軟件的用戶界面風(fēng)格、布局、操作流程等進(jìn)行全面說(shuō)明。1 .簡(jiǎn)介1.1 背景簡(jiǎn)要說(shuō)明待開(kāi)發(fā)的軟件系統(tǒng)的名稱、版本和將要實(shí)現(xiàn)的功能。1.2 目標(biāo)說(shuō)明本用戶界面設(shè)計(jì)所要達(dá)到的目標(biāo)以及詳細(xì)程度。1.3 參考資料列出與本文密切相關(guān)的參考資料，如：屬于本項(xiàng)目的其它已發(fā)表的文件，如需求規(guī)格說(shuō)明書、總體設(shè)計(jì)說(shuō)明書等;本文件中各處引用的文件、資料，包括所要用到的軟件開(kāi)發(fā)標(biāo)準(zhǔn)。名稱ID版本獲取方式1.4 術(shù)語(yǔ)表列出本文件中用到的專門術(shù)語(yǔ)的定義和外文縮寫的詞組。術(shù)語(yǔ)解釋注意：1.3、1.4如果內(nèi)容太多，可移至文檔末

3、尾2 .用戶界面需求簡(jiǎn)要說(shuō)明系統(tǒng)對(duì)用戶界面的需求以及設(shè)計(jì)時(shí)的考慮。本節(jié)對(duì)應(yīng)軟件需求中對(duì)用戶界面的要求。3 .界面總體風(fēng)格本節(jié)描述本產(chǎn)品所有界面必須統(tǒng)一采用的風(fēng)格。對(duì)應(yīng)于總體設(shè)計(jì)階段的用戶界面設(shè)計(jì)。以下以Web界面的典型風(fēng)格說(shuō)明怎樣進(jìn)行總體風(fēng)格設(shè)計(jì)。3.1 頁(yè)面風(fēng)格頁(yè)面總體風(fēng)格包括主色調(diào)、背景圖（一個(gè)產(chǎn)品應(yīng)該運(yùn)用統(tǒng)一的背景圖）、公司標(biāo)志（在公司的多個(gè)標(biāo)志中選擇一個(gè)）、適用的圖象分辨率、分幀等。另外，對(duì)于不同的頁(yè)面，應(yīng)將可能出現(xiàn)的頁(yè)面分類，并分別描述各類頁(yè)面應(yīng)包含的內(nèi)容。分類的方式可以按照頁(yè)面層次分，也可以按照頁(yè)面種類分，例如：按層次分：一級(jí)頁(yè)面查詢條件輸入頁(yè)二級(jí)頁(yè)面一一查詢結(jié)果輸出頁(yè)、查詢出錯(cuò)提

4、示頁(yè)、用戶信息提交成功頁(yè)三級(jí)頁(yè)面一一查詢結(jié)果詳細(xì)信息輸出頁(yè)四級(jí)頁(yè)面其它深層次頁(yè)面按種類分：主頁(yè)用戶注冊(cè)頁(yè)查詢頁(yè)查詢結(jié)果頁(yè)出錯(cuò)提示頁(yè)用戶信息提交成功頁(yè)幫助頁(yè)其它3.2 按鈕風(fēng)格按鈕的顏色、大小、間距等。同樣也可分成幾類分別描述，如工具欄中的按鈕、查詢頁(yè)中的按鈕等。3.3 文字風(fēng)格文字的大小、顏色、字體、間距等?？煞譃橹形淖?、英文字；也可分為正文文字、按鈕中文字、超鏈接文字等分別描述。3.4 表單風(fēng)格如：位于頁(yè)面正中是否適用“冒號(hào)”，如“項(xiàng)目名稱”還是“項(xiàng)目名稱：”背景顏色，或不同顏色分別代表什么含義邊框是立體的還是平面的還是其它什么樣的3.5 圖象風(fēng)格如：圖象大小限制（一般應(yīng)有一上限）圖象格式（

5、規(guī)定幾種標(biāo)準(zhǔn)格式如.gif,.jpg等，一般最好不要用.bmp等）圖象命名（可以考慮先分類后命名，如bg-01,bg-02,banner-01,banner-02,button-open,button-close等）4 .用戶界面清單本節(jié)及以下節(jié)對(duì)應(yīng)詳細(xì)設(shè)計(jì)階段對(duì)用戶界面的設(shè)計(jì)。在此列出主要的用戶界面文件并說(shuō)明其用途及相關(guān)的組件/模塊。代碼名稱所屬子系統(tǒng)相關(guān)組件/模塊描述UI1.1logon.htm/UI1.2index.htm/UI2.1serv1.htmSERV1/服務(wù)端子系統(tǒng)1登錄UI2.2ddf.htmSERV1DDF管理DDF設(shè)備信息錄入U(xiǎn)I2.3odf.htmSERV1ODF管理ODF設(shè)備信息錄入5 .用戶界