以前，Photoshop在網(wǎng)站建設(shè)中的網(wǎng)頁設(shè)計里的交互設(shè)計領(lǐng)域扮演著主要角色。最近一份調(diào)查顯示，?Photoshop的地位有所下降。一共有來自200個國家4000人參與了這次調(diào)查，?結(jié)果顯示，設(shè)計師更加傾向于一些新型的工具，?因為這些工具簡化了原型設(shè)計，設(shè)計數(shù)字產(chǎn)品的過程。
調(diào)查報告來自：http://tools.subtraction.com/
我們可以輕易的從網(wǎng)上獲得各種各樣的原型設(shè)計工具，例如眾人皆知的Axure和新發(fā)布的Mockplus。下面為大家推薦8款原型設(shè)計工具。
1.?Axure?PR
難度：★★★★
價格
l?標準版-$289一個注冊碼
l?專業(yè)版-$589一個注冊碼
Axure?RP?是美國Axure?Software?Solution公司旗艦產(chǎn)品，是一款專業(yè)的原型設(shè)計工具，讓負責定義需求和規(guī)格、設(shè)計功能和界面的專家能夠快速創(chuàng)建應(yīng)用軟件或Web網(wǎng)站的線框圖、流程圖、原型和規(guī)格說明文檔。?這是一款非常專業(yè)的工具,?但是學(xué)習(xí)成本也非常高。如果你是一位專業(yè)的交互設(shè)計師，并且需要設(shè)計復(fù)雜是交互，你可以使用這款工具。
2.?Mockplus
難度：★
價格：
l?基礎(chǔ)版-永久免費
l?專業(yè)版-10RMB/月
Mockplus（摩客）?是一款簡潔高效的原型圖設(shè)計工具，有別于Axure的繁復(fù)，Mockplus致力于快速創(chuàng)建原型。無論你是產(chǎn)品小白，?還是大牛，摩客都能滿足你的需求。摩客的設(shè)計理念就是關(guān)注設(shè)計，而非工具。如果你時間有限，那你不能錯過摩客，因為幾乎不需要學(xué)習(xí)，?你就可以上手這款工具。摩客提供了豐富的組件庫和圖標庫，創(chuàng)建原型，你只需拖一拖。摩客發(fā)布2.1新版之后，交互也成為其一大亮點，她將交互設(shè)計可視化，只需要拖一拖鼠標，即可完成交互的設(shè)計，所見所得，沒有復(fù)雜的參數(shù)，更無需編程。封裝好的一些系列交互組件，比如彈出面板、抽屜、內(nèi)容面板等，讓設(shè)計交互幾乎可以全程“無腦”操作。演示也很簡單，直接二位碼掃描即可，同時支持發(fā)布到云和導(dǎo)出演示包。
3.?Balsamiq?Mockups
難度：★
價格
l?單個注冊碼?-?$89
l?多個注冊碼-?$178?2個?（量大從優(yōu)）
Balsamiq?Mockups是一款快速創(chuàng)建原型的工具。這款原型工具具有獨特的手繪風格。軟件的內(nèi)置組件，?拖拽功能的支持為設(shè)計帶來了便利。該工具有桌面版本，?同時也可以作為Google?Drive,?Confluence?和?JIRA的插件使用。
4.?Justinmind
難度：★★★★★
價格:
l?試用期-30?天
l?專業(yè)版本-?$29/月?（包年$19/月)
JustinMind?是由西班牙JustinMind公司出品的原型制作工具，主要致力于高保真原型。它提供的功能有繪圖工具，拖放位置,大小,格式和導(dǎo)出/導(dǎo)入的小部件。你還可以自定義小組件，創(chuàng)建自定義組件庫，并進行分類，?提供豐富的動畫支持。如果你要創(chuàng)建復(fù)雜的高保真原型，?可以嘗試這款工具。缺點就是需要一定的學(xué)習(xí)成本，程序啟動也比較慢。
5.?InVision
難度：★★★
價格
l?免費版-?一個項目
l?初級版?–?3?個項目?=?$15/月
l?專業(yè)版?–?無項目限制?=?$25/月
l?團隊版?–?無項目限制,?5?個用戶?=?$100/月
l?企業(yè)版?–?無項目限制,?高級功能
InVision?是一款設(shè)計原型交互的工具。使用InVision可以很好的實現(xiàn)團隊之間的協(xié)作，?也便于收集反饋意見。它可以讓你將靜態(tài)的網(wǎng)頁，移動app設(shè)計圖快速的變成可以點擊，?具有交互效果的動態(tài)原型。讓你的設(shè)計“活”起來。
6.?UX?Pin
難度：★★★
價格:
l?基礎(chǔ)版-?$?19?/月
l?專業(yè)版?-?$29/月
l?專業(yè)版+?-?$49/月
UXPin?是一款在線原型設(shè)計工具。你可以通過拖拽的方式快速創(chuàng)建原型，無需敲一行代碼。通過UXpin，你可以創(chuàng)建高保真原型，同時也支持從Sketch和Photoshop導(dǎo)入你的設(shè)計。
7.?OmniGraffle
難度：★★★
價格:
Mac
l?標準版-?$?99.99/注冊碼
l?專業(yè)版?-?$199.99/注冊碼
iOS
l?標準版-?$?49.99/注冊碼
l?專業(yè)版?-?$99.98/注冊碼
OmniGraffle?是由來自美國的The?Omni?Group制作的一款原型設(shè)計工具，這款工具只針對蘋果用戶，有OS?X版和iOS?版。它曾獲得2002年的蘋果設(shè)計獎?？梢允褂盟焖倮L制線框圖、圖表、流程圖等。用Origami創(chuàng)建iPhone和iPad原型是比較好的選擇。
8.?Flinto
難度：★★★
價格:
l?Flinto?Lite（網(wǎng)頁版）-?$?20/月
l?Flinto?for?Mac?-?$99/注冊碼
Flinto?可以讓你快速的為web、移動app設(shè)計交互。通過拖拽，可以快速的為你的設(shè)計圖設(shè)置跳轉(zhuǎn)和動畫。Flinto提供了常用的轉(zhuǎn)場效果。如果你需要設(shè)計iOS?app的交互演示效果，F(xiàn)linto是不錯的選擇。
總結(jié)：
市場上的原型設(shè)計工具各色各樣，很難定義誰是最好的。這還主要取決于你的個人喜好和設(shè)計需求。如果你正在尋找一款簡單易用，又實惠的原型設(shè)計工具，個人認為Mockplus是很理想的選擇，不像Axure、Justinmind那樣繁復(fù)，也比Balsamiq功能強大。這是國內(nèi)第一款原型設(shè)計工具，服務(wù)和支持也做得很好。如果你愿意支付高額的價格，需要復(fù)雜的原型，并且英語也很好，那你可以選擇Axure，不過個人認為Axure比較笨重。
翻譯：@藍胖子
原作者：Becky Horne
原文地址：https://medium.com/@Mockplus/8-ux-and-ui-wireframe-tools-you-must-try-in-2016-f8fbcccf7f6e#.on44f9ruz
