用戶界面設計說明書

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

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

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

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

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