在產(chǎn)品經(jīng)理的日常工作中，畫(huà)原型是必然要經(jīng)歷的環(huán)節(jié)之一，其中，Axure就是比較常見(jiàn)的一款用來(lái)畫(huà)原型的工具了。如何使用這款工具呢？本文分享了一些技巧，一起來(lái)看一下。

工欲善其事必先利其器，很多產(chǎn)品日常中都需要畫(huà)原型來(lái)演示項(xiàng)目或者表達(dá)需求的實(shí)現(xiàn)效果，而Axure是比較常見(jiàn)的一款用來(lái)畫(huà)原型的工具，上手也不難，今天給大家分享幾個(gè)高效的使用Axure畫(huà)原型的技巧。

當(dāng)前截圖是基于Axure RP 9的版本。

一、防范于未然，設(shè)置默認(rèn)備份間隔

為避免我們勤勤懇懇畫(huà)了半天的圖，因?yàn)橐恍┎豢煽氐耐话l(fā)情況，例如系統(tǒng)崩潰、軟件報(bào)錯(cuò)等，導(dǎo)致從零開(kāi)始，我們可以設(shè)置文件自動(dòng)備份時(shí)間，設(shè)置后，可通過(guò)【文件-從備份中恢復(fù)】找到各時(shí)間段備份的版本。

二、整合母版

Axure中的母版概念可以理解為原型頁(yè)面設(shè)計(jì)中的一個(gè)模板或模板的一部分，主要用于存儲(chǔ)和復(fù)用頁(yè)面元素。

每次的項(xiàng)目需求在清晰需求范圍和內(nèi)容后，需要評(píng)估涉及到哪些頁(yè)面，這時(shí)就可以將重復(fù)出現(xiàn)的元素做成母版，快速搭建原型頁(yè)面。

例如：頁(yè)面的尺寸背景、頭部信息欄、尾部信息欄、導(dǎo)航欄等固定出現(xiàn)且每個(gè)頁(yè)面信息一致。將這些元素做成母版，當(dāng)需要修改時(shí)，不需要單個(gè)頁(yè)面一個(gè)一個(gè)調(diào)整，不僅快速還不會(huì)遺漏。使用時(shí)只需要直接從母版中拖到畫(huà)板即可使用。

這里建議母版盡量是可組合化的，例如不要將頭部信息欄和尾部信息欄放在同一個(gè)母版中，這樣會(huì)導(dǎo)致頁(yè)面的高度一樣，當(dāng)頁(yè)面中的信息展示不一樣時(shí)，母版反而成為了阻礙。

另外，實(shí)際工作中，肯定存在同個(gè)母版不同交互，這時(shí)可以“點(diǎn)擊鼠標(biāo)右鍵->脫離母版”，頁(yè)面中的母版組件可以獨(dú)立編輯，然后對(duì)這個(gè)元件單獨(dú)操作，其編輯內(nèi)容不會(huì)影響其他使用該母版的頁(yè)面。

三、建立屬于自己的組件庫(kù)

工作中，不同公司、不同產(chǎn)品的設(shè)計(jì)規(guī)范、UI規(guī)范都不一樣，我們可以整理好屬于自己負(fù)責(zé)的產(chǎn)品的組件庫(kù)，可以快速的出保真度高的原型。建議PC端、移動(dòng)端各備一套，這里可以參考一下這幾中類(lèi)行來(lái)收集組件：

1. 信息輸入類(lèi)

各種按鈕狀態(tài)（默認(rèn)、選中、失效、主/次按鈕、文字按鈕、下拉按鈕）、圖片選擇效果、時(shí)間日期控件、穿梭框、輸入框、地址控件。

2. 溝通提示類(lèi)

輕提示、對(duì)話彈窗、下拉菜單、加載、狀態(tài)提示欄（警告、提示、成功/失敗、說(shuō)明）。

3. 導(dǎo)航類(lèi)

開(kāi)關(guān)、樹(shù)狀導(dǎo)航、分頁(yè)、標(biāo)簽、步驟條。

4. 信息顯示類(lèi)

列表（表單、帶tab、空狀態(tài)等）、各種詳情頁(yè)。

5. 特殊

登錄、注冊(cè)、移動(dòng)端背景。

四、統(tǒng)一每個(gè)使用端的原型頁(yè)面尺寸

使用剛剛說(shuō)的母版或組件，快速建立一套統(tǒng)一的頁(yè)面尺寸，可以讓整個(gè)原型看上去更統(tǒng)一、更專(zhuān)業(yè)、更美觀。

目前兼容性使用較多的尺寸：

web 原型大小：1440×900/1920×1080

移動(dòng)端 原型尺寸：750×1334

五、總結(jié)

Axuer是產(chǎn)品工作中一個(gè)協(xié)助我們完成工作的工具之一，其目的是為了更好的表述產(chǎn)品的設(shè)計(jì)思路和呈現(xiàn)效果。只要能滿(mǎn)足這個(gè)目的，就不要在保真度上花費(fèi)過(guò)多的時(shí)間，為保真而保真，產(chǎn)品需要保證的是最終落地的效果能滿(mǎn)足我們的需求。