前言
公司項目需要進行梳理，優化用戶體驗和改進業務流程，由於之前沒有產品經理及項目的原型設計稿，領導決定將這個任務交給我來完成。在此之前，一直是看別人的原型設計，沒有自己做過原型設計，因此記錄下該文章，引導和我一樣的小白用戶能快速入門。
工具下載
原型設計工具市面上有不少，也有在線編輯的，我這裏選用的是最常見的Axure，提供AxureRP_8.0.0破解版下載地址 。
下載後，壓縮包裏面包含破解密鑰。
設計
所謂的原型設計，是將用戶的需求轉化爲設計模型的一種交互式設計成果。所以再做原型設計之前的必要功課，就是先了解產品的需求。在做原型設計之前，我已經做了2個版本的APP版本開發，所以對需求已經有了一定的瞭解。需要注意的是，往往原型設計工作是在coding之前展開，所以一定要詳細的瞭解需求，才能做出更好的設計。
囉嗦完了就來介紹Axure的使用，打開Axure顯示如圖所示：
左上方的index 、page1、page2、page3是表示原型設計的頁面，原型設計師由一個個頁面和頁面之間的交互組成。
左下方是元件，元件是組成頁面的元素素材，可以自行導入元件庫和素材。我這裏是做APP的原型設計，所以從網上找了一個手機模型的元件導入進來。
中間空白區域，就是繪製原型的工作區。
右邊的檢視區域，是爲原型頁面添加交互和樣式的工作區。
右下方的頁面概要，顯示頁面設計的結構和元件。
我目前使用到的功能區大致就是這些，應該還有我所不知道的功能等待發現。
工作區介紹完後，接下來講下如何進行繪製。
上面提到我導入了一個手機模型的元件，在元件列表中找到我的手機模型，直接拉入繪製工作區中，工作區中就會顯示出手機模型。接下來可以拖入一些自帶的元件，自行調整元件大小，讓頁面看起來更美觀。
當你選中登錄按鈕後，右上方的檢視區域可以進行屬性和樣式的編輯。右下方的概要，顯示當前頁面的整體結構。
添加用例可以定義各種動作下，應該執行哪些操作，具體動作包含如圖中所示。
不過初入門時，一般我沒有做得太過複雜，只是使用創建連接功能。點擊創建連接功能會提示你選中一個目的頁面。表示點擊該按鈕之後，會跳轉到目的頁面。從而實現了一個交互上的跳轉功能。
最終繪製完成之後，可以按F5預覽或者點擊右上角的預覽圖標，會打開瀏覽器，顯示當前編輯的內容，點擊帶有連接交互的按鈕或者區域，會根據設定的動作，執行對應的功能。
結束語
原型設計再工具的支持下，其實變得很簡單。但是產品設計精髓的地方不在於如何去畫原型，而在於去轉化業務流程，如何讓讓用戶覺得體驗更棒。這纔是產品經理需要花費大量精力去做好的事情！