資源描述:
《aure原型制作規(guī)范方案v1.0》由會員上傳分享,免費(fèi)在線閱讀,更多相關(guān)內(nèi)容在應(yīng)用文檔-天天文庫。
1、AXURE8.0原型制作規(guī)范文檔修訂記錄序號版本號修訂日期修訂概述修訂人審批人備注1V1.0目錄1概述41.1簡述41.2目標(biāo)群體41.3范圍41.4名詞定義41.5標(biāo)準(zhǔn)原則52制作規(guī)范52.1文件命名規(guī)范52.2Widgets規(guī)范52.3Master制作規(guī)范62.4Sitemap(pages)制作規(guī)范62.5交互動作規(guī)范72.6Annotations(notes)注釋規(guī)范82.7Tab使用規(guī)范92.8低保真度規(guī)范92.9高保真度規(guī)范102.10文檔規(guī)范101概述1.1簡述此文檔主要從原型設(shè)計(jì)制作的管理角度出發(fā),根據(jù)AXURE8的特點(diǎn),
2、描述系統(tǒng)原型設(shè)計(jì)制作時應(yīng)該遵守的規(guī)范和標(biāo)準(zhǔn)。1.2目標(biāo)群體此文檔目標(biāo)群體為神東需求、設(shè)計(jì)、開發(fā)、以及測試的技術(shù)人員。1.3范圍此文檔適用于所有神東自主研發(fā)的軟件項(xiàng)目。1.4名詞定義?1.Sitemap(pages)導(dǎo)航圖?2.Widgets組件?3.Master庫?4.Label控件名?5.Interactions交互動作?6.Annotations(notes)注釋?7.Locationandsize位置和尺寸1.1標(biāo)準(zhǔn)原則原型制作要遵循《中國神華神東信息系統(tǒng)建設(shè)規(guī)范_04_界面規(guī)范》,同時還要具備以下原則:?流程:可完整的模擬用戶體
3、驗(yàn)流程,有可逆流程?邏輯:清晰明確,判斷有提示?界面:規(guī)范,整潔?說明:明確,易理解2制作規(guī)范2.1文件命名規(guī)范序號規(guī)范備注2.1.1RP文件統(tǒng)一新建文件夾,命名為【name.RP】文件,存放各階段版本的RP文件,各版本RP文件必須后綴日期和序列號,系統(tǒng)名+子項(xiàng)目+日期+序號,如****_web_2017102201.rp2.1.2所有導(dǎo)出的HTML文件存放文件夾命名為:【name.file】,所導(dǎo)出的文件夾按照日期命名,如:如****_web_20171022012.2Widgets規(guī)范?命名規(guī)范:序號規(guī)范備注2.2.1全站使用,則命
4、名方式為:分類+位置。?全站頂部導(dǎo)航:統(tǒng)一為Allheader開頭,包括各種寬導(dǎo)航、窄導(dǎo)航;?全站右側(cè)邊欄:統(tǒng)一以Allright開頭,包括宣傳位、內(nèi)容欄目等;2.2.2單個模塊使用,則命名方式為模塊名+位置i.空間左導(dǎo)航:產(chǎn)品名+left,例如yspaceleft2.2.3頁面子零件:命名方式為:頁面或模塊+零件名。例如:Tab:統(tǒng)一命名為spacetab1.1Master制作規(guī)范序號規(guī)范備注2.3.1公共區(qū)域(具體指頁頭、頁腳、導(dǎo)航條、頁面內(nèi)的公共元素):要求采用master,以減少修改量;2.3.2對于位置固定的master,須設(shè)
5、置為:PlaceinBackground2.3.3根據(jù)神東的視覺規(guī)范,制作系統(tǒng)通用master。1.2Sitemap(pages)制作規(guī)范序號規(guī)范備注2.4.1單個頁面的命名規(guī)范:頁面命名全部使用英文。格式為:頁面內(nèi)容+動作。例如:article_add 1)頂層頁面: a)前端頁面統(tǒng)一以user為頂層頁,表示這是用戶使用的頁面。 b)使用admin為管理員的管理頁; c)使用statistics為數(shù)據(jù)統(tǒng)計(jì)功能頁; 2)子頁面: a)匯總頁:list b)瀏覽頁:view c)增加
6、數(shù)據(jù):add d)修改數(shù)據(jù):edit e)修改分類:recatalog f)創(chuàng)建數(shù)據(jù):create g)重新命名:rename 3)擴(kuò)展:子頁面的命名可以擴(kuò)展,格式為:頁面內(nèi)容+動作+名稱。例如:article_add_draf2.4.2add、del、edit原則上從屬于list頁面。但必須遵守產(chǎn)品設(shè)計(jì)思路。另外,如果add在頁面內(nèi)完成(彈層或ajax區(qū)塊)可不遵守此原則2.4.3對于復(fù)雜業(yè)務(wù),要求單獨(dú)提供flow。展示頁面的業(yè)務(wù)邏輯和判斷條件2.4.5一個業(yè)務(wù)流程的所有頁面,都必須在sitemap
7、創(chuàng)建頁面文件夾,便于管理頁面。2.4.6業(yè)務(wù)流程中所涉及的二級或三級頁面,可以用子頁面表示,以顯示頁面級別。1.1交互動作規(guī)范?Axure的交互動作總有如下幾種:a)Onclick單擊b)Onmouseenter鼠標(biāo)的指針移動到對象上c)Onmouseout鼠標(biāo)的指針移動出對象外d)Onkeyupe)Onfocus鼠標(biāo)的指針進(jìn)入文字輸入狀態(tài)(獲得焦點(diǎn))f)Onlostfocus鼠標(biāo)的指針離開文字輸入狀態(tài)(失去焦點(diǎn))g)Onchangeh)Onpageloadi)OnLoad在加載時(可以應(yīng)用于全部部件)a)OnRotate在旋轉(zhuǎn)時(可以
8、應(yīng)用于形狀、圖像、線條、熱區(qū))b)OnSelectedChange在選擇狀態(tài)改變時(應(yīng)用于形狀、圖像、線條、熱區(qū)、復(fù)選框、單選框、樹)c)OnSelected在被選擇時(應(yīng)用于形狀、圖像、線條、熱區(qū)、復(fù)選框