AXURE原型制作要求要求規(guī)范V0

1、AXURE（型制作規(guī)X文檔修訂記錄廳P版本號(hào)修訂日期修訂概述修訂人審批人備注1V目錄1概述2簡(jiǎn)述2目標(biāo)群體3X圍3名詞定義3標(biāo)準(zhǔn)原如此32制作規(guī)X4文件命名規(guī)X4Widgets 規(guī) X4Master制作規(guī)X5Sitemappages制彳'乍規(guī) X5交互動(dòng)作規(guī)X6Annotationsnotes注釋規(guī) X8Tab使用規(guī)X8低保真度規(guī)X8高保真度規(guī)X9文檔規(guī)X101概述1.1簡(jiǎn)述此文檔主要從原型設(shè)計(jì)制作的管理角度出發(fā),根據(jù)AXURE8的特點(diǎn)，描述系統(tǒng)原型設(shè)計(jì)制作時(shí)應(yīng)該遵守的規(guī)2 / 10X和標(biāo)準(zhǔn)。1.2 目標(biāo)群體此文檔目標(biāo)群體為神東需求、設(shè)計(jì)、開(kāi)發(fā)、以與測(cè)試的技術(shù)人員。1.3 X 圍此文檔

2、適用于所有神東自主研發(fā)的軟件項(xiàng)目。1.4 名詞定義? 1. Sitemap pages 導(dǎo)航圖? 2. Widgets 組件? 3. Master 庫(kù)? 4. Label控件名? 5. Interactions交互動(dòng)作? 6. Annotationsnotes注釋? 7. Location and size位置和尺寸1.5 標(biāo)準(zhǔn)原如此原型制作要遵循中國(guó)某某神東信息系統(tǒng)建設(shè)規(guī)X_04_界面規(guī)X，同時(shí)還要具備以下原如此:?流程：可完整的模擬用戶體驗(yàn)流程，有可逆流程?邏輯：清晰明確，判斷有提示?界面：規(guī)X,整潔?說(shuō)明：明確，易理解2制作規(guī)X2.1 文件命名規(guī)X序號(hào)規(guī)X備注2.1.1RP文件統(tǒng)f 建文

3、件夾，命名為【name.RP文件，存放各階段版本的 RP 文件，各版本RP文件必須后綴日期和序列號(hào)， 系統(tǒng)名+子項(xiàng)目+日期+序號(hào)， 如*_web_2017102.1.2所有導(dǎo)出的HTML文件存放文件夾命名為：name.file，所導(dǎo)出的文件夾按照日期命名，如：如 *_web_20171022012.2 Widgets 規(guī) X?命名規(guī)X:序號(hào)規(guī)X備注2.2.1全站使用，如此命名方式為：分類 +位置。? 全站頂部導(dǎo)航：統(tǒng)一為 Allheader開(kāi)頭，包括各種范導(dǎo)航、車導(dǎo)航；? 全站右側(cè)邊欄：統(tǒng)一以 Allright開(kāi)頭，包括宣傳位、內(nèi)容欄目等；2.2.2單個(gè)模塊使用，如此命名方式為模塊名+位置i.

4、空間左導(dǎo)航：產(chǎn)品名 +left,例如yspaceleft2.2.3頁(yè)面子零件：而名方式為：貝回或模塊+零件名。例如：Tab：統(tǒng)L命名為 spacetab2.3 Master 制作規(guī) X序號(hào)規(guī)X備注2.3.1公共區(qū)域具體指頁(yè)頭、頁(yè)腳、導(dǎo)航條、頁(yè)面內(nèi)的公共兀素：要求采用master, 以減少修改量；2.3.2對(duì)于位置固te的 master,須設(shè)置為：Place in Background2.3.3根據(jù)神東的視覺(jué)規(guī)X,制作系統(tǒng)通用 master。2.4 Sitemap pages制作規(guī) X序號(hào)規(guī)X備注2.4.1單個(gè)貝囿的命名規(guī) X :貝囿命名全部使用英文。格式為：貝囿內(nèi)容+動(dòng)作。例如:article

5、_add1）頂層貝囿：a）前端貝囿統(tǒng)一以 user為頂層貝，表不這是用戶使用的貝囿。b）使用admin為管理員的管理頁(yè)；c）使用statistics為數(shù)據(jù)統(tǒng)計(jì)功能頁(yè)；2）子頁(yè)面：a）匯總頁(yè):listb）瀏覽頁(yè)：viewc）增加數(shù)據(jù)：addd）修改數(shù)據(jù)：edite）修改分類：recatalogf）創(chuàng)建數(shù)據(jù)：createg）重新'口舁名：rename3）擴(kuò)展：子頁(yè)面的命名可以擴(kuò)展,格式為：貝囿內(nèi)容+動(dòng)作+名稱。例如:article_add_drafadd、del、edit原如此上從屬了 list貝囿。但必須遵守產(chǎn)品設(shè)計(jì)思路。另外，如果add在頁(yè)面內(nèi)完成彈層或 ajax區(qū)塊可不遵守此原如此對(duì)

