原型分類

原型的三種分類：

1. 草圖原型：?繪稿，制作?便，修改不?便；
2. 低保真原型：簡單交互，?設計圖；
   最好的原型是??灰的；
3. ?保真原型：復雜交互，有設計圖；

草圖原型

低保真原型圖

高保真原型圖

不同類型原型的特點

草圖原型：手繪圖稿，制作方便，修改不方便，規劃的早期使用；
低保真：簡單交互，無設計圖，無需配色，黑白灰即可，產品經理做產品規劃及評審的階段使用；
高保真：復雜交互，有設計圖，需要有圖片設計功底，做公開演示時候常用。

Axure簡介

功能：用于快速制作原型的軟件，它在無需編碼的情況下構建低、高保真的原型，只需拖、拉、編輯即可完成；
原型：用線條、圖形描繪出的產品框架，也稱線框圖，是需求和功能的具體化表象；
作用：
1、原型是需求和功能的具體化表象，可以輔助產品經理與領導、UI、和技術進行溝通；
2、原型相對于手稿而言，信息含量更豐富。

Axure功能介紹

1. 選擇、置頂、組合
   1. 選擇：建議?家使?“包含選中”，這樣可以避免誤操作；
   2. 縮?/放?：?家在制作原型的時候，這兩個功能要經常使?，提升原型制作效率；
   3. 組合：當多個元件需要?起進?編輯時，可以將他們組合在?起；
   4. 對?、分布：可以快速實現??布局；
2. 預覽、顏?、隱藏、??
   1. 預覽、共享、發布：
      1. 預覽：通過瀏覽器打開原型；
      2. 作?：給項?組成員演示原型時使?；
   2. 共享：當我們需要給?試官分享作品的時候，可以使?；
   3. 發布：當我們需要將原型?件分享給項?組同事時，先將原型導出為html，再分享；
   4. 在Axure中，所有透明的元件，在預覽時，都是不可?的；
   5. 當我們需要制作?個系列的原型時，建議先在“??”區域建?個?件夾，然后將這個系列的所有原型??，都放到這個?件夾中；
3. 柵格、邊框設置、草圖效果
   1. 柵格、輔助線：只是?來輔助?家畫原型的，預覽的時候并不會出現；
      1. 柵格和輔助線的設置，以?家的個?偏好為主；
   2. 邊框設置、草圖效果：
      1. 邊框設置?常重要，在“檢視” - “樣式”中設置即可；
      2. 草圖效果：?家在做需求評審時，千萬不要使?；
   3. ?動備份：?家?定要把?動備份勾選上，備份間隔時間設置為5分鐘；
4. 矩形、圖?、熱區、動態?板
   1. 矩形的圓?可以設置：圓?半徑，圓?可?性；
   2. 圖?，導?圖?：
      1. 如果需要導?的圖?是原尺?，那邊框的?正?形是??；
      2. 如果需要導?的圖?根據我們需要的??進??動縮放，那邊框的?正?形是??；
   3. 如果想讓元件等?例縮放，按住shift，拖動元件邊框的?正?形即可；
   4. 熱區元件，最?的作?：增加元件的點擊范圍；
   5. 動態?板：當我們需要設置各種交互動作的時候，多數情況都需要使?動態?板，尤其是需要在同?個位置切換不同的內容；
      1. 注意給動態?板和它??的狀態命名；
      2. 動態?板中的每?個狀態，都是?個獨?的??；
5. ?本框、下拉框、單選、復選
   1. ?本框：可以設置?本框的提示?字，設置輸?內容的格式/類型，可以選擇是否隱藏邊框；
      （在“檢視” - “屬性”區域設置）
   2. 下拉框：可以設置下拉框的選項、選項的順序等；
   3. 單選：?定要設置單選按鈕組，才能實現單選的效果；
      1. 單選按鈕組的效果：組內每?次，只能有?個元件被選中；
6. 常?交互
   1. ?標懸停、?標按下，設置效果之后，都可以直接實現；
   2. 選中、禁?，設置效果之后，必須要設置對應的交互動作才可以實現；
      1. 注意，這四個效果都是在“檢視” - “屬性”區域設置的；
   3. 交互思想：
      1. 我們在設置?個交互動作之前，先考慮好，它是如何觸發的；
      2. 然后再考慮，觸發之后，有什么樣的效果；
      3. 最后，通過交互動作實現出來；
   4. toggle效果，切換元件的選中狀態；
   5. 動態?板的狀態設置：?定要注意命名，可以復制或者新增狀態；
   6. 元件的說明，在“檢視” - “說明”區域設置即可，設置之后，預覽狀態可以看到內容；
7. ??流程圖、泳道圖
   1. Axure中可以制作??流程圖、泳道圖；可以設置連線和箭頭的樣式；
8. 元件庫
   1. 元件庫最?的作?：能夠極?的提升原型制作效率；
   2. 最好的元件庫，都是??做的；
   3. 元件庫的常規操作：
      1. 載?元件庫、創建元件庫、刷新、卸載…；
9. ?版
   1. ?版最?的作?：提升原型的制作效率；
   2. ?版的常規操作：
      1. 脫離模板、編輯模板、拖放?為（固定位置）；
10. 常?的設計分辨率
    1. 企業中，實際制作原型時，絕?多數情況，制作iOS版本；
    2. 原型界???：375*667px；
    3. 頂部狀態欄?度20px；
    4. 狀態欄下?的導航欄?度44px；
    5. 如果有?級導航，?度40px；
    6. 底部標簽欄?度49px；圖標??25*25px，?字10號字；
    7. 原因：iPhone5 6 7 8的屏幕分辨率都是750*1334；制作原型時，?寬均需要縮??半；

元件庫

點擊下載或者私信獲取