什么是快速原型呢？    

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

今天我們將為大家介紹Axure快速原型在交互設計中涉及的三個步驟，并將結合The Brain思維導圖為大家整理交互設計思路：

Axure在交互設計中應用

首先，我們先了解一下思維導圖TheBrain。

TheBrain采用動態的立體網絡呈現與之關聯的所有想法以及他們之間的聯系，傳統思維導圖只允許由中心思想向四周輻射，且每個節點只有一個父節點，是一種樹型結構。TheBrain則可以有多個父節點、多個跳躍節點、多個子節點，數據量越大越能體現其優勢，越能開發腦力，激發靈感。因此，不管是學習Axure還是學習其他知識，TheBrain都能更好的幫助我們系統的掌握知識。

下圖是我用思維導圖工具TheBrain繪制的快速原型設計步驟圖：

接下來是對 “快速原型設計步驟”的詳細說明：

在進行主要頁面原型設計之前，你必須明白交互設計師需要什么： 

• 一份主要的任務流程圖（或是用例，一般由產品經理提供）
• 一份主要功能列表（一般由產品經理提供）
• 網站信息架構（信息架構在一些公司是需要交互設計師來完成的）
• 對于前期調研結果的理解

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

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

用途：
主要頁面原型可以用于產品初期的討論會、測試以及產品介紹會。

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

二、怎樣細化頁面流程圖？

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

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

注意要素：
如果項目時間有限，頁面流程可以畫在紙上，但是建議在交互設計時保留這一步，同時為了減少溝通成本，在繪制頁面流程圖時，最好有一定的規范和標準。

三、如何完善原型？

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

用途：
完整的原型用于測試、產品需求文檔編寫參考、視覺設計參考、前端設計參考等。    

注意要素：
1. 不要過于追求技術表現，Axure軟件的初衷是快速的設計原型，如果在一些技術方面交互設計師花費很多時間的話，就有些顧此失彼了，當然你可以用些文字來說明交互效果。
 2. 為了減少溝通成本，在完善原型時，最好有一定的規范和標準。

 當然除了利用TheBrain 將Axure知識點串聯系統的進行學習，你還可以利用它發散自己的設計思路，幫助自己更好地進行設計。

總結

Axure的本質是一種交互工具，交互設計最重要的還是想法，工具只是來幫助我們表現想法的。有句話說“思路決定出路”，做任何東西一個清晰的思路，大過于對技術和視覺表現的追求。因此，我們在把握好整個產品方向的同時，還要專注于交互流程、頁面內交互、布局結構的創新和優化。