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

1、耀邦科技有限公司項(xiàng)目名稱用戶界面設(shè)計(jì)說明書版本x.y文檔 IDvx.y修訂歷史修訂日期版本修訂說明作者生效日期2002-4-17vx.y.z做了哪些修改誰修改的批準(zhǔn)日期©成都耀邦科技有限責(zé)任公司,2005Page 6 of 6目錄1. 簡介41.1 背景41.2 目標(biāo)41.3 參考資料41.4 術(shù)語表42. 用戶界面需求43. 界面總體風(fēng)格43.1 頁面風(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ì)說明書注意：模板中藍(lán)色字體為撰寫本文檔的說明或提示，請于文檔完成時刪

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

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

4、示頁、用戶信息提交成功頁三級頁面一一查詢結(jié)果詳細(xì)信息輸出頁四級頁面其它深層次頁面按種類分：主頁用戶注冊頁查詢頁查詢結(jié)果頁出錯提示頁用戶信息提交成功頁幫助頁其它3.2 按鈕風(fēng)格按鈕的顏色、大小、間距等。同樣也可分成幾類分別描述，如工具欄中的按鈕、查詢頁中的按鈕等。3.3 文字風(fēng)格文字的大小、顏色、字體、間距等?？煞譃橹形淖帧⒂⑽淖?；也可分為正文文字、按鈕中文字、超鏈接文字等分別描述。3.4 表單風(fēng)格如：位于頁面正中是否適用“冒號”，如“項(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é)對應(yīng)詳細(xì)設(shè)計(jì)階段對用戶界面的設(shè)計(jì)。在此列出主要的用戶界面文件并說明其用途及相關(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 .用戶界