UI設(shè)計標(biāo)準(zhǔn)文檔

文檔介紹1.1文檔的目的本文檔詳細(xì)描述了目標(biāo)軟件系統(tǒng)的界面設(shè)計內(nèi)容，軟件設(shè)計人員將據(jù)此進(jìn)行各模塊的界面設(shè)計，測試人員將據(jù)此進(jìn)行各模塊的功能和性能測試。1.2文檔的范圍本文檔適合金楓連鎖信息管理系統(tǒng)新版本系統(tǒng)的界面設(shè)計。1.3讀者對象軟件設(shè)計人員測試人員1.4參考文檔《用戶界面設(shè)計_基本規(guī)程_V0.1.doc》1.5術(shù)語與縮寫解釋用戶界面設(shè)計規(guī)范參考《用戶界面設(shè)計基本規(guī)程V0.1.doc》文檔用戶界面匯總界面名稱標(biāo)識符描述用途及與其他界面之間的關(guān)系主界面GUI-MainForm加載主采單、背景顯示、導(dǎo)航采單普誦杳詢窗體GUI-CommonQueryForm由單個網(wǎng)格控件組成，提供對數(shù)據(jù)的普通查詢導(dǎo)航查詢窗體GUI-NavQueryForm由左側(cè)的屬性導(dǎo)航控件和右側(cè)的網(wǎng)格控件組成，提供對數(shù)據(jù)的普通查詢和快捷查詢樹形杳詢窗體GUI-TreeQueryForm由屬性控件組成，提供對數(shù)據(jù)的樹形查詢和顯示矩陣報表窗體GUI-MatrixReportForm由矩陣報表控件組成，提供對數(shù)據(jù)分析的矩陣顯示圖形報表窗體GUI-ChartReportForm由圖形報表控件組成，提供對數(shù)據(jù)分析的圖形顯示

可編輯普誦杳詢窗體GUI-EditableCommonQueryForm由可編輯的網(wǎng)格控件組成，提供對數(shù)據(jù)的直接增刪改操作，以及杳詢功能可編輯樹形杳詢窗體GUI-EditableTreeQueryForm由可編輯的樹形控件組成，提供對樹的直接增刪改操作，以及樹形杳詢功能普通編輯窗體GUI-CommonEditForm對單條數(shù)據(jù)進(jìn)行增刪改操作的窗體主從編輯窗體GUI-MDEditForm對主從表結(jié)構(gòu)的數(shù)據(jù)進(jìn)行增刪改操作的窗體界面標(biāo)準(zhǔn)和公共控件4.1界面元素精度標(biāo)準(zhǔn)兀素類型標(biāo)準(zhǔn)字體宋體,字號為9號,字形為常規(guī)工具條圖標(biāo)大小為24X24不帶文字的工具條高度為 36px帶文字的工具條高度為 48px編輯控件高度為20px對齊方式：與冋行控件水平對齊；與冋列控件兩端對齊控件內(nèi)容對齊方式：文本為左對齊；數(shù)值為右對齊標(biāo)簽米用右對齊方式日期控件顯示格式為：yyyy-MM-dd帶時間的日期控件顯示格式為 ：yyyy-MM-ddHH24:mi:ss按鈕高度為23px四個漢字以內(nèi)的寬度為75px公共按鈕必須配備快捷鍵（杳看標(biāo)準(zhǔn)按鈕庫說明）標(biāo)簽頁高度為20px寬度根據(jù)標(biāo)題字?jǐn)?shù)自適應(yīng)調(diào)整樹形控件寬度默認(rèn)為200px可通過鼠標(biāo)拖動調(diào)整寬度表格控件表格標(biāo)題咼度為23px必須顯示快捷杳詢行，高度為23px行高度為21px行號欄寬度為40px，完整顯示3位字?jǐn)?shù)垂直滾動條的寬度為15px水平滾動條的高度為15px列標(biāo)題和行內(nèi)容對齊方式：文本為左對齊；數(shù)值為右對齊彈出式窗體窗體為模態(tài)對話框（獨占式）初始位置為屏幕居中顯示屏蔽最小化按鈕，最大化和關(guān)閉按鈕可用可以鼠標(biāo)拖動調(diào)整窗體位置和大小界面樣式所有可編輯樣式的控件均可自定義顯示樣式

