AXURE原型制作規(guī)范方案V1

1、WORD完美格式AXURE8.0原型制作標準專業(yè)知識編輯整理WORD完美格式文檔修訂記錄廳P版本號修訂日期修訂概述修訂人審批人備注1V1.0專業(yè)知識編輯整理WORD完美格式目錄概述1.1 簡述41.2 目標群體41.3 范圍4.1.4 名詞定義41.5 標準原那么52制作標準52.1 文件命名標準.5.2.2 Widgets 標準62.3 Master制作標準 62.4 Sitemap (pages )制作標準72.5 交互動作標準 .82.6 Annotations(notes )注釋標準92.7 Tab使用標準.102.8 低保真度標準 1.11.12.9 高保真度標準2.10文檔標準12

2、專業(yè)知識編輯整理WORD完美格式1概述1.1 簡述此文檔主要從原型設(shè)計制作的治理角度出發(fā),根據(jù)AXURE8的特點,描述系統(tǒng)原型設(shè)計制作時應(yīng)該遵守的規(guī)范和標準.1.2 目標群體此文檔目標群體為神東需求、設(shè)計、開發(fā)、以及測試的技術(shù)人員.1.3 范圍此文檔適用于所有神東自主研發(fā)的軟件工程.1.4 名詞定義1. Sitemap (pages)導航圖2. Widgets 組件3. Master 庫4. Label控件名5. Interactions交互動作6. Annotations (notes )注釋7. Location and size 位置和尺寸專業(yè)知識編輯整理WORD完美格式1.5 標準原那

3、么原型制作要遵循中國神華神東信息系統(tǒng)建設(shè)標準_04_界面標準?,同時還要具備以下原那么流程：可完整的模擬用戶體驗流程,有可逆流程邏輯：清楚明確,判斷有提示界面：標準,整潔說明：明確,易理解2制作標準2.1 文件命名標準序號標準備注2.1.1RP文件統(tǒng)f建文件夾,命名為hame.RP】文件,存放各階段版本的 RP 文件,各版本RP文件必須后綴日期和序列號 ,系統(tǒng)名+子工程+日期+序 號,如*_web_2022102201.rp2.1.2所有導出的HTML文件存放文件夾命名為：hame.file L所導出的文件夾按照日期命名,如：如*_web_2022102201專業(yè)知識編輯整理WORD完美格式2

4、.2 Widgets 標準命名標準：序號標準備注2.2.1全站使用,那么命名方式為：分類+位置.全站頂部導航：統(tǒng)一為Allheader開頭,包括各種范導航、車導航；全站右側(cè)邊欄：統(tǒng)一以Allright開頭,包括宣傳位、內(nèi)容欄目等；2.2.2單個模塊使用,那么命名方式為模塊名+位置i.空間左導航：產(chǎn)品名+left ,例如yspaceleft2.2.3頁面子零件：而名方式為：貝聞或模塊+零件名.例如：Tab :統(tǒng)L命名為spacetab2.3 Master制作標準序號標準備注2.3.1公共區(qū)域具體指頁頭、頁腳、導航條、頁面內(nèi)的公共兀素：要求采用master ,以減少修改量；2.3.2對于位置固te

5、的 master ,須設(shè)置為：Place in Background2.3.3根據(jù)神東的視覺標準,制作系統(tǒng)通用master.專業(yè)知識編輯整理WORD完美格式2.4 Sitemap (pages )制作標準序號標準備注2.4.1單個貝囿的命名標準：貝囿命名全部使用英文.格式為：貝囿內(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ù)：cr

6、eateg名：rename3擴展：子頁面的命名口以擴展,格式為：貝囿內(nèi)容+動作+名 稱.例如：article_add_draf2.4.2add、del、edit原那么上附屬了list貝囿.但必須遵守產(chǎn)品設(shè)計思路.另外,如果add在頁面內(nèi)完成彈層或ajax區(qū)塊可不遵守此原那么專業(yè)知識編輯整理WORD完美格式2.4.3對于復雜業(yè)務(wù),要求單才提供flow.展示頁面的業(yè)務(wù)邏輯和判斷條件2.4.5一個業(yè)務(wù)流程的所有貝囿,都必須在sitemap創(chuàng)立貝聞文件夾,便于官理頁面.2.4.6業(yè)務(wù)流程中所涉及的一級或一級貝囿,可以用一于頁面表7K ,以顯木貝囿級別.2.5 交互動作標準Axure的交互動作總有如下幾

