軟件測試-用戶界面設(shè)計(jì)(共10頁)

1、精選優(yōu)質(zhì)文檔-傾情為你奉上專心-專注-專業(yè)學(xué)生綜合測評管理系統(tǒng)項(xiàng)目用戶界面設(shè)計(jì)報(bào)告文件標(biāo)識：FH-SCAMS-UIDR DESIGN當(dāng)前版本：1.0作 者：文件狀態(tài)： 草稿 正式發(fā)布 正在修改完成日期：版 本 歷 史版本/狀態(tài)作者參與者起止日期備注1.0西南科技大學(xué)計(jì)算機(jī)科學(xué)與技術(shù)學(xué)院第三屆卓越工程師班第七組精選優(yōu)質(zhì)文檔-傾情為你奉上專心-專注-專業(yè)目錄目錄0. 文檔介紹文檔介紹.40.1 文檔目的.40.2 文檔范圍.40.3 讀者對象.40.4 參考文獻(xiàn).40.5 術(shù)語與縮寫解釋.41. 應(yīng)當(dāng)遵循的界面設(shè)計(jì)規(guī)范應(yīng)當(dāng)遵循的界面設(shè)計(jì)規(guī)范.52. 界面的關(guān)系圖和工作流程圖界面的關(guān)系圖和工作流程圖

2、.53. 登錄界面登錄界面.63.1 登錄界面效果圖.63.2 登錄界面介紹.64. 主界面主界面.74.1 主界面效果圖.74.2 主界面介紹.75. 子界面子界面 個(gè)人信息界面?zhèn)€人信息界面.85.1 個(gè)人信息界面效果圖.85.2 個(gè)人信息界面介紹.86. 美學(xué)設(shè)計(jì)美學(xué)設(shè)計(jì).86.1 界面布局.86.2 界面色彩搭配.97. 界面資源設(shè)計(jì)界面資源設(shè)計(jì).9精選優(yōu)質(zhì)文檔-傾情為你奉上專心-專注-專業(yè)0. 文檔介紹文檔介紹0.1 文檔目的文檔目的本文檔闡述“學(xué)生綜合測評管理系統(tǒng)”的界面設(shè)計(jì)。0.2 文檔范圍文檔范圍 本文檔主要介紹了學(xué)生綜合測評管理系統(tǒng)的用戶界面之間的關(guān)系和設(shè)計(jì)流程。0.3 讀者對

3、象讀者對象 本系統(tǒng)的開發(fā)人員和管理人員。0.4 參考文獻(xiàn)參考文獻(xiàn)1. 面向用戶的管理信息系統(tǒng)界面設(shè)計(jì) 蘇子林 徐群叁 孫中紅 魯東大學(xué)計(jì)算機(jī)科學(xué)與技術(shù)學(xué)院 2005 年 11 期2. 基于 WEB 的人員管理信息系統(tǒng)的界面設(shè)計(jì)與實(shí)現(xiàn) 高遠(yuǎn) 福州大學(xué)福建省空間信息工程研究中心空間數(shù)據(jù)挖掘與信息共享教育部重點(diǎn)實(shí)驗(yàn)室 2009 年 09 期3. 計(jì)科學(xué)院 計(jì)科學(xué)院 2012 年本科生綜合測評評定細(xì)則 20124. 楓火組 學(xué)生綜合測評管理項(xiàng)目開發(fā)計(jì)劃 2013/9/85. 楓火組 學(xué)生綜合測評管理項(xiàng)目需求規(guī)格說明書 2013/10/70.5 術(shù)語與縮寫解釋術(shù)語與縮寫解釋縮寫、術(shù)語縮寫、術(shù)語解解 釋釋

