怎么畫好軟件產品原型圖?

　　一、工具選擇

　　工欲善其事，必先利其器。作為產品經理，好的原型設計是提高產品開發(fā)效率不可或缺的一部分，那么，一款好的原型設計工具就是你的武器。下面給大家推薦幾款好用的原型設計軟件，有需要的朋友可以根據(jù)自己的需要進行參考。

　　1、Axure RP

　　Axure RP是美國Axure Software Solution公司的旗艦產品，是一個專業(yè)的快速原型設計工具。讓負責定義需求和規(guī)格、設計功能和界面的專家能夠快速創(chuàng)建應用軟件或Web網站的線框圖、流程圖、原型和規(guī)格說明文檔。

　　在交互效果層面，可以實現(xiàn)非常多條件判斷、巧妙運用可以實現(xiàn)更復雜的交互。

　　缺點：

　　1)正版的Axure售價高，學生等群體可能負擔不起;(別怕，有破解版，哈哈)

　　2)動態(tài)面板和中繼器較為復雜，要完全弄懂也需要一定的時間成本，學習成本高(跟著老師學習，上手快，嘿嘿)。

　　2、墨刀

　　墨刀是一款功能非常強大的原型設計工具，擁有云端保存，實時手機預覽，多種手勢，頁面切換特效等多種功能!另外，墨刀能夠快速創(chuàng)建頁面連接，獨創(chuàng)的拖拽連接方式，讓頁面間的連接關系清晰呈現(xiàn)出來。

　　缺點：

　　1)應用局限性。墨刀專注于app原型設計,在后臺和網站稍有乏力;

　　2)需要收費。墨刀本地下載功能需要注冊購買，無法直接分享給他人;

　　3)歸檔能力不足。墨刀更傾向于鏈接、二維碼形式輸出，不能以文檔輸出。

　　3、Mockplus

　　Mockplus是一款簡潔高效的原型圖設計軟件，適合快速迭代的開發(fā)模式，無需學習、快速上手、功能強勁。支持安卓App、iOS App、Windows / MAC OS桌面程序和Web原型設計，其Web版和桌面版均可跨Window和蘋果操作系統(tǒng)使用。

　　Mockplus雖然快速上手，操作簡易。但是，這款工具在用戶體驗上是存在著一定的缺陷的。

　　目前Mockplus對于一些過于復雜的功能，比如：判斷和變量，是不支持的。所以在用戶體驗上會造成影響。也不支持手勢交互，無法通過其設計制作一些較為精細的操作，而且設計界面不夠美觀。此外，對于產品文檔的支持，也有不足。

　　當然還有其它很多類型的原型設計工具，比如Justinmind，如果不做交互也可以考慮sketch，其他就不再一一例舉了，朋友們可以根據(jù)自己的需要進行選擇。這里我推薦新手一定要選擇Axure RP，功能強大，有自己的元件庫，也可以自己做元件庫添加到軟件中。

　　Axure RP軟件你會使用了，其它的軟件也不在話下。

　　二、確定保真程度

　　作為一名產品經理，必須得和原型圖打交道，而許多剛入行的產品助理對原型圖的繪制可能有些不太理解，因為沒有相關的項目經驗，原型圖畫得深入還是粗糙，這個度不好把握，原型圖繪制是一個彈性的東西，你可以花很多時間讓它栩栩如生，有視覺有交互，會讓人覺得你做得非常的精美，但非常耗費時間。

　　不同情況有不同的需求，我們可以通過匯報對象/項目緊急情況來判定是否需要高保真原型圖。

　　? 如果匯報對象對互聯(lián)網的理解成本高，公司給到UI、UX等設計師支持還較少。那高保真原型圖可以降低溝通成本，讓匯報對象更直觀了解產品交互邏輯。

　　? 另外，還要看項目的緊急程度，一般都按項目上線時間倒推估算畫原型的時間，如果十分充裕的，你可以對你的原型圖精雕細琢。

　　高保真不管從交互邏輯、視覺展現(xiàn)都更加直觀，對于接收者來說，應該沒有人會拒絕。

　　三、原型圖繪制的一般繪制流程

　　1、思維導圖梳理好架構

　　2、visio流程圖梳理業(yè)務邏輯

　　3、輸出原型

　　? 創(chuàng)建一個新的原型項目

　　? 利用元件庫搭建組件進行原型制作(可以用線條、圖形、圖表、圖標等素材)

　　? 保存并分享原型項目

　　4、加交互及相關文字說明

　　? 頁面的跳轉交互，設置觸發(fā)方式、要跳轉的頁面、動效和時長

　　? 頁面的狀態(tài)交互，可以實現(xiàn)整體頁面內的交互動畫。狀態(tài)交互可以設置細節(jié)，比如組件平滑移動的效果，并且可以讓某個組件的屬性(位置、大小、顏色等)發(fā)生改變。

　　? 加上必要的說明文字，增加可讀性。(有些公司非常喜歡把需求也標注在原型圖上)

　　一般來說都是按照這四步來做就可以了，如果業(yè)務簡單可以忽略前兩條。切記!產品經理不要盲目的一上來就畫原型圖，得先列清楚和想清楚之后再動手，不然會容易疏漏一些東西，造成不必要的反工。

　　四、如何提升原型制作效率

　　想在畫原型這件事上提高效率，需要產品、交互或視覺設計師根據(jù)產品的品牌定位特性，設計一套模板元件，產品設計時就可以直接拖拽完成，定出基調就容易事半功倍。

　　福利!!!點擊獲取元件庫(PC端常用組件，請私聊作者獲取提取碼及更多元件庫)

　　提升效率從原型制作的工作中盡可以解脫出來，用更多的精力去處理更關鍵的地方，比如深入業(yè)務、行業(yè)、用戶、運營的研究

　　總之：原型只是一個傳達需求的工具，產品最終會怎樣發(fā)展，都是依戰(zhàn)略、市場、用戶決定的，不會一勞永逸、也不會一成不變。