7、種 ：a) Onclick 單擊b) Onmouseenter 鼠標的指針移動到對象上c) Onmouseout 鼠標的指針移動出對象外d) Onkeyupe) Onfocus鼠標的指針進入文字輸入狀態(tài)(獲得焦點)f) Onlostfocus 鼠標的指針離開文字輸入狀態(tài)(失去焦點)g) Onchangeh) Onpageloadi) OnLoad在加載時(可以應(yīng)用于全部部件)j) OnRotate在旋車t時(可以應(yīng)用于形狀、圖像、線條、熱區(qū))k) OnSelectedChange 在選擇狀態(tài)改變時(應(yīng)用于形狀、圖像、線條、熱區(qū)、復選框、單項選擇框、)專業(yè)知識編輯整理WORD完美格式l) OnS

8、elected 在被選擇時應(yīng)用于形狀、圖像、線條、熱區(qū)、復選框、單項選擇框、m) OnUnselected 在被取消選擇時應(yīng)用于形狀、圖像、線條、熱區(qū)、復選框、單項選擇框、機n OnResize在重新設(shè)置大小時可以應(yīng)用于動態(tài)面板o OnItemResize 在行工程重新設(shè)置大小時可以應(yīng)用于中繼器序號標準備注2.5.1控件命名：數(shù)據(jù)塊+空間類型.由十頁面內(nèi)的組件尢法在其他頁面是不可見的,所以貝囿內(nèi)的各個控件小需要帶貝囿名字.例如：shopmap_pan 代表店鋪地圖的圖層 .2.5.2條件判斷：對于同一個位置的條件判斷 ,要求在按鈕上提示,以方便 相關(guān)人員閱讀.對于高保真的原型,那么應(yīng)該加上數(shù)據(jù)

9、判斷,防止這種 提示.2.6 Annotations (notes )注釋標準序號標準備注2.6.1控件對象的注釋的內(nèi)容：一個完整的注釋需要包含以下說明：1功能說明：說明該對象的主要完成的功能.2交互效果：說明該對象的交互動作以及廣生的交互結(jié)果；此處應(yīng)該包含各種判斷的說明.3優(yōu)先級：也可以理解為重要性.標明該控件在交互中的重要性.4關(guān)聯(lián)關(guān)系：包含觸發(fā)方式默認顯示/被動觸發(fā),以及其他對象專業(yè)知識編輯整理WORD完美格式/數(shù)據(jù)的關(guān)聯(lián)關(guān)系.對于同時擁啟治理后臺、用戶后臺的地方,需要說 明數(shù)據(jù)關(guān)系.5測試用例：提供測試方法及測試應(yīng)該使用的數(shù)據(jù) .6考前須知：考前須知.2.6.2可以針對各個特殊控件、組

10、件自定義其他注釋.2.6.3貝囿注釋的內(nèi)容,需野-卜看 3個字段.1功能說明.說明本頁面主要的功能,以及與其他頁面的關(guān)系.2測試用例.說明本頁面使用哪些數(shù)據(jù)進行常規(guī)測試和邊界測試.3考前須知.說明本頁面在設(shè)計、制作、開發(fā)和測試中需要注意的事 項.2.7ab使用規(guī)范序號標準備注2.7.1選項卡不要超過5個,最多不能超過7個.可以考慮使用2級選項卡來 減少數(shù)量.2.7.2被選中的選項卡和底下的區(qū)域要保持向色或接近向色.2.7.3禁止在選項卡里面還使用滾動條；專業(yè)知識編輯整理WORD完美格式2.8 低保真度標準傳統(tǒng)系統(tǒng)、新增功能：可以使用一般的線框圖,使用黑白灰原型.序號標準備注2.8.1對于貝向大部無改良,可以直接截取靜態(tài)圖；2.8.2對于無關(guān)或者傳統(tǒng)功能,可以局部忽略跳轉(zhuǎn)和交互效果；2.8.3提供關(guān)鍵的條件判斷.2.8.4/、要求完整的說明文檔2.9 高保真度標準前端頁面要求高保真原型,面向用戶使用的治理頁面,用戶、領(lǐng)導關(guān)心的重點頁面要求高保真原型序號標準備注2.9.1所有貞囿后完整的鏈接,能順利跳轉(zhuǎn)、關(guān)閉；2.9.2任何交互均后完整的流程和結(jié)束；2.9.3關(guān)鍵功能、創(chuàng)新點要上色,不得使用自帶的灰白色、黑色；2.9.4按鈕的點擊變化能實時