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

1、原型制作規(guī)范文檔修訂記錄廳P版本號修訂日期修訂概述修訂人審批人備注1目錄1 概述 錯誤！未定義書簽。簡述 錯誤味定義書簽。目標(biāo)群體 錯誤 味定義書簽。范圍 錯誤味定義書簽。名詞定義 錯誤！未定義書簽。標(biāo)準(zhǔn)原則 錯誤味定義書簽。2 制作規(guī)范 錯誤！未定義書簽。文件命名規(guī)范 錯誤！未定義書簽。Widgets規(guī)范 錯誤！未定義書簽。Master制作規(guī)范 錯誤！未定義書簽。Sitemap (pages)制作規(guī)范 錯誤！未定義書簽。交互動作規(guī)范 錯誤！未定義書簽。Annotations (notes )注釋規(guī)范 錯誤！未定義書簽。Tab使用規(guī)范 錯誤！未定義書簽。低保真度規(guī)范 錯誤！未定義書簽。高保真度

2、規(guī)范 錯誤！未定義書簽。文檔規(guī)范 錯誤味定義書簽。1概述1.1 簡述此文檔主要從原型設(shè)計制作的管理角度出發(fā)，根據(jù)AXURE8的特點(diǎn)，描述系統(tǒng)原型設(shè)計制作時應(yīng)該遵守的規(guī)范和標(biāo)準(zhǔn)。1.2 目標(biāo)群體此文檔目標(biāo)群體為神東需求、設(shè)計、開發(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. Location and size位置和尺寸1.5 標(biāo)準(zhǔn)原則原型制作要

3、遵循中國神華神東信息系統(tǒng)建設(shè)規(guī)范_04_界面規(guī)范，同時還要具備以下原則：流程：可完整的模擬用戶體驗(yàn)流程，有可逆流程邏輯：清晰明確，判斷有提示界面：規(guī)范，整潔說明：明確，易理解2制作規(guī)范2.1文件命名規(guī)范序號規(guī)范備注RP文件統(tǒng)一新建文件夾，命名為文件，存放各階段版本的RP文件，各版本RP文件必須后綴日期和序列號，系統(tǒng)名+子項(xiàng)目+日期+序號，如*所有導(dǎo)出的HTML文件存放文件夾命名為：。，所導(dǎo)出的文件夾按照日期命名，如：如 *_web_012.2 Widgets 規(guī)范命名規(guī)范:序號規(guī)范備注全站使用，則命名方式為：分類+位置。全站頂部導(dǎo)航：統(tǒng)一為 Allheader開頭，包括各種范導(dǎo)航、車導(dǎo)航； 全

4、站右側(cè)邊欄：統(tǒng)一以 Allright 開頭，包括宣傳位、內(nèi)容欄目等；單個模塊使用，則命名方式為模塊名+位置i.空間左導(dǎo)航：產(chǎn)品名 +left ,例如yspaceleft頁面子零件：而名方式為：貝回或模塊+零件名。例如：Tab :統(tǒng)L命名為 spacetab2.3 Master制作規(guī)范序號規(guī)范備注公共區(qū)域（具體指頁頭、頁腳、導(dǎo)航條、頁面內(nèi)的公共兀素）：要求采用master,以減少修改量；對于位置固te的 master ,須設(shè)置為：Place in Background根據(jù)神東的視覺規(guī)范，制作系統(tǒng)通用master。2.4 Sitemap (pages)制作規(guī)范序號規(guī)范備注單個貝囿的命名規(guī)范：貝囿命

5、名全部使用英文。格式為：貝囿內(nèi)容+動作。例如:article_add1）頂層貝囿：a）前端貝囿統(tǒng)一以 user為頂層貝，表示這是用戶使用的貝囿。b）使用admin為管理員的管理頁；c）使用statistics為數(shù)據(jù)統(tǒng)計功能頁；2）子頁面：a）匯總頁:listb）瀏覽頁：viewc）增加數(shù)據(jù)：addd）修改數(shù)據(jù)：edite）修改分類：recatalogf） 創(chuàng)建數(shù)據(jù)：createg） 重新'口舁名：rename3）擴(kuò)展：子貝囿的命名可以擴(kuò)展，格式為：貝囿內(nèi)容+動作+名稱。例如:article_add_drafadd、del、edit原則上從屬一丁 list貝囿。但必須遵守產(chǎn)品設(shè)計思路。另

6、 外，如果add在頁面內(nèi)完成（彈層或ajax區(qū)塊）可不遵守此原則對于復(fù)雜業(yè)務(wù)，要求單獨(dú)提供flow 。展示頁面的業(yè)務(wù)邏輯和判斷條件一個業(yè)務(wù)流程的所有貝囿，都必須在sitemap創(chuàng)建貝聞文件夾，便于官理頁面。業(yè)務(wù)流程中所涉及的一級或一級貝囿，可以時手貝囿表不，以顯木貝囿級 另限2.5 交互動作規(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)）

7、g） Onchangeh） Onpageloadi） OnLoad在加載時（可以應(yīng)用于全部部件）j） OnRotate在旋轉(zhuǎn)時（可以應(yīng)用于形狀、圖像、線條、熱區(qū) ）k） OnSelectedChange在選擇狀態(tài)改變時（應(yīng)用于形狀、圖像、線條、熱區(qū)、復(fù)選框、單選框、樹 ）l） OnSelected在被選擇時（應(yīng)用于形狀、圖像、線條、熱區(qū)、復(fù)選框、單選框、樹 ）m） OnUnselected在被取消選擇時（應(yīng)用于形狀、圖像、線條、熱區(qū)、復(fù)選框、單選框、樹 ）n） OnResize在重新設(shè)置大小時（可以應(yīng)用于動態(tài)面板）o） OnItemResize在行項(xiàng)目重新設(shè)置大小時（可以應(yīng)用于中繼器）序 號規(guī)

8、范備注控件命名：數(shù)據(jù)塊+空間類型。由十頁面內(nèi)的組件尢法在其他頁面是不可 見的，所以貝囿內(nèi)的各個控件小需要帶貝囿名字。例如：shopmap_pan代表店鋪地圖的圖層。條件判斷：對于同一個位置的條件判斷，要求在按鈕上提示，以方便相關(guān)人員閱讀。對于高保真的原型，則應(yīng)該加上數(shù)據(jù)判斷，避免這種提示。2.6 Annotations (notes )注釋規(guī)范序號規(guī)范備注控件對象的注釋的內(nèi)容：一個完整的注釋需要包含以下說明：1）功能說明：說明該對象的主要完成的功能。2）交互效果：說明該對象的交互動作以及產(chǎn)生的交互結(jié)果；此處應(yīng)該包含各種判斷的說明。3）優(yōu)先級：也可以理解為重要性。標(biāo)明該控件在交互中的重要性。4）

9、關(guān)聯(lián)關(guān)系：包含觸發(fā)方式（默認(rèn)顯示 /被動觸發(fā)），以及其他對象/ 數(shù)據(jù)的關(guān)聯(lián)關(guān)系。對于同時擁啟管理后臺、用戶后臺的地方，需要說明數(shù)據(jù)關(guān)系。5）測試用例：提供測試方法及測試應(yīng)該使用的數(shù)據(jù)。6）注意事項(xiàng)：注意事項(xiàng)。可以針對各個特殊控件、組件自定義其他注釋。貝囿注釋的內(nèi)容，需卜看3個字段。1）功能說明。說明本頁面主要的功能，以及與其他頁面的關(guān)系。2）測試用例。說明本頁面使用哪些數(shù)據(jù)進(jìn)行常規(guī)測試和邊界測試。3）注意事項(xiàng)。說明本頁面在設(shè)計、制作、開發(fā)和測試中需要注意的事 項(xiàng)。2.7 Tab使用規(guī)范序號規(guī)范備注選項(xiàng)卡不要超過 5個，最多不能超過 7個。可以考慮使用 2級選項(xiàng)卡來 減少數(shù)量。被選中的選項(xiàng)卡和底下的區(qū)域要保持向色或接近向色。禁止在選項(xiàng)卡里面還使用滾動條；2.8 低保真度規(guī)范傳統(tǒng)系統(tǒng)、新增功能：可以使用一般的線框圖，使用黑白灰原型。序號規(guī)范備注對于貝向大部無改進(jìn)，可以直接截取靜態(tài)圖；對于無關(guān)或者傳統(tǒng)功能，可以部分忽略跳轉(zhuǎn)和交互效果；提供關(guān)鍵的條件判斷。/、要求完整的說明文檔2.9 高保真度規(guī)范前端頁面要求高保真原型，面向用戶使用的管理頁面，用戶、領(lǐng)導(dǎo)關(guān)心的重點(diǎn)頁面要求高保真原型。序號規(guī)范備注所有貞囿后完整的鏈接，能順利跳轉(zhuǎn)、關(guān)閉；任何交互均后完整的流程和結(jié)束；關(guān)鍵功能、