axure原型制作規(guī)范v1.0

《axure原型制作規(guī)范v1.0》由會(huì)員上傳分享，免費(fèi)在線閱讀，更多相關(guān)內(nèi)容在行業(yè)資料-天天文庫。

1、AXURE8.0原型制作規(guī)范文檔修訂記錄序號(hào)版本號(hào)修訂日期修訂概述修訂人審批人備注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交互動(dòng)作規(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)，描述系統(tǒng)原型設(shè)計(jì)制作時(shí)應(yīng)該遵守

2、的規(guī)范和標(biāo)準(zhǔn)。1.2目標(biāo)群體此文檔目標(biāo)群體為神東需求、設(shè)計(jì)、開發(fā)、以及測(cè)試的技術(shù)人員。1.3范圍此文檔適用于所有神東自主研發(fā)的軟件項(xiàng)目。1.4名詞定義?1.Sitemap（pages）導(dǎo)航圖?2.Widgets組件?3.Master庫?4.Label控件名?5.Interactions交互動(dòng)作?6.Annotations（notes）注釋?7.Locationandsize位置和尺寸1.1標(biāo)準(zhǔn)原則原型制作要遵循《中國神華神東信息系統(tǒng)建設(shè)規(guī)范_04_界面規(guī)范》，同時(shí)還要具備以下原則：?流程：可完整的模擬用戶體驗(yàn)流程，有可逆流程?邏輯：清晰明確，判斷有提示?界面：規(guī)范，

3、整潔?說明：明確，易理解2制作規(guī)范2.1文件命名規(guī)范序號(hào)規(guī)范備注2.1.1RP文件統(tǒng)一新建文件夾，命名為【name.RP】文件，存放各階段版本的RP文件，各版本RP文件必須后綴日期和序列號(hào)，系統(tǒng)名+子項(xiàng)目+日期+序號(hào)，如****_web_2017102201.rp2.1.2所有導(dǎo)出的HTML文件存放文件夾命名為：【name.file】,所導(dǎo)出的文件夾按照日期命名，如：如****_web_20171022012.2Widgets規(guī)范?命名規(guī)范：序號(hào)規(guī)范備注2.2.1全站使用，則命名方式為：分類+位置。?全站頂部導(dǎo)航：統(tǒng)一為Allheader開頭，包括各種寬導(dǎo)航、窄導(dǎo)航

4、；?全站右側(cè)邊欄：統(tǒng)一以Allright開頭，包括宣傳位、內(nèi)容欄目等；2.2.2單個(gè)模塊使用，則命名方式為模塊名+位置i.空間左導(dǎo)航：產(chǎn)品名+left，例如yspaceleft2.2.3頁面子零件：命名方式為：頁面或模塊+零件名。例如：Tab：統(tǒng)一命名為spacetab1.1Master制作規(guī)范序號(hào)規(guī)范備注2.3.1公共區(qū)域（具體指頁頭、頁腳、導(dǎo)航條、頁面內(nèi)的公共元素）：要求采用master，以減少修改量；2.3.2對(duì)于位置固定的master，須設(shè)置為：PlaceinBackground2.3.3根據(jù)神東的視覺規(guī)范，制作系統(tǒng)通用master。1.2Sitemap（p

5、ages）制作規(guī)范序號(hào)規(guī)范備注2.4.1單個(gè)頁面的命名規(guī)范：頁面命名全部使用英文。格式為：頁面內(nèi)容+動(dòng)作。例如：article_add　　　1)頂層頁面：　　　　　a)前端頁面統(tǒng)一以u(píng)ser為頂層頁，表示這是用戶使用的頁面?！　　　　)使用admin為管理員的管理頁；　　　　　c)使用statistics為數(shù)據(jù)統(tǒng)計(jì)功能頁；　　　2)子頁面：　　　　　a)匯總頁：list　　　　　b)瀏覽頁：view　　　　　c)增加數(shù)據(jù)：add　　　　　d)修改數(shù)據(jù)：edit　　　　　e)修改分類：recatalog　　　　　f)創(chuàng)建數(shù)據(jù)：create　　　　　g)重新命名：re

6、name　　　3)擴(kuò)展：子頁面的命名可以擴(kuò)展，格式為：頁面內(nèi)容+動(dòng)作+名稱。例如：article_add_draf2.4.2add、del、edit原則上從屬于list頁面。但必須遵守產(chǎn)品設(shè)計(jì)思路。另外，如果add在頁面內(nèi)完成（彈層或ajax區(qū)塊）可不遵守此原則2.4.3對(duì)于復(fù)雜業(yè)務(wù)，要求單獨(dú)提供flow。展示頁面的業(yè)務(wù)邏輯和判斷條件2.4.5一個(gè)業(yè)務(wù)流程的所有頁面，都必須在sitemap創(chuàng)建頁面文件夾，便于管理頁面。2.4.6業(yè)務(wù)流程中所涉及的二級(jí)或三級(jí)頁面，可以用子頁面表示，以顯示頁面級(jí)別。1.1交互動(dòng)作規(guī)范?Axure的交互動(dòng)作總有如下幾種：a)Onclick

7、單擊b)Onmouseenter鼠標(biāo)的指針移動(dòng)到對(duì)象上c)Onmouseout鼠標(biāo)的指針移動(dòng)出對(duì)象外d)Onkeyupe)Onfocus鼠標(biāo)的指針進(jìn)入文字輸入狀態(tài)（獲得焦點(diǎn)）f)Onlostfocus鼠標(biāo)的指針離開文字輸入狀態(tài)（失去焦點(diǎn)）g)Onchangeh)Onpageloada)OnLoad在加載時(shí)（可以應(yīng)用于全部部件）b)OnRotate在旋轉(zhuǎn)時(shí)(可以應(yīng)用于形狀、圖像、線條、熱區(qū))c)OnSelectedChange在選擇狀態(tài)改變時(shí)(應(yīng)用于形狀、圖像、線條、熱區(qū)、復(fù)選框、單選框、樹)d)OnSelected在被選擇時(shí)(應(yīng)用于形狀、圖像、線條、熱區(qū)、復(fù)選框