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

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

說明：明確，易理解2制作規(guī)范文件命名規(guī)范序號規(guī)范備注2.1.1RP文件統(tǒng)f建文件夾，命名為【name.RP!文件，存放各階段版本的RP文件，各版本RP文件必須后綴日期和序列號，系統(tǒng)名+子項目+日期+序號，如****_web_2017102201.rp2.1.2所有導出的HTML文件存放文件夾命名為：[name.file],所導出的文件夾按照日期命名，如：如****_web_2017102201Widgets規(guī)范命名規(guī)范:序號規(guī)范備注2.2.1全站使用，則命名方式為：分類+位置。全站頂部導航：統(tǒng)一為Allheader開頭，包括各種范導航、車導航；全站右側邊欄：統(tǒng)一以Allright開頭，包括宣傳位、內(nèi)容欄目等；2.2.2單個模塊使用，則命名方式為模塊名+位置i.空間左導航：產(chǎn)品名+left,例如yspaceleft2.2.3頁面子零件：而名方式為：貝回或模塊+零件名。例如：Tab:統(tǒng)L命名為spacetabMaster制作規(guī)范序號規(guī)范備注2.3.1公共區(qū)域（具體指頁頭、頁腳、導航條、頁面內(nèi)的公共兀素）：要求采用master,以減少修改量；

2.3.2對于位置固te的master,須設置為：PlaceinBackground2.3.3根據(jù)未申東的視覺規(guī)范，制作系統(tǒng)通用master。Sitemap(pages)制作規(guī)范序號規(guī)范備注2.4.1單個貝囿的命名規(guī)范：貝囿命名全部使用英文。格式為：貝囿內(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）修改分類：recatalog創(chuàng)建數(shù)據(jù)：create重新'口舁名：rename3）擴展：子貝囿的命名可以擴展，格式為：貝囿內(nèi)容+動作+名稱。例如:article_add_draf2.4.2add、del、edit原則上從屬一丁list貝囿。但必須遵守產(chǎn)品設計思路。另外，如果add在頁面內(nèi)完成（彈層或ajax區(qū)塊）可不遵守此原則2.4.3對于復雜業(yè)務，要求單獨提供flow。展示頁面的業(yè)務邏輯和判斷條件2.4.5一個業(yè)務流程的所有貝囿，都必須在sitemap創(chuàng)建貝聞文件夾，便于官理頁面。2.4.6業(yè)務流程中所涉及的一級或一級貝囿，可以時手貝囿表不，以顯木貝囿級另限2.5交互動作規(guī)范Axure的交互動作總有如下幾種：Onclick單擊Onmouseenter鼠標的指針移動到對象上Onmouseout鼠標的指針移動出對象外OnkeyupOnfocus鼠標的指針進入文字輸入狀態(tài)（獲得焦點）Onlostfocus鼠標的指針離開文字輸入狀態(tài)（失去焦點）OnchangeOnpageloadOnLoad在加載時（可以應用于全部部件）OnRotate在旋轉時（可以應用于形狀、圖像、線條、熱區(qū)）OnSelectedChange在選擇狀態(tài)改變時（應用于形狀、圖像、線條、熱區(qū)、復選框、單選框、樹）OnSelected在被選擇時（應用于形狀、圖像、線條、熱區(qū)、復選框、單選框、樹）OnUnselected在被取消選擇時（應用于形狀、圖像、線條、熱區(qū)、復選框、單選框、樹）n）OnResize在重新設置大小時（可以應用于動態(tài)面板）o）OnItemResize在行項目重新設置大小時（可以應用于中繼器）序號規(guī)范備注2.5.1控件命名：數(shù)據(jù)塊+空間類型。由十頁面內(nèi)的組件尢法在其他頁面是不可見的，所以貝囿內(nèi)的各個控件小需要帶貝囿名字。例如：shopmap_pan代表店鋪地圖的圖層。2.5.2條件判斷：對于同一個位置的條件判斷，要求在按鈕上提示，以方便相關人員閱讀。對于高保真的原型，則應該加上數(shù)據(jù)判斷，避免這種提示。Annotations(notes)注釋規(guī)范序號規(guī)范備注2.6.1控件對象的注釋的內(nèi)容：一個完整的注釋需要包含以下說明：1）功能說明：說明該對象的主要完成的功能。2）交互效果：說明該對象的交互動作以及產(chǎn)生的交互結果；此處應該包含各種判斷的說明。3）優(yōu)先級：也可以理解為重要性。標明該控件在交互中的重要性。4）關聯(lián)關系：包含觸發(fā)方式（默認顯示/被動觸發(fā)），以及其他對象/數(shù)據(jù)的關聯(lián)關系。對于同時擁啟管理后臺、用戶后臺的地方，需要說明

數(shù)據(jù)關系。5）測試用例：提供測試方法及測試應該使用的數(shù)據(jù)。6）注意事項：注意事項。2.6.2可以針對各個特殊控件、組件自定義其他注釋。2.6.3貝囿注釋的內(nèi)容，需『卜看3個字段。1）功能說明。說明本頁面主要的功能，以及與其他頁面的關系。2）測試用例。說明本頁面使用哪些數(shù)據(jù)進行常規(guī)測試和邊界測試。3）注意事項。說明本頁面在設計、制作、開發(fā)和測試中需要注意的事項。Tab使用規(guī)范序號規(guī)范備注2.7.1選項卡不要超過5個，最多不能超過7個?？梢钥紤]使用2級選項卡來減少數(shù)量。2.7.2被選中的選項卡和底下的區(qū)域要保持向色或接近向色。2.7.3禁止在選項卡里面還使用滾動條；2.8低保真度規(guī)范傳統(tǒng)系統(tǒng)、新增功能：可以使用一般的線框圖，使用黑白灰原型。序號規(guī)范備注2.8.1對于貝向大部無改進，可以直接截取靜態(tài)圖；2.8.2對于無關或者傳統(tǒng)功能，可以部分忽略跳轉和交互效果；2.8.3提供關鍵的條件判斷。

2.8.4不要求完整的說明文檔2.9高保真度規(guī)范前端頁面要求高保真原型，面向用戶使用的管理頁面，用戶、領導關心的重點頁面要求高保真原型。序號規(guī)范備注2.9.1所有貞囿后完整的鏈接，能順利跳轉、關閉；2.9.2任何交互均后完整的流程和結束；2.9.3關鍵功能、創(chuàng)新點要上色，不得使用自帶的