可導(dǎo)入和導(dǎo)出樣式文件支持系統(tǒng)管理員或操作員配置管理樣式LOV高度不低于200,寬度不低于210,窗口標(biāo)題命名統(tǒng)一為XXXXX列表懸浮提示窗體窗體寬度為260px，高度為68px初始位置為屏幕居中顯示，不可移動標(biāo)題居中顯示，寬度為 130px，高度為14px，粗體提示文本居中顯示，寬度為 250px，咼度為14px進(jìn)度條提示窗體窗體寬度為292px，高度為65px初始位置為屏幕居中顯示，不可移動提示文本居中顯示，寬度為 286px，咼度為38px，可自動換行進(jìn)度條居中顯示，寬度為 286px，咼度為21px，進(jìn)度顯示為百分比，在進(jìn)度條中間顯示4.2標(biāo)準(zhǔn)按鈕庫及快捷鍵

btn_yes［臬①&快捷鍵Alt+Ybtn_abortf絆止②1（快捷鍵Alt+Z4.3標(biāo)準(zhǔn)交互對話框庫對話框標(biāo)識圖例使用說明Msg_error_system系統(tǒng)發(fā)生未知異常時，框架彈出提示信息對話框標(biāo)識圖例使用說明Msg_error_system系統(tǒng)發(fā)生未知異常時，框架彈出提示信息孑眞Br!U孑眞Br!U衛(wèi)轉(zhuǎn)【￡也：的*if號科,nfl*審審.在向操作員提示了異常信息后，需要向操作員提供更加詳細(xì)（如數(shù)據(jù)庫返回的異常、或框架返回的異常等）時，使用該種類型提示框Msg_error_customMsg_error_customMsgMsg」nfo_o■定5v￡cer-i.[a.Ffertaff&jMEKsar>an:斗IE姻HhD：\l斤承3SS-SWSS'iT^stPrqlectFrairerto<k\bfi\iDebLiQ|l5￥5tsmMes5afle.jorB丈件名廣D:□:禪環(huán)目|吐桐圧理甘理宗葫卡餐很班\T^Pr^ect_FraiiewDrt\bln\DebuQ,i.S^temMe5saflejtnT55^stenxlD._Ejro<BWn]OE[TOr(lnD2errortode.StmgrraybeFu^iitii)在SysterT^ID.FfeStream.lifiC^lTngpath;WHodenwcleiFfeAccess*cceM,lnt33nghts,Boc*eanuseRights^FfeSharesharefJntSZbu和SamFieOptlongoptKm%5EQJR[TY_AITRIBLITE55€CAttT5rStwgnsgPsthrBMteanbFwn^lWpBOOleanUMiLflrflPatti}覆SytterrLfOJi^StTflairt.ctfl^trPo 用e?pdF Ha■"時s主要用于系統(tǒng)提示類信息的對話框，告知用戶系統(tǒng)做了什么如”保存成功”Msg_warn_oMsg_warn_o主要用于系統(tǒng)警告類信息的對話框 ，提醒用戶發(fā)生或?qū)⒁l(fā)生什么，如”XXX文件不存在”、“單據(jù)已審核，不能修改”Msg_error_oMsg_error_o主要用于系統(tǒng)錯誤類信息的對話框 ，提醒用戶發(fā)生了什么異常，如“刪除失敗”Msg_ask_ocMsg_warn_ocMsg_error_ocMsg_ask_ariMsg_error_ariMsg_ask_yncMsg_warn_yncMsg_error_yncL-fMsg_ask_ocMsg_warn_ocMsg_error_ocMsg_ask_ariMsg_error_ariMsg_ask_yncMsg_warn_yncMsg_error_yncL-fTMsg_ask_yn主要用于系統(tǒng)詢問類信息的對話框 ，讓用戶選擇接下來的操作，選擇確定，系統(tǒng)繼續(xù)執(zhí)行；選擇取消，系統(tǒng)中斷執(zhí)行，返回操作界面提示語一般要包含“確定要XXX嗎？”，如“確定要退出系統(tǒng)嗎？”主要用于系統(tǒng)警告類信息的對話框 ，讓用戶選擇接下來的操作，選擇確定，系統(tǒng)繼續(xù)執(zhí)行；選擇取消，系統(tǒng)中斷執(zhí)行，返回操作界面提示語一般要包含“XXX警告信息，確定要XXX嗎？”，如“系統(tǒng)將從數(shù)據(jù)庫刪除此單據(jù)，確定要繼續(xù)嗎？”主要用于系統(tǒng)錯誤類信息的對話框 ，讓用戶選擇接下來的操作，選擇確定，系統(tǒng)繼續(xù)執(zhí)行；選擇取消，系統(tǒng)中斷執(zhí)行，返回操作界面提示語一般要包含“XXX錯誤信息，確定要XXX嗎？”，如“XXX文件不存在，確定要繼續(xù)嗎？”主要用于系統(tǒng)詢問類信息的對話框 ，讓用戶選擇接下來的操作，選擇終止，系統(tǒng)中斷執(zhí)行，返回操作界面；選擇重試，系統(tǒng)再次執(zhí)行；選擇忽略，系統(tǒng)繼續(xù)執(zhí)行提示語一般要包含“XXX詢問信息，請選擇操作”主要用于系統(tǒng)警告類信息的對話框 ，讓用戶選擇接下來的操作，選擇終止，系統(tǒng)中斷執(zhí)行，返回操作界面；選擇重試，系統(tǒng)再次執(zhí)行；選擇忽略，系統(tǒng)繼續(xù)執(zhí)行提示語一般要包含“XXX警告信息，請選擇操作”主要用于系統(tǒng)錯誤類信息的對話框 ，讓用戶選擇接下來的操作，選擇終止，系統(tǒng)中斷執(zhí)行，返回操作界面；選擇重試，系統(tǒng)再次執(zhí)行；選擇忽略，系統(tǒng)繼續(xù)執(zhí)行提示語一般要包含“XXX錯誤信息，請選擇操作”主要用于系統(tǒng)詢問類信息的對話框 ，讓用戶選擇接下來的操作，選擇是，系統(tǒng)繼續(xù)執(zhí)行；選擇否，系統(tǒng)跳過某操作并繼續(xù)執(zhí)行；選擇取消，系統(tǒng)中斷執(zhí)行，返回操作界面提示語一般要包含“XXX提示信息，是否要XXX嗎？”主要用于系統(tǒng)警告類信息的對話框 ，讓用戶選擇接下來的操作，選擇是，系統(tǒng)繼續(xù)執(zhí)行；選擇否，系統(tǒng)跳過某操作并繼續(xù)執(zhí)行；選擇取消，系統(tǒng)中斷執(zhí)行，返回操作界面提示語一般要包含“XXX警告信息，是否要XXX嗎？”主要用于系統(tǒng)錯誤類信息的對話框 ，讓用戶選擇接下來的操作，選擇是，系統(tǒng)繼續(xù)執(zhí)行；選擇否，系統(tǒng)跳過某操作并繼續(xù)執(zhí)行；選擇取消，系統(tǒng)中斷執(zhí)行，返回操作界面提示語一般要包含“XXX錯誤信息，是否要XXX嗎？”主要用于系統(tǒng)詢問類信息的對話框 ，讓用戶選擇接下來的操作，選擇是，系統(tǒng)繼續(xù)執(zhí)行；選擇否，系統(tǒng)中斷執(zhí)行，返回操作界面提示語一般要包含“XXX提示信息，是否要XXX嗎？”

Msg_warn_yn主要用于系統(tǒng)警告類信息的對話框，讓用戶選擇接下來的操作，選擇是，系統(tǒng)繼續(xù)執(zhí)行；選擇否，系統(tǒng)中斷執(zhí)行，返回操作界面Msg_warn_yn提示語一般要包含“XXX警告信息，是否要XXX嗎？”Msg_error_yn主要用于系統(tǒng)錯誤類信息的對話框，讓用戶選擇接下來的操作，選擇是，系統(tǒng)繼續(xù)執(zhí)行；選擇否，系統(tǒng)中斷執(zhí)行，返回操作界面提示語一般要包含“XXX錯誤信息，是否要XXX嗎？”Msg_ask_rcMsg_warn_rc主要用于系統(tǒng)詢問類信息的對話框 ，讓用戶選擇接下來的操作，選擇重試，系統(tǒng)再次執(zhí)行；選擇取消 ，系統(tǒng)中斷執(zhí)行，返回操作界面提示語一般要包含“XXX提示信息，請選擇操作”主要用于系統(tǒng)警告類信息的對話框 ，讓用戶選擇接下來的操作，選擇重試，系統(tǒng)再次執(zhí)行；選擇取消 ，系統(tǒng)中斷執(zhí)行，返回操作界面提示語一般要包含“XXX警告信息，請選擇操作”Msg_error_rc主要用于系統(tǒng)錯誤類信息的對話框 ，讓用戶選擇接下來的操Msg_error_rc作，選擇重試，系統(tǒng)再次執(zhí)行；選擇取消 ，系統(tǒng)中斷執(zhí)行，返回操作界面提示語一般要包含“XXX錯誤信息，請選擇操作”4.4標(biāo)準(zhǔn)分辨率分辨率支持：WINDOWSXP平臺以上，支持自適應(yīng)分辨率;最佳分辨率支持：1024*768、1152*864；最低分辨率支持：800*600；4.5標(biāo)準(zhǔn)操作多行界面中，支持以下操作：使用鼠標(biāo)選中多行；使用Ctrl+鼠標(biāo)選中多行；使用Shift+鼠標(biāo)選中多行；使用Ctrl+A全選所有行；點擊某個功能界面中的“退出”按鈕，僅退出當(dāng)前界面；點擊系統(tǒng)控制臺的“關(guān)閉”或“退出系統(tǒng)”菜單，退出整個系統(tǒng)；文本編輯項，支持鼠標(biāo)右鍵魔術(shù)（快捷）菜單，即剪切、復(fù)制、粘貼、刪除、撤消、全選;樹形界面：支持通過鼠標(biāo)的拖拉來調(diào)整寬度；支持快速搜索，對樹內(nèi)容進(jìn)行全文檢索；節(jié)點內(nèi)容支持鼠標(biāo)右鍵魔術(shù)（快捷）菜單；列表式界面：支持通過鼠標(biāo)的拖拉來調(diào)整寬度、或位置；支持點擊列的標(biāo)題，對界面的內(nèi)容重新排序；每項都支持快速搜索；默認(rèn)焦點：MESSAGEBOX（彈出式交互窗口）：如有兩個或以上按鈕，焦點放在“取消”或“否”等不影響操作的按鈕上；搜索條件輸入窗口：放置在第一項；可編輯窗口：放置在第一項可編輯的項上；不可編輯窗口：放置在第一項；指示性信息：關(guān)鍵項、有格式要求項等提供指示性信息；光標(biāo)進(jìn)行相應(yīng)項時，在狀態(tài)欄提示相應(yīng)信息；鼠標(biāo)放置在相應(yīng)項上時，在鼠標(biāo)下方懸浮提示相應(yīng)信息；標(biāo)準(zhǔn)凍結(jié)（表格界面）凍結(jié)：支持左凍結(jié)：支持單項凍結(jié)：選中項凍結(jié)，凍結(jié)項自動排列以最左邊；支持分組凍結(jié)：從最左邊非凍結(jié)的第一項起，截止至選中項的項進(jìn)行凍結(jié)，并排列在最左邊；支持右凍結(jié)：支持單項凍結(jié)：選中項凍結(jié)，凍結(jié)項自動排列以最右邊；支持分組凍結(jié)：從最右邊非凍結(jié)的第一項起，截止至選中項的項進(jìn)行凍結(jié)，并排列在最右邊；解凍：支持兩種方式解凍：解凍左邊：從最左邊非凍結(jié)的第一項起，截止至選中項的項進(jìn)行解凍；解凍右邊：從最右邊非凍結(jié)的第一項起，截止至選中項的項進(jìn)行解凍；僅支持一次解凍；標(biāo)準(zhǔn)編輯項類型文本項：光標(biāo)可以進(jìn)入；可以設(shè)置為只讀、讀寫、屏蔽；支持鼠標(biāo)右鍵魔術(shù)（快捷）菜單；列表項LIST：彈出類型：不支持輸入、只支持選擇；列表值以下拉形式顯示；不支持鼠標(biāo)右鍵魔術(shù)（快捷）菜單；鼠標(biāo)放置時，滾動中鍵，值不改變，當(dāng)在彈出列表值時，可以使用鼠標(biāo)中鍵滾動，選中值并點擊后再改變列表項的值；文本類型：光標(biāo)可以進(jìn)入；支持輸入、支持選擇、亦支持通過上下箭頭選擇；列表值以下拉形式顯示；支持鼠標(biāo)右鍵魔術(shù)（快捷）菜單；鼠標(biāo)放置時，滾動中鍵，值不改變，當(dāng)在彈出列表值時，可以使用鼠標(biāo)中鍵滾動，選中值并點擊后再改變列表項的值；組合類型：光標(biāo)可以進(jìn)入；支持輸入、亦支持通過上下箭頭選擇；無列表值；支持鼠標(biāo)右鍵魔術(shù)（快捷）菜單；鼠標(biāo)放置時，滾動中鍵，值不改變，當(dāng)在彈出列表值時，可以使用鼠標(biāo)中鍵滾動，選中值并點擊后再改變列表項的值；列表項LOV：光標(biāo)可以進(jìn)入；支持輸入、亦支持選擇；列表的值以彈出窗口顯示；支持鼠標(biāo)右鍵魔術(shù)（快捷）菜單；列表項（日期）：光標(biāo)可以進(jìn)入；支持輸入、亦支持選擇；列表值以下拉形式顯示；支持鼠標(biāo)右鍵魔術(shù)（快捷）菜單；鼠標(biāo)放置時，滾動中鍵，值不改變，當(dāng)在彈出列表值時，可以使用鼠標(biāo)中鍵滾動，選中值并點擊后再改變列表項的值；顯示項：光標(biāo)不可進(jìn)入；不能輸入；不支持鼠標(biāo)右鍵魔術(shù)（快捷）菜單；檢查項：光標(biāo)可進(jìn)入；可以設(shè)置為只讀、讀寫、屏蔽；不支持鼠標(biāo)右鍵魔術(shù)（快捷）菜單；單選項：光標(biāo)可進(jìn)入；可以設(shè)置為只讀、讀寫、屏蔽；不支持鼠標(biāo)右鍵魔術(shù)（快捷）菜單；標(biāo)準(zhǔn)列表項（LIST及LOV）列表內(nèi)容：門店：顯示門店編碼、門店簡稱、門店全稱；其他項：顯示編碼、名稱；支持鼠標(biāo)調(diào)整大?。蝗缧杼厥怙@示，必須在UI設(shè)計中著重描述；LIST原型：5.LOV原型:品牌L d亢許門店補貨.?AW”FLhd［Cl*at|”FLhd［Cl*at|品犧瑪品牌宕稱>lOOOOO"……'樂百氏0000001""三級融3?曲02 三圾品牌20000003 三級品牌30000004OOC001二級融誦圭 期消乍毛稲ci^tafie6.LOV基本操作：剛顯示LOV窗口時，焦點放置在列表值的第一行的第一列；搜索項輸入標(biāo)準(zhǔn)：支持有焦點輸入、以及無焦點輸入，當(dāng)焦點在本項，按向下方向鍵可以導(dǎo)航至列表項;搜索項的查詢標(biāo)準(zhǔn)：全模糊查詢；支持按回車鍵直接返回值；4.9標(biāo)準(zhǔn)快速搜索4.9.1列表式界面輸入快速搜索條件位置：列表標(biāo)題與顯示內(nèi)容之間的空行，即為該列的可輸入的快速搜索項；操作方式：手工輸入，支持全模糊查詢；支持使用回退鍵刪除快速搜索項的輸入內(nèi)容，清空該項的快速搜索條件，恢復(fù)搜索前的顯示；搜索結(jié)果顯示方式：僅顯示符墳快速搜索條件的內(nèi)容在列表界面中；搜索狀態(tài)欄在任意一列輸入快速搜索條件后，在列的底部出現(xiàn)快速搜