6、于復(fù)雜業(yè)務(wù)，要求單獨(dú)提供flow。展示頁(yè)面的業(yè)務(wù)邏輯和判斷條件2一個(gè)業(yè)務(wù)流程的所有貝囿，都必須在sitemap創(chuàng)建貝聞文件夾， 便于官理頁(yè)面。2業(yè)務(wù)流程中所涉與的一級(jí)或一級(jí)貝囿，可以時(shí)手貝囿表不，以顯木貝囿級(jí) 另限2.5 交互動(dòng)作規(guī) X? Axure的交互動(dòng)作總有如下幾種:a) Onclick 單擊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)的指針離開(kāi)文字輸入狀態(tài)失去焦點(diǎn)g) Onchangeh) Onpageloadi) OnLo

7、ad 在加載時(shí)可以應(yīng)用于全部部件j) OnRotate 在旋車t時(shí)(可以應(yīng)用于形狀、圖像、線條、熱區(qū) )k) OnSelectedChange在選擇狀態(tài)改變時(shí)(應(yīng)用于形狀、圖像、線條、熱區(qū)、復(fù)選框、單項(xiàng)選擇框、樹(shù) )l) OnSelected 在被選擇時(shí)(應(yīng)用于形狀、圖像、線條、熱區(qū)、復(fù)選框、單項(xiàng)選擇框、樹(shù) )m) OnUnselected在被取消選擇時(shí)(應(yīng)用于形狀、圖像、線條、熱區(qū)、復(fù)選框、單項(xiàng)選擇框、樹(shù) )n) OnResize在重新設(shè)置大小時(shí)可以應(yīng)用于動(dòng)態(tài)面板o) OnItemResize 在行項(xiàng)目重新設(shè)置大小時(shí)可以應(yīng)用于中繼器序號(hào)規(guī)X備注2.5.1控件命名：數(shù)據(jù)塊+空間類型。由十頁(yè)面內(nèi)

8、的組件尢法在其他頁(yè)面是不可見(jiàn)的，所以貝囿內(nèi)的各個(gè)控件小需要帶貝囿名字。例如：shopmap_pan代表店鋪地圖的圖層。條件判斷：對(duì)于同一個(gè)位置的條件判斷，要求在按鈕上提示，以方便相 關(guān)人員閱讀。對(duì)于高保真的原型，如此應(yīng)該加上數(shù)據(jù)判斷，防止這種提 示。2.6 Annotations notes注釋規(guī) X序號(hào)規(guī)X備注2.6.1控件對(duì)象的注釋的內(nèi)容：一個(gè)完整的注釋需要包含以下說(shuō)明：1）功能說(shuō)明：說(shuō)明該對(duì)象的主要完成的功能。2）交互效果：說(shuō)明該對(duì)象的交互動(dòng)作以與產(chǎn)生的交互結(jié)果；此處應(yīng)該包含各種判斷的說(shuō)明。3）優(yōu)先級(jí)：也可以理解為重要性。標(biāo)明該控件在交互中的重要性。4）關(guān)聯(lián)關(guān)系：包含觸發(fā)方式默認(rèn)顯示 /

9、被動(dòng)觸發(fā)，以與其他對(duì)象/ 數(shù)據(jù)的關(guān)聯(lián)關(guān)系。對(duì)于同時(shí)擁啟管理后臺(tái)、用戶后臺(tái)的地方，需要說(shuō)明 數(shù)據(jù)關(guān)系。5）測(cè)試用例：提供測(cè)試方法與測(cè)試應(yīng)該使用的數(shù)據(jù)。6）須知事項(xiàng)：須知事項(xiàng)。序號(hào)可以針對(duì)各個(gè)特殊控件、組件自定義其他注釋。規(guī)X備注出 同、汴釋的內(nèi)聲 上詛下苦3 個(gè)十即2.7.13* 回 中口 U P心 , 1 f ij Ja1 33 I J -Ex u-選項(xiàng)墉飆則過(guò)說(shuō)明本頁(yè)羸委要育以與與其做回帽使米系2級(jí)選項(xiàng)卡來(lái)2）娜遛！例。說(shuō)明本頁(yè)面使用哪些數(shù)據(jù)進(jìn)展常規(guī)測(cè)試和邊界測(cè)試。3）細(xì)知事工譏 說(shuō)明水面面在港計(jì)、 制作、開(kāi)分和涮諦中需要注音的重而.被選中的選項(xiàng)卡和底下的區(qū)域要保持向色或接近向色。2禁止在選項(xiàng)卡里面還使用滾動(dòng)條；2.7 Tab使用規(guī)X2.8低保真度規(guī)X傳統(tǒng)系統(tǒng)、新增功能：可以使用一般的線框圖，使用黑白灰原型。序號(hào)規(guī)X備注2.8.1對(duì)于貝向大部無(wú)改良，可以直接截取靜態(tài)圖；對(duì)于無(wú)關(guān)或者傳統(tǒng)功能，可以局部忽略跳轉(zhuǎn)和交互效果；2.9高2提供關(guān)鍵的條件判斷。保真度規(guī)2/、要求完整的說(shuō)明文檔X前端頁(yè)面要求高保真原型，面向用戶使用的管理頁(yè)面，用戶、領(lǐng)導(dǎo)關(guān)心的重點(diǎn)頁(yè)面要求高保真原型。序號(hào)規(guī)X備注2.9.1所有貞囿后完整的，能順利跳轉(zhuǎn)、關(guān)閉；任何交互均有完整的流程和完畢；2關(guān)鍵功能、創(chuàng)新點(diǎn)要上色，