原型設計是將想法轉變?yōu)樵O計過程中至關重要的一環(huán)。經(jīng)常有設計師小伙伴可能會問到，“哪個原型設計工具是最好的呢”？實際上這是一種錯誤的提問方式，尤其是在當下原型工具種類繁多，針對不同需求各有優(yōu)勢的大環(huán)境中更加如此。就設計師而言，更在意的應該是“哪個原型設計工具對我現(xiàn)階段的目標是最好的”？在這里，筆者列出了在3種常見場景下最合適的原型圖設計工具的推薦清單，希望對你有所幫助。

一、設計中低保真、快速的界面原型

中、低保真原型一般指有限的功能和交互原型設計。它們更多被用于描繪設想、設計方案以及界面布局，建立這些原型的目的主要用于想法的初步呈現(xiàn)、溝通和演示。用于此場景的最佳工具應該是可以在短時間內完成，并能直觀展示整個體驗流程的工具。

??

場景特點：

• 想法的初步呈現(xiàn)（APP/小程序/Web/html5）

• 快速制作

工具推薦：

1. Balsamiq

主要用于制作低保真、線框草圖。?在低保真原型圖領域，特別是 Web 原型圖設計領域，Balsamig尤其受歡迎。使用 Balsamiq畫出的原型圖都是手繪風格的圖像，看上去美觀、清爽?？梢哉f這個產(chǎn)品就是為低保真原型圖而生，這一塊的體驗是其他產(chǎn)品無法比擬的。

如果你想要制作復雜的交互效果，還是算了吧，Balsamiq的交互基本上就一個操作，即“鏈接到另外一個頁面”。

??

2.POP（Prototyping on Paper）

比較另類的產(chǎn)品，可以手繪草圖，然后拍照傳入軟件，在照片中設置熱區(qū)添加交互即可。在設計低保真原型圖的時候出奇的方便。其基于手機端的玩法在我所列舉的這些軟件中是獨樹一幟的。顯然，在手機端操作是它的優(yōu)勢，也是劣勢。在特定需求場景下，這款產(chǎn)品一定能帶給你驚喜。

??

二、構建響應式體驗設計

當你的原型項目、設計稿需要應用于不同的項目尺寸時，這時就需要原型設計工具支持響應式布局。實現(xiàn)響應式布局一直是原型工具產(chǎn)品的一個難點，大多數(shù)原型工具操作方法是針對不同屏幕多做幾稿，而以下兩款產(chǎn)品其獨特的響應式布局能力可以幫助你更快、更輕松地實現(xiàn)一次設計同時滿足不同平臺的原型設計需求。

場景特點：

• 構建多平臺產(chǎn)品原型（APP、小程序、Web、html5、Pad）

• 省時和高效兼?zhèn)?/p>

• 具備制作復雜交互的能力（此類型項目，大部分都需要）

工具推薦：

1. UXPin

在 UXPin 設計原型時，你可以自己設置斷點，并為每一個斷點區(qū)間做樣式調整。在預覽時，你也可以通過切換斷點來觀看不同尺寸下的效果。除開響應式，軟件還提供了可編程組件，狀態(tài)和邏輯，版本控制等功能，是一款非常全面的中高保真原型設計工具。

??

2.摹客RP

摹客RP是國內工具廠商摹客推出的一款全新原型設計工具。它集快速設計、強大交互、矢量編輯于一體，并且完全免費！

摹客RP在響應書布局功能上相比Uxpin更加強大和智能：只需要在制作時打開畫板/組的響應即可自動開啟響應式布局。開啟后，畫板/組所包含的組件也會自動開啟響應式布局，非常簡單就能實現(xiàn)“一稿多用”。

??

三、高保真原型設計

什么是高保真原型？簡單理解就是：類似實際產(chǎn)品的原型設計稿。

它要求具備三個元素：

a.逼真細致的設計；

b.盡可能真實的填充內容；

c.和真實產(chǎn)品一樣豐富且全面的交互效果。

該類型原型稿主要用于專業(yè)講解、用戶實測等場景。隨著原型工具的發(fā)展，制作高保真原型所需的時間成本越來越低，我將要列舉的三款原型工具，它們是制作高保真原型工具中的佼佼者。

場景特點：

• 需要極高的保真度

• 全面的功能支撐及高效的產(chǎn)出能力

工具推薦：

1. Axure

知名度最高的原型工具，它作為最早、最權威的原型工具讓多少產(chǎn)品經(jīng)理又愛又恨。全面且強大的功能讓它在行業(yè)里具有無與倫比的競爭力，但高昂的價格、復雜的操作也勸退了不少產(chǎn)品經(jīng)理或者設計師。當然，如果你是一名追求強交互效果及細節(jié)的產(chǎn)品經(jīng)理，它會是一項不錯的選擇。

??

2.摹客RP

再次出現(xiàn)了摹客RP。不必意外，作為一款為產(chǎn)品開發(fā)團隊量身打造的原型設計工具，摹客RP可以做到快速產(chǎn)出和精細設計兩不誤。在高保真設計能力上，摹客RP表現(xiàn)的非常優(yōu)秀：

a.摹客RP預設上千圖標資源和組件，可以隨意選用，其組件自帶交互屬性；

b.支持13種交互方式，幾乎覆蓋所有交互需求，真正實現(xiàn)了“所見即所得”；

c.自帶專業(yè)矢量繪圖功能，支持鋼筆工具和布爾運算，配合響應式布局、256倍放大和像素級對齊等設計功能，可以輕松搞定高保真設計.。

除開以上優(yōu)點，摹客RP支持流程圖、PRD文檔制作，產(chǎn)品經(jīng)理可以一站式搞定撰寫和創(chuàng)作的需求。最最最重要的是：它不限功能、不限頁面、不限時長，絕對免費。

??

3.Flinto

在Framer、Principle、Pixate等一眾國外設計工具中，F(xiàn)linto是我最推薦的原型設計軟件，在界面設計上，你不得不佩服它的設計團隊：簡潔、大氣、精致的感受會在你打開軟件的一瞬間撲面而來。但相比前面兩款工具，F(xiàn)linto在國內用戶群體太小，學習資料和模板資源等都非常匱乏，所以只推薦給動手能力比較強的用戶。?

??

總結：

正如Facebook設計總監(jiān)Julie Zhuo預測未來十年時所說：“未來的設計思維，就是產(chǎn)品思維”。對于設計師而言，應該更專注于設計而不是工具。設計過程中需要溝通什么、展示什么、測試什么？需要建立怎樣的模塊？需要什么程度的保真？當專注于設計的目標時，你就知道你要采用何種工具了。

建議所有的設計師，都應當廣泛的涉獵目前主流的原型圖工具的使用，一旦需要，即可使用。同時，筆者相信最好的工具，應當具備“更快”、“更簡單”的特質，服務于設計思維，讓設計師不為工具所累。

需要快速創(chuàng)建原型、表達設計想法的小伙伴們，現(xiàn)在有思路了嗎？