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