什么是快速原型呢？    

快速原型通常簡稱為原型法，其核心是用交互的、快速建立起來的原型取代形式的、僵硬的（不允許更改的）大部頭的規(guī)格說明，用戶通過在計(jì)算機(jī)上實(shí)際運(yùn)行和適用原型系統(tǒng)而向開發(fā)者提供真實(shí)的、具體的反饋意見。目前使用最頻繁、最高效、交互效果最好的原型工具是Axure。就網(wǎng)站來講，Axure就是將頁面模塊、元素進(jìn)行粗放式的排版和布局，如果更深入一些，還會(huì)加入一些交互性的元素，以使其更加具體、形象和生動(dòng)。

今天我們將為大家介紹Axure快速原型在交互設(shè)計(jì)中涉及的三個(gè)步驟，并將結(jié)合The Brain思維導(dǎo)圖為大家整理交互設(shè)計(jì)思路：

Axure在交互設(shè)計(jì)中應(yīng)用

首先，我們先了解一下思維導(dǎo)圖TheBrain。

TheBrain采用動(dòng)態(tài)的立體網(wǎng)絡(luò)呈現(xiàn)與之關(guān)聯(lián)的所有想法以及他們之間的聯(lián)系，傳統(tǒng)思維導(dǎo)圖只允許由中心思想向四周輻射，且每個(gè)節(jié)點(diǎn)只有一個(gè)父節(jié)點(diǎn)，是一種樹型結(jié)構(gòu)。TheBrain則可以有多個(gè)父節(jié)點(diǎn)、多個(gè)跳躍節(jié)點(diǎn)、多個(gè)子節(jié)點(diǎn)，數(shù)據(jù)量越大越能體現(xiàn)其優(yōu)勢(shì)，越能開發(fā)腦力，激發(fā)靈感。因此，不管是學(xué)習(xí)Axure還是學(xué)習(xí)其他知識(shí)，TheBrain都能更好的幫助我們系統(tǒng)的掌握知識(shí)。

下圖是我用思維導(dǎo)圖工具TheBrain繪制的快速原型設(shè)計(jì)步驟圖：

接下來是對(duì) “快速原型設(shè)計(jì)步驟”的詳細(xì)說明：

在進(jìn)行主要頁面原型設(shè)計(jì)之前，你必須明白交互設(shè)計(jì)師需要什么： 

• 一份主要的任務(wù)流程圖（或是用例，一般由產(chǎn)品經(jīng)理提供）
• 一份主要功能列表（一般由產(chǎn)品經(jīng)理提供）
• 網(wǎng)站信息架構(gòu)（信息架構(gòu)在一些公司是需要交互設(shè)計(jì)師來完成的）
• 對(duì)于前期調(diào)研結(jié)果的理解

一、如何做主要頁面原型？

步驟：
1.在建立項(xiàng)目的初期就要開始定義Master，此時(shí)你可以利用共享區(qū)塊，建立Master，這樣將節(jié)省其他頁面設(shè)計(jì)的重復(fù)工作，可以定義的Master有網(wǎng)站的Header/Footer/導(dǎo)航選單，或者廣告版位等。
2.應(yīng)用library，library可以應(yīng)用現(xiàn)成模版，也可以利用網(wǎng)上資源進(jìn)行下載。
3.根據(jù)“任務(wù)流程圖”、“功能列表”將主要的頁面原型制作出來。

用途：
主要頁面原型可以用于產(chǎn)品初期的討論會(huì)、測(cè)試以及產(chǎn)品介紹會(huì)。

注意要素：
最好在使用Axure工具前，用紙和筆畫一些紙面原型，整理一下思路，主要頁面原型設(shè)計(jì)過程應(yīng)該是快速的、迭代的，同時(shí)在這個(gè)過程中不要加入視覺設(shè)計(jì)元素，要著眼于大局，不要糾結(jié)細(xì)枝末節(jié)。    

二、怎樣細(xì)化頁面流程圖？

表現(xiàn)要素：
由于Axure中沒有斜線，在表現(xiàn)流程的時(shí)候有些受限，因此在流程圖中要注意表現(xiàn)以下幾點(diǎn)：操作步驟的名稱和編號(hào)、開始和結(jié)束、頁面的名字、點(diǎn)擊的位置、操作說明和箭頭和步驟序號(hào)。

用途：
頁面流程圖用于與他人溝通流程、整理思路細(xì)化流程。    

注意要素：
如果項(xiàng)目時(shí)間有限，頁面流程可以畫在紙上，但是建議在交互設(shè)計(jì)時(shí)保留這一步，同時(shí)為了減少溝通成本，在繪制頁面流程圖時(shí)，最好有一定的規(guī)范和標(biāo)準(zhǔn)。

三、如何完善原型？

步驟：
1.將頁面流程中所考慮的交互過程，體現(xiàn)在原型上面。例如：出錯(cuò)和提示等交互細(xì)節(jié)都應(yīng)該有所體現(xiàn)。在這時(shí)你可能會(huì)用到變量層等高級(jí)Axure技巧。
2.增加說明。選中某個(gè)控件，在右邊區(qū)域可以為此控件增加說明。  同時(shí)你還可以更改屬性，在這里，我們一共介紹兩種方法更改屬性：一是選擇Customize更改；二是利用文字補(bǔ)充說明。
3.為頁面編號(hào)。當(dāng)原型不再需要修改時(shí)，我們需要為原型頁面編號(hào)，這樣有利于與視覺設(shè)計(jì)師、前端溝通。  ;

用途：
完整的原型用于測(cè)試、產(chǎn)品需求文檔編寫參考、視覺設(shè)計(jì)參考、前端設(shè)計(jì)參考等。    

注意要素：
1. 不要過于追求技術(shù)表現(xiàn)，Axure軟件的初衷是快速的設(shè)計(jì)原型，如果在一些技術(shù)方面交互設(shè)計(jì)師花費(fèi)很多時(shí)間的話，就有些顧此失彼了，當(dāng)然你可以用些文字來說明交互效果。
 2. 為了減少溝通成本，在完善原型時(shí)，最好有一定的規(guī)范和標(biāo)準(zhǔn)。

當(dāng)然除了利用TheBrain 將Axure知識(shí)點(diǎn)串聯(lián)系統(tǒng)的進(jìn)行學(xué)習(xí)，你還可以利用它發(fā)散自己的設(shè)計(jì)思路，幫助自己更好地進(jìn)行設(shè)計(jì)。

總結(jié)

Axure的本質(zhì)是一種交互工具，交互設(shè)計(jì)最重要的還是想法，工具只是來幫助我們表現(xiàn)想法的。有句話說“思路決定出路”，做任何東西一個(gè)清晰的思路，大過于對(duì)技術(shù)和視覺表現(xiàn)的追求。因此，我們?cè)诎盐蘸谜麄€(gè)產(chǎn)品方向的同時(shí)，還要專注于交互流程、頁面內(nèi)交互、布局結(jié)構(gòu)的創(chuàng)新和優(yōu)化。