日韩性视频-久久久蜜桃-www中文字幕-在线中文字幕av-亚洲欧美一区二区三区四区-撸久久-香蕉视频一区-久久无码精品丰满人妻-国产高潮av-激情福利社-日韩av网址大全-国产精品久久999-日本五十路在线-性欧美在线-久久99精品波多结衣一区-男女午夜免费视频-黑人极品ⅴideos精品欧美棵-人人妻人人澡人人爽精品欧美一区-日韩一区在线看-欧美a级在线免费观看

歡迎訪問 生活随笔!

生活随笔

當前位置: 首頁 > 编程资源 > 编程问答 >内容正文

编程问答

Axure原型制作规范

發布時間:2023/12/10 编程问答 33 豆豆
生活随笔 收集整理的這篇文章主要介紹了 Axure原型制作规范 小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

一、 名詞定義:

  • Sitemap 導航圖
  • Widgets 組件
  • Master 庫
  • Label 控件名
  • Interactions 交互動作
  • Annotations 注釋
  • Location and size 位置和尺寸
  • 二、 Widgets規范

  • 本站常用widgets規范:
  • 命名規范:制定命名規范從而方便搜索和升級。 a. 全站使用,則命名方式為:Y+位置。
      i. 全站頂部導航:統一為Yheader開頭,包括各種寬導航、窄導航;
      ii. 全站右側邊欄:統一以Yright開頭,包括廣告位、內容欄目等; b. 單個產品使用,則命名方式為 產品名+位置
      i. 空間左導航:y+產品名+left,例如yspaceleft c. 頁面子零件:命名方式為:Y+ 頁面或產品+零件名。例如:
      i. Tab:統一命名為Yspacetab
      ii. 評論:統一命名為Ycomenticscomment
  • 本站的widgets統一放在y.rplib文件中。在全局搜索中,輸入y即可查看所有yoka widgets。
  • Y.rplib升級的問題:該文件放在局域網公共區中。每次更新完后,需要配備word說明文檔。

  • 自行制作widgets制作規范:
       a) 最小化切分原則:在制作widgets時,遵循最小化原則,保證新的widgets能進行上下左右擴展、變化字體、增加新的數據項等。
       b) 內部交互原則:如果widgets能內部完成交互,在制作時就要加上交互的命名,減少后期的操作。
       c) 遵循設計規范原則:如果產品已經有成形的設計規范,那么自行制作的widgets必須大體遵循設計規范。制作新的widgets所使用的基本元素也要從設計規范產生。
  • 必備widgets清單:
       a) Yahoo提供的一套widgets;
       b) 圖標庫;16,32,48三種尺寸的圖標約200個;
       c) Ajax.rplib 常見的ajax功能;
       d) Y.rplib 針對本站的widgets;
  • 升級方式:統一從公共區copy。每當有新的更新時,群發到郵件組的方式說明,并附上更新文件和最后更新時間。

  • 三、 Master制作規范

      1. 公共區域(具體指頁頭、頁腳、導航條、頁面內的公共元素):要求采用master,以減少修改量;
      2. 對于位置固定的master,須設置為:Place in Background
      3. 根據視覺規范,制作本站通用master。

    四、 Sitemap制作規范

  • 單個頁面的命名規范:頁面命名全部使用英文。格式為:頁面內容+動作。例如:article_add
      1) 頂層頁面:
        a) 前端頁面統一以user為頂層頁,表示這是用戶使用的頁面。
        b) 使用admin為管理員的管理頁;
        c) 使用statistics為數據統計功能頁;
    2) 子頁面:
        a) 匯總頁:list
        b) 瀏覽頁:view
        c) 增加數據:add
        d) 修改數據:edit
        e) 修改分類:recatalog
        f) 創建數據:create
        g) 重新命名:rename
     3) 擴展:子頁面的命名可以擴展,格式為:頁面內容+動作+名稱。例如:article_add_draft

  • add、del、edit 原則上從屬于list頁面。但必須遵守產品設計思路。另外,如果add在頁面內完成(彈層或ajax區塊)可不遵守此原則;

  • 對于復雜業務,要求單獨提供flow。展示頁面的業務邏輯和判斷條件。

  • 五、 交互動作規范

  • 控件命名:數據塊+空間類型。由于頁面內的組件無法在其他頁面是不可見的,所以頁面內的各個控件不需要帶頁面名字。例如:shopmap_pan代表店鋪地圖的圖層。

  • 交互動作規范:
      1) 對于文本型內容的鏈接:在文字上面增加一個image map region,在該層上面加鏈接。
      2) Axure的交互動作總有如下幾種:
      a) Onclick
      b) Onmouseenter鼠標的指針移動到對象上
      c) Onmouseout 鼠標的指針移動出對象外
      d) Onkeyup
      e) Onfocus 鼠標的指針進入文字輸入狀態(獲得焦點)
      f) Onlostfocus 鼠標的指針離開文字輸入狀態 (失去焦點)
      g) Onchange
      h) Onpageload
      3) 對于同一個位置的條件判斷,要求在按鈕上如下提示,以方便技術和制作人員閱讀。對于高保真的原型,則應該加上數據判斷,避免這種提示。
       

    六、 Annotations注釋規范

  • 注釋的內容:一個完整的注釋需要包含以下說明:
      1) 功能說明:說明該對象的主要完成的功能。
      2) 交互效果:說明該對象的交互動作以及產生的交互結果;此處應該包含各種判斷的說明。
      3) 優先級:也可以理解為重要性。標明該控件在交互中的重要性。
      4) 關聯關系:包含觸發方式(默認顯示 / 被動觸發),以及其他對象/數據的關聯關系。對于同時擁有管理后臺、用戶后臺的地方,需要說明數據關系。
      5) 測試用例:提供測試方法及測試應該使用的數據。
      6) 注意事項:注意事項。
  • 可以針對各個特殊控件、組件自定義其他注釋。

  • 七、 整體制作要求

  • 任何一個完整的產品,包括3部分,這3部分在原型需要獨立展示:
      1) 用戶前端頁面:
        a) 用戶在不登陸、登陸情況下進行瀏覽的頁面;
        b) 用戶自行管理數據/帳戶的頁面。
      2) 管理員的管理頁:主要數據的增刪改查、審核。
      3) 數據統計功能:主要包括流量統計(IP、PV、UV、登陸用戶數、活躍用戶數)。
  • 頁面命名遵守上文提到的sitemap規范(add child page->rename)
  • RP文件命名規范:y+產品名+特性+子項目+日期。例如:
      1) 化妝品庫新版首頁:y_cosmentics_newindex_20100322.rp
      2) 空間新版首頁:y_space_newversion_20100210.rp
  • Tab使用:
      1) 選項卡不要超過5個,最多不能超過7個。可以考慮使用2級選項卡來減少數量。
      2) 被選中的選項卡和底下的區域要保持同色或接近同色。
      3) 禁止在選項卡里面還使用滾動條;
  • 頁腳的pagenotes區域:默認使用兩個字段,在任何文檔中均需要保留著3個字段。
      1) 功能說明。說明本頁面主要的功能,以及與其他頁面的關系。
      2) 測試用例。說明本頁面使用哪些數據進行常規測試和邊界測試。
      3) 注意事項。說明本頁面在設計、制作、開發和測試中需要注意的事項。

  • 保真度(僅針對前端頁面):
      1) 創新型產品、產品改版:為了體現新產品的業務邏輯,或展示產品的改進功能,本類原型要求高保真原型。具體包含:
        a) 所有頁面有完整的鏈接,能順利跳轉、關閉;
        b) 任何交互均有完整的流程和結束;
        c) 關鍵功能、創新點要上色,不得使用自帶的灰白色、黑色;
        d) 按鈕的點擊變化能實時體現:文本框、輸入框、文字、層的變化。
        e) 使用條件判斷,并根據條件做不同的提示。
        f) 對于各個控件有完整的說明文檔;
      2) 傳統產品、新增功能:可以使用一般的線框圖,使用黑白灰原型。具體包括:
        a) 對于頁面大部無改進,可以直接截取靜態圖;
        b) 對于無關或者傳統功能,可以部分忽略跳轉和交互效果;
        c) 提供關鍵的條件判斷。
        d) 不要求完整的說明文檔;
      3) 具體保真度,還可以參考產品文檔的使用人員的知識結構、工作經驗、配合默契度等靈活掌握。
  • 全部產品原型文檔均需通過snv上傳到共享中。
  • 由axure生成頁面原型說明文檔:按照標準模板生成即可。

  • 轉載于:https://www.cnblogs.com/lzxianren/p/axure-name.html

    總結

    以上是生活随笔為你收集整理的Axure原型制作规范的全部內容,希望文章能夠幫你解決所遇到的問題。

    如果覺得生活随笔網站內容還不錯,歡迎將生活随笔推薦給好友。