一、 名詞定義：
1. Sitemap 導航圖
2. Widgets 組件
3. Master 庫
4. Label 控件名
5. Interactions 交互動作
6. Annotations注釋
7. Location and size 位置和尺寸
二、 Widgets規(guī)范
1. 本站常用widgets規(guī)范：
1) 命名規(guī)范：制定命名規(guī)范從而方便搜索和升級。
a) 全站使用，則命名方式為：Y 位置。
i. 全站頂部導航：統(tǒng)一為Yheader開頭，包括各種寬導航、窄導航；
ii. 全站右側(cè)邊欄：統(tǒng)一以Yright開頭，包括廣告位、內(nèi)容欄目等；
b) 單個產(chǎn)品使用，則命名方式為 產(chǎn)品名 位置
i. 空間左導航：y 產(chǎn)品名 left，例如yspaceleft
c) 頁面子零件：命名方式為：Y 頁面或產(chǎn)品 零件名。例如：
i. Tab：統(tǒng)一命名為Yspacetab
ii. 評論：統(tǒng)一命名為Ycomenticscomment
2) 本站的widgets統(tǒng)一放在y.rplib文件中。在全局搜索中，輸入y即可查看所有yoka widgets。
3) Y.rplib升級的問題：該文件放在局域網(wǎng)公共區(qū)中。每次更新完后，需要配備word說明文檔。
2. 自行制作widgets制作規(guī)范：
a) 最小化切分原則：在制作widgets時，遵循最小化原則，保證新的widgets能進行上下左右擴展、變化字體、增加新的數(shù)據(jù)項等。
b) 內(nèi)部交互原則：如果widgets能內(nèi)部完成交互，在制作時就要加上交互的命名，減少后期的操作。
c) 遵循設計規(guī)范原則：如果產(chǎn)品已經(jīng)有成形的設計規(guī)范，那么自行制作的widgets必須大體遵循設計規(guī)范。制作新的widgets所使用的基本元素也要從設計規(guī)范產(chǎn)生。
3. 必備widgets清單：
a) Yahoo提供的一套widgets；
b) 圖標庫；16,32,48三種尺寸的圖標約200個；
c) Ajax.rplib 常見的ajax功能；
d) Y.rplib 針對本站的widgets；
4. 升級方式：統(tǒng)一從公共區(qū)copy。每當有新的更新時，群發(fā)到郵件組groupname@website.com的方式說明，并附上更新文件和最后更新時間。
三、 Master制作規(guī)范
1. 公共區(qū)域（具體指頁頭、頁腳、導航條、頁面內(nèi)的公共元素）：要求采用master，以減少修改量；
2. 對于位置固定的master，須設置為：Place in Background
3. 根據(jù)視覺規(guī)范，制作本站通用master。
四、 Sitemap制作規(guī)范
1. 單個頁面的命名規(guī)范：頁面命名全部使用英文。格式為：頁面內(nèi)容 動作。例如：article_add
1) 頂層頁面：
a) 前端頁面統(tǒng)一以user為頂層頁，表示這是用戶使用的頁面。
b) 使用admin為管理員的管理頁；
c) 使用statistics為數(shù)據(jù)統(tǒng)計功能頁；
2) 子頁面：
a) 匯總頁：list
b) 瀏覽頁：view
c) 增加數(shù)據(jù)：add
d) 修改數(shù)據(jù)：edit
e) 修改分類：recatalog
f) 創(chuàng)建數(shù)據(jù)：create
g) 重新命名：rename
3) 擴展：子頁面的命名可以擴展，格式為：頁面內(nèi)容 動作 名稱。例如：article_add_draft
2. add、del、edit 原則上從屬于list頁面。但必須遵守產(chǎn)品設計思路。另外，如果add在頁面內(nèi)完成（彈層或ajax區(qū)塊）可不遵守此原則；例如：下圖是某相冊的頁面：
3. 對于復雜業(yè)務，要求單獨提供flow。展示頁面的業(yè)務邏輯和判斷條件。
五、 交互動作規(guī)范
1. 控件命名：數(shù)據(jù)塊 空間類型。由于頁面內(nèi)的組件無法在其他頁面是不可見的，所以頁面內(nèi)的各個控件不需要帶頁面名字。例如：shopmap_pan代表店鋪地圖的圖層。
2. 交互動作規(guī)范：
1) 對于文本型內(nèi)容的鏈接：在文字上面增加一個image map region，在該層上面加鏈接。
2) Axure的交互動作總有如下幾種：
a) Onclick
b) Onmouseenter鼠標的指針移動到對象上
c) Onmouseout 鼠標的指針移動出對象外
d) Onkeyup
e) Onfocus 鼠標的指針進入文字輸入狀態(tài)（獲得焦點）
f) Onlostfocus 鼠標的指針離開文字輸入狀態(tài) （失去焦點）
g) Onchange
h) Onpageload
3) 對于同一個位置的條件判斷，要求在按鈕上如下提示，以方便技術(shù)和制作人員閱讀。對于高保真的原型，則應該加上數(shù)據(jù)判斷，避免這種提示。
下圖：簡單判斷
下圖：高級判斷：
六、 Annotations注釋規(guī)范
1. 注釋的內(nèi)容：一個完整的注釋需要包含以下說明：
1) 功能說明：說明該對象的主要完成的功能。
2) 交互效果：說明該對象的交互動作以及產(chǎn)生的交互結(jié)果；此處應該包含各種判斷的說明。
3) 優(yōu)先級：也可以理解為重要性。標明該控件在交互中的重要性。
4) 關(guān)聯(lián)關(guān)系：包含觸發(fā)方式（默認顯示 / 被動觸發(fā)），以及其他對象/數(shù)據(jù)的關(guān)聯(lián)關(guān)系。對于同時擁有管理后臺、用戶后臺的地方，需要說明數(shù)據(jù)關(guān)系。
5) 測試用例：提供測試方法及測試應該使用的數(shù)據(jù)。
6) 注意事項：注意事項。
2. 可以針對各個特殊控件、組件自定義其他注釋。
七、 整體制作要求
1. 任何一個完整的產(chǎn)品，包括3部分，這3部分在原型需要獨立展示：
1) 用戶前端頁面：
a) 用戶在不登陸、登陸情況下進行瀏覽的頁面；
b) 用戶自行管理數(shù)據(jù)/帳戶的頁面。
2) 管理員的管理頁：主要數(shù)據(jù)的增刪改查、審核。
3) 數(shù)據(jù)統(tǒng)計功能：主要包括流量統(tǒng)計（IP、PV、UV、登陸用戶數(shù)、活躍用戶數(shù)）。
2. 頁面命名遵守上文提到的sitemap規(guī)范(add child page->rename)
3. RP文件命名規(guī)范：y 產(chǎn)品名 特性 子項目 日期。例如：
1) 化妝品庫新版首頁：y_cosmentics_newindex_20100322.rp
2) 空間新版首頁：y_space_newversion_20100210.rp
4. Tab使用：
1) 選項卡不要超過5個，最多不能超過7個。可以考慮使用2級選項卡來減少數(shù)量。
2) 被選中的選項卡和底下的區(qū)域要保持同色或接近同色。
3) 禁止在選項卡里面還使用滾動條；
5. 頁腳的pagenotes區(qū)域：默認使用兩個字段，在任何文檔中均需要保留著3個字段。
1) 功能說明。說明本頁面主要的功能，以及與其他頁面的關(guān)系。
2) 測試用例。說明本頁面使用哪些數(shù)據(jù)進行常規(guī)測試和邊界測試。
3) 注意事項。說明本頁面在設計、制作、開發(fā)和測試中需要注意的事項。
6. 保真度（僅針對前端頁面）：
1) 創(chuàng)新型產(chǎn)品、產(chǎn)品改版：為了體現(xiàn)新產(chǎn)品的業(yè)務邏輯，或展示產(chǎn)品的改進功能，本類原型要求高保真原型。具體包含：
a) 所有頁面有完整的鏈接，能順利跳轉(zhuǎn)、關(guān)閉；
b) 任何交互均有完整的流程和結(jié)束；
c) 關(guān)鍵功能、創(chuàng)新點要上色，不得使用自帶的灰白色、黑色；
d) 按鈕的點擊變化能實時體現(xiàn)：文本框、輸入框、文字、層的變化。
e) 使用條件判斷，并根據(jù)條件做不同的提示。
f) 對于各個控件有完整的說明文檔；
2) 傳統(tǒng)產(chǎn)品、新增功能：可以使用一般的線框圖，使用黑白灰原型。具體包括：
a) 對于頁面大部無改進，可以直接截取靜態(tài)圖；
b) 對于無關(guān)或者傳統(tǒng)功能，可以部分忽略跳轉(zhuǎn)和交互效果；
c) 提供關(guān)鍵的條件判斷。
d) 不要求完整的說明文檔；
3) 具體保真度，還可以參考產(chǎn)品文檔的使用人員的知識結(jié)構(gòu)、工作經(jīng)驗、配合默契度等靈活掌握。
7. 全部產(chǎn)品原型文檔均需通過snv上傳到共享中。
8. 由axure生成頁面原型說明文檔：按照標準模板生成即可。
結(jié)語：工欲善其事必先利其器。axure是一個工具，幫助我們更好地表達。但是，沒有必要為了做一個完美的axure文件（rp文件），而浪費大量的精力。我們追求不是完美的原型，而是好用的產(chǎn)品，清晰的結(jié)構(gòu)，流暢的交互。
聯(lián)系客服