4、FH楓火SCAMS學(xué)生綜合測評管理系統(tǒng)，Students comprehensive assessment management systemUIDR用戶界面設(shè)計(jì)報(bào)告，User Interface Design Report精選優(yōu)質(zhì)文檔-傾情為你奉上專心-專注-專業(yè)1. 應(yīng)當(dāng)遵循的界面設(shè)計(jì)規(guī)范應(yīng)當(dāng)遵循的界面設(shè)計(jì)規(guī)范好的用戶界面：符合用戶需求，易用，美觀。在設(shè)計(jì)上需功能合理、易于理解、反饋及時(shí)、防錯(cuò)處理、布局合理、色彩合理、風(fēng)格一致、必要適應(yīng)用戶群體和國際化、最高效率、可復(fù)用。2. 界面的關(guān)系圖和工作流程圖界面的關(guān)系圖和工作流程圖精選優(yōu)質(zhì)文檔-傾情為你奉上專心-專注-專業(yè)3. 登錄界面登錄界面3

5、.13.1 登錄界面效果圖登錄界面效果圖3.23.2 登錄界面介紹登錄界面介紹 此界面對用戶名和密碼做了錯(cuò)誤和空白提示，不同的用戶分為三類：學(xué)生、輔導(dǎo)員、管理員，用戶可以根據(jù)用戶名的不同權(quán)限登錄系統(tǒng)，即系統(tǒng)會跳轉(zhuǎn)到不同的網(wǎng)頁。精選優(yōu)質(zhì)文檔-傾情為你奉上專心-專注-專業(yè)4. 主界面主界面4.1 主界面效果圖主界面效果圖4.24.2 主界面介紹主界面介紹主界面主要分為三類：學(xué)生主界面、輔導(dǎo)員主界面、管理員主界面。其中學(xué)生界面包括：信息管理，信息查看，加分申請，關(guān)于系統(tǒng)；輔導(dǎo)員主界面包括信息管理，信息查看，審核申請，關(guān)于系統(tǒng)；管理員主界面包括信息管理、用戶管理、關(guān)于系統(tǒng)。部分選項(xiàng)分出了幾個(gè)子項(xiàng)，點(diǎn)擊

6、不同的模塊選項(xiàng)，會進(jìn)入不同的子界面。5. 子界面子界面 個(gè)人信息界面?zhèn)€人信息界面5.15.1 個(gè)人信息界面?zhèn)€人信息界面5.1.1 個(gè)人信息界面效果個(gè)人信息界面效果精選優(yōu)質(zhì)文檔-傾情為你奉上專心-專注-專業(yè)5.1.2 個(gè)人信息界面介紹個(gè)人信息界面介紹此界面從屬于信息管理里的子界面，包括：查看用戶自身信息、查看自己綜合測評結(jié)果、更換頭像的功能，用戶可以直觀地查看自己的相關(guān)信息。5.25.2 測評規(guī)則界面測評規(guī)則界面5.2.1 測評規(guī)則界面效果測評規(guī)則界面效果精選優(yōu)質(zhì)文檔-傾情為你奉上專心-專注-專業(yè)5.2.2 測評規(guī)則界面介紹測評規(guī)則界面介紹 該界面顯示了學(xué)生綜合測評管理系統(tǒng)規(guī)則部分的內(nèi)容，給出了老師的制定的詳細(xì)規(guī)則的內(nèi)容。精選優(yōu)質(zhì)文檔-傾情為你奉上專心-專注-專業(yè)6. 美學(xué)設(shè)計(jì)美學(xué)設(shè)計(jì)6.16.1 界面布局界面布局在界面布局上，采用 div 分塊；主體都是用了兩列浮動，一列上下自適應(yīng)分塊。一列主框突出頁面主體內(nèi)容，上下兩個(gè)分塊引進(jìn)了新的信息內(nèi)容，增加的信息的攝入?？傮w看上去簡約大方，易于上手。在邊框處理上采用圓角邊框，給人以柔和親近的感覺。6.26.2 界面色彩搭配界面色彩搭配登錄界面采用了水晶效果的藍(lán)色背景，藍(lán)色代表深邃、內(nèi)在、智慧，能給使