用戶界面設(shè)計說明書模板

1、用戶界面設(shè)計說明書模板 機構(gòu)圖標(biāo) 項目名稱 用戶界面設(shè)計報告 文件狀態(tài)： V草稿 正式發(fā)布 正在 修改 文件 標(biāo)識： Compa ny-Project-SD-UI 當(dāng)前 版本： X. X 作 者： XX 完成 日期： 2015-06-10 機構(gòu)公開信息 版本歷史 版本/狀 態(tài) 作 者 參與 者 起止日 期 備注 0.文檔介紹6 0. 1文檔目的6 0.2文檔范圍6 0. 3讀者對象6 0. 4參考文獻(xiàn)6 0.5術(shù)語與縮寫解釋7 1. 應(yīng)當(dāng)遵循的界面設(shè)計規(guī)范 8 2. 界面的關(guān)系圖和工作流程圖8 3. 主界面10 5.子界面B 4. 子界面A 10 錯誤！未定乂書簽 6. 美學(xué)設(shè)計11 7. 界

2、面資源設(shè)計11 8. 其他12 0.文檔介紹 文檔目的 (1) 確定用戶界面的整體風(fēng)格，初步設(shè)計軟件的 框架結(jié)構(gòu)，為項目的詳細(xì)設(shè)計、實現(xiàn)、測試和維護 提供依據(jù) (2) 幫助用戶和設(shè)計人員了解程序界面設(shè)計的原 理， o. 1文檔范圍 用戶界面主界面、各個從界面以及各種圖標(biāo)背景等 資源的初步設(shè)計。用戶軟件使用流程的概要設(shè)計。 0. 3讀者對象 用戶、界面設(shè)計人員、程序設(shè)計人員 0. 4參考文獻(xiàn) 例如： AAA作者，立項建議書,機構(gòu)名稱，日期 SPP-PROC-SD SEPG ,系統(tǒng)設(shè)計規(guī)范，機構(gòu)名稱，日期 0. 5術(shù)語與縮寫解釋 縮寫、術(shù)語 解釋 SPP 精簡并行過程，Simplified Par

3、allel Process SD 系統(tǒng)設(shè)計，System Design 1. 應(yīng)當(dāng)遵循的界面設(shè)計規(guī)范 界面應(yīng)遵循簡潔、友好、全面展示信息的原則 2. 界面的關(guān)系圖和工作流程圖 (1)給所有界面視圖分配唯一的標(biāo)識符。 （2）繪制各個界面之間的關(guān)系圖和工作流程 圖 3. 主界面 （1）繪制主界面的視圖； （2）說明主界面中所有對象的功能和操作方式； 4. 子界面A （1）繪制子界面A的視圖； （2）說明子界面A中所有對象的功能和操作 方 式； 通過點擊主界面的菜單按鈕進(jìn)入子界面A,包含登 陸注銷功能、開啟關(guān)閉錄像功能和發(fā)送哭笑臉功 能。 5. 美學(xué)設(shè)計 (1) 主界面采用上下兩層布局，上層展示采集到 的畫面，使用戶更直觀的獲得駕駛信息；底層采用 四宮格的基礎(chǔ)上，增加中心點，將用戶最關(guān)注的信 息放在最容易獲得的地方，極大的方便用戶獲取所 需信息。 (2) 界面采用扁平化的設(shè)計風(fēng)格，并采用白藍(lán)兩 種色彩為基本格調(diào)。用簡潔友好的界面向用戶展