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

AXURE8.0實(shí)用標(biāo)型制作規(guī)范目錄TOC\o"1-5"\h\z\o"CurrentDocument"概述 4\o"CurrentDocument"簡(jiǎn)述 4\o"CurrentDocument"目標(biāo)群體 4范圍 4\o"CurrentDocument"名詞定義 4\o"CurrentDocument"標(biāo)準(zhǔn)原則 4\o"CurrentDocument"制作規(guī)范 5\o"CurrentDocument"文件命名規(guī)范 5\o"CurrentDocument"Widgets規(guī)范 5\o"CurrentDocument"Master制作規(guī)范 5\o"CurrentDocument"Sitemap(pages)制作規(guī)范 6\o"CurrentDocument"交互動(dòng)作規(guī)范 7\o"CurrentDocument"Annotations(notes)注釋規(guī)范 7\o"CurrentDocument"Tab使用規(guī)范 8\o"CurrentDocument"低保真度規(guī)范 8\o"CurrentDocument"高保真度規(guī)范 9\o"CurrentDocument"文檔規(guī)范 91概述簡(jiǎn)述此文檔主要從原型設(shè)計(jì)制作的管理角度出發(fā)，根據(jù)AXURE8的特點(diǎn)，描述系統(tǒng)原型設(shè)計(jì)制作時(shí)應(yīng)該遵守的規(guī)范和標(biāo)準(zhǔn)。目標(biāo)群體此文檔目標(biāo)群體為神東需求、設(shè)計(jì)、開(kāi)發(fā)、以及測(cè)試的技術(shù)人員。范此文檔適用于所有神東自主研發(fā)的軟件項(xiàng)目。名詞定義1.Sitemap（pages）導(dǎo)航圖2.Widgets組件3.Master庫(kù)4.Label控件名5.Interactions交互動(dòng)作6.Annotations（notes）注釋7.Locationandsize位置和尺寸標(biāo)準(zhǔn)原則原型制作要遵循《中國(guó)神華神東信息系統(tǒng)建設(shè)規(guī)范_04_界面規(guī)范》，同時(shí)還要具備以下原則：流程：可完整的模擬用戶體驗(yàn)流程，有可逆流程邏輯：清晰明確，判斷有提示界面：規(guī)范，整潔

>說(shuō)明：明確，易理解2制作規(guī)范文件命名規(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_2017102201Widgets規(guī)范>命名規(guī)范:序號(hào)規(guī)范備注2.2.1全站使用，則命名方式為：分類(lèi)+位置。>全站頂部導(dǎo)航：統(tǒng)一為Allheader開(kāi)頭，包括各種寬導(dǎo)航、窄導(dǎo)航；>全站右側(cè)邊欄：統(tǒng)一以Allright開(kāi)頭，包括宣傳位、內(nèi)容欄目等；2.2.2單個(gè)模塊使用，則命名方式為模塊名+位置i.空間左導(dǎo)航：產(chǎn)品名+left，例如yspaceleft2.2.3頁(yè)面子零件：命名方式為：頁(yè)面或模塊+零件名。例如：Tab：統(tǒng)一命名為spacetabMaster制作規(guī)范序號(hào)規(guī)范備注2.3.1公共區(qū)域（具體指頁(yè)頭、頁(yè)腳、導(dǎo)航條、頁(yè)面內(nèi)的公共元素）：要求采用master，以減少修改量；

2.3.2對(duì)于位置固定的master,須設(shè)置為：PlaceinBackground2.3.3根據(jù)神東的視覺(jué)規(guī)范，制作系統(tǒng)通用master。Sitemap(pages)制作規(guī)范序號(hào)規(guī)范備注2.4.1單個(gè)頁(yè)面的命名規(guī)范：頁(yè)面命名全部使用英文。格式為：頁(yè)面內(nèi)容+動(dòng)作。例如：article_add1）頂層頁(yè)面：a）前端頁(yè)面統(tǒng)一以u(píng)ser為頂層頁(yè)，表示這是用戶使用的頁(yè)面。b）使用admin為管理員的管理頁(yè)；c）使用statistics為數(shù)據(jù)統(tǒng)計(jì)功能頁(yè)；2）子頁(yè)面：a）匯總頁(yè)：listb）瀏覽頁(yè)：viewc）增加數(shù)據(jù)：addd）修改數(shù)據(jù)：edite）修改分類(lèi)：recatalogf）創(chuàng)建數(shù)據(jù)：createg）重新命名：rename3）擴(kuò)展：子頁(yè)面的命名可以擴(kuò)展，格式為：頁(yè)面內(nèi)容+動(dòng)作+名稱(chēng)。例如：article_add_draf2.4.2add、del、edit原則上從屬于list頁(yè)面。但必須遵守產(chǎn)品設(shè)計(jì)思路。另外，如果add在頁(yè)面內(nèi)完成（彈層或ajax區(qū)塊）可不遵守此原則2.4.3對(duì)于復(fù)雜業(yè)務(wù)，要求單獨(dú)提供flow。展示頁(yè)面的業(yè)務(wù)邏輯和判斷條件2.4.5一個(gè)業(yè)務(wù)流程的所有頁(yè)面，都必須在sitemap創(chuàng)建頁(yè)面文件夾，便于管理頁(yè)面。2.4.6業(yè)務(wù)流程中所涉及的二級(jí)或三級(jí)頁(yè)面，可以用子頁(yè)面表示，以顯示頁(yè)面級(jí)別。交互動(dòng)作規(guī)范Axure的交互動(dòng)作總有如下幾種：Onclick單擊Onmouseenter鼠標(biāo)的指針移動(dòng)到對(duì)象上Onmouseout鼠標(biāo)的指針移動(dòng)出對(duì)象外OnkeyupOnfocus鼠標(biāo)的指針進(jìn)入文字輸入狀態(tài)（獲得焦點(diǎn)）Onlostfocus鼠標(biāo)的指針離開(kāi)文字輸入狀態(tài)（失去焦點(diǎn)）OnchangeOnpageloadOnLoad在加載時(shí)（可以應(yīng)用于全部部件）OnRotate在旋轉(zhuǎn)時(shí)（可以應(yīng)用于形狀、圖像、線條、熱區(qū)OnSelectedChange在選擇狀態(tài)改變時(shí)（應(yīng)用于形狀、圖像、線條、熱區(qū)、復(fù)選框、單選框、樹(shù)）OnSelected在被選擇時(shí)（應(yīng)用于形狀、圖像、線條、熱區(qū)、復(fù)選框、單選框、樹(shù)）OnUnselected在被取消選擇時(shí)（應(yīng)用于形狀、圖像、線條、熱區(qū)、復(fù)選框、單選框、樹(shù)）n）OnResize在重新設(shè)置大小時(shí)（可以應(yīng)用于動(dòng)態(tài)面板）o）OnItemResize在行項(xiàng)目重新設(shè)置大小時(shí)（可以應(yīng)用于中繼器）序號(hào)規(guī)范備注2.5.1控件命名：數(shù)據(jù)塊+空間類(lèi)型。由于頁(yè)面內(nèi)的組件無(wú)法在其他頁(yè)面是不可見(jiàn)的，所以頁(yè)面內(nèi)的各個(gè)控件不需要帶頁(yè)面名字。例如：shopmap_pan代表店鋪地圖的圖層。2.5.2條件判斷：對(duì)于同一個(gè)位置的條件判斷，要求在按鈕上提示，以方便相關(guān)人員閱讀。對(duì)于高保真的原型，則應(yīng)該加上數(shù)據(jù)判斷，避免這種提示。Annotations（notes）注釋規(guī)范序號(hào)規(guī)范備注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)顯示/被動(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)。2.6.2可以針對(duì)各個(gè)特殊控件、組件自定義其他注釋。2.6.3頁(yè)面注釋的內(nèi)容，需要一下著3個(gè)字段。1）功能說(shuō)明。說(shuō)明本頁(yè)面主要的功能，以及與其他頁(yè)面的關(guān)系。2）測(cè)試用例。說(shuō)明本頁(yè)面使用哪些數(shù)據(jù)進(jìn)行常規(guī)測(cè)試和邊界測(cè)試。3）注意事項(xiàng)。說(shuō)明本頁(yè)面在設(shè)計(jì)、制作、開(kāi)發(fā)和測(cè)試中需要注意的事項(xiàng)。Tab使用規(guī)范序號(hào)規(guī)范備注2.7.1選項(xiàng)卡不要超過(guò)5個(gè)，最多不能超過(guò)7個(gè)。可以考慮使用2級(jí)選項(xiàng)卡來(lái)減少數(shù)量。2.7.2被選中的選項(xiàng)卡和底下的區(qū)域要保持同色或接近同色。2.7.3禁止在選項(xiàng)卡里面還使用滾動(dòng)條；低保真度規(guī)范傳統(tǒng)系統(tǒng)、新增功能：可以使用一般的線框圖，使用黑白灰原型。序號(hào)規(guī)范備注2.8.1對(duì)于頁(yè)面大部無(wú)改進(jìn)，可以直接截取靜態(tài)圖；2.8.2對(duì)于無(wú)關(guān)或者傳統(tǒng)功能，可以部分忽略跳轉(zhuǎn)和交互效果；2.8.3提供關(guān)鍵的條件判斷。

2.8.4不要求完整的說(shuō)明文檔2.9高保真度規(guī)范前端頁(yè)面要求高保真原型，面向用戶使用的管理頁(yè)面，用戶、領(lǐng)導(dǎo)關(guān)心的重點(diǎn)頁(yè)面要求高保真原型。序號(hào)規(guī)范備注2.9.1所有頁(yè)面有完整的鏈接，能順利跳轉(zhuǎn)、關(guān)閉；2.9.2任何交互均有完整的流程和