以前,Photoshop在交互設(shè)計(jì)領(lǐng)域扮演著主要角色糙臼。最近一份調(diào)查顯示呛讲, Photoshop的地位有所下降禾怠。一共有來(lái)自200個(gè)國(guó)家4000人參與了這次調(diào)查返奉, 結(jié)果顯示,設(shè)計(jì)師更加傾向于一些新型的工具吗氏, 因?yàn)檫@些工具簡(jiǎn)化了原型設(shè)計(jì)芽偏,設(shè)計(jì)數(shù)字產(chǎn)品的過(guò)程。
我們可以輕易的從網(wǎng)上獲得各種各樣的原型設(shè)計(jì)工具弦讽,例如眾人皆知的Axure和新發(fā)布的Mockplus污尉。下面為大家推薦8款原型設(shè)計(jì)工具。
1.?Axure?PR
價(jià)格
l?標(biāo)準(zhǔn)版-$289一個(gè)注冊(cè)碼
l?專(zhuān)業(yè)版-$589一個(gè)注冊(cè)碼
Axure?RP是美國(guó)Axure?Software?Solution公司旗艦產(chǎn)品坦袍,是一款專(zhuān)業(yè)的原型設(shè)計(jì)工具十厢,讓負(fù)責(zé)定義需求和規(guī)格等太、設(shè)計(jì)功能和界面的專(zhuān)家能夠快速創(chuàng)建應(yīng)用軟件或Web網(wǎng)站的線(xiàn)框圖捂齐、流程圖、原型和規(guī)格說(shuō)明文檔缩抡。?這是一款非常專(zhuān)業(yè)的工具,?但是學(xué)習(xí)成本也非常高奠宜。如果你是一位專(zhuān)業(yè)的交互設(shè)計(jì)師,并且需要設(shè)計(jì)復(fù)雜是交互瞻想,你可以使用這款工具压真。
2.Mockplus
價(jià)格:
l?基礎(chǔ)版-永久免費(fèi)
l?專(zhuān)業(yè)版-¥10/月
Mockplus(摩客)?是一款簡(jiǎn)潔高效的原型圖設(shè)計(jì)工具,有別于Axure的繁復(fù)蘑险,Mockplus致力于快速創(chuàng)建原型滴肿。無(wú)論你是產(chǎn)品小白,?還是大牛佃迄,摩客都能滿(mǎn)足你的需求泼差。摩客的設(shè)計(jì)理念就是關(guān)注設(shè)計(jì),而非工具呵俏。如果你時(shí)間有限堆缘,那你不能錯(cuò)過(guò)摩客,因?yàn)閹缀醪恍枰獙W(xué)習(xí)普碎,?你就可以上手這款工具吼肥。摩客提供了豐富的組件庫(kù)和圖標(biāo)庫(kù),創(chuàng)建原型麻车,你只需拖一拖缀皱。摩客發(fā)布2.1新版之后,交互也成為其一大亮點(diǎn)动猬,她將交互設(shè)計(jì)可視化啤斗,只需要拖一拖鼠標(biāo),即可完成交互的設(shè)計(jì)枣察,所見(jiàn)所得争占,沒(méi)有復(fù)雜的參數(shù)燃逻,更無(wú)需編程。封裝好的一些系列交互組件臂痕,比如彈出面板伯襟、抽屜、內(nèi)容面板等握童,讓設(shè)計(jì)交互幾乎可以全程“無(wú)腦”操作姆怪。演示也很簡(jiǎn)單,直接二位碼掃描即可澡绩,同時(shí)支持發(fā)布到云和導(dǎo)出演示包稽揭。
3.?Balsamiq?Mockups
價(jià)格
l?單個(gè)注冊(cè)碼?-?$89
l?多個(gè)注冊(cè)碼-?$178?2個(gè)?(量大從優(yōu))
Balsamiq?Mockups是一款快速創(chuàng)建原型的工具。這款原型工具具有獨(dú)特的手繪風(fēng)格肥卡。軟件的內(nèi)置組件溪掀,?拖拽功能的支持為設(shè)計(jì)帶來(lái)了便利。該工具有桌面版本步鉴,?同時(shí)也可以作為Google?Drive,?Confluence?和?JIRA的插件使用揪胃。
4.?Justinmind
價(jià)格:
l?試用期-30?天
l?專(zhuān)業(yè)版本-?$29/月?(包年$19/月)
JustinMind是由西班牙JustinMind公司出品的原型制作工具,主要致力于高保真原型氛琢。它提供的功能有繪圖工具喊递,拖放位置,大小,格式和導(dǎo)出/導(dǎo)入的小部件。你還可以自定義小組件阳似,創(chuàng)建自定義組件庫(kù)骚勘,并進(jìn)行分類(lèi),?提供豐富的動(dòng)畫(huà)支持撮奏。如果你要?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?專(zhuān)業(yè)版?–?無(wú)項(xiàng)目限制?=?$25/月
l?團(tuán)隊(duì)版?–?無(wú)項(xiàng)目限制,?5?個(gè)用戶(hù)?=?$100/月
l?企業(yè)版?–?無(wú)項(xiàng)目限制,?高級(jí)功能
InVision是一款設(shè)計(jì)原型交互的工具。使用InVision可以很好的實(shí)現(xiàn)團(tuán)隊(duì)之間的協(xié)作定拟,?也便于收集反饋意見(jiàn)于微。它可以讓你將靜態(tài)的網(wǎng)頁(yè),移動(dòng)app設(shè)計(jì)圖快速的變成可以點(diǎn)擊青自,?具有交互效果的動(dòng)態(tài)原型株依。讓你的設(shè)計(jì)“活”起來(lái)。
6.UX?Pin
價(jià)格:
l?基礎(chǔ)版-?$?19?/月
l?專(zhuān)業(yè)版?-?$29/月
l?專(zhuān)業(yè)版+?-?$49/月
UXPin是一款在線(xiàn)原型設(shè)計(jì)工具延窜。你可以通過(guò)拖拽的方式快速創(chuàng)建原型恋腕,無(wú)需敲一行代碼。通過(guò)UXpin逆瑞,你可以創(chuàng)建高保真原型荠藤,同時(shí)也支持從Sketch和Photoshop導(dǎo)入你的設(shè)計(jì)伙单。
7.?OmniGraffle
價(jià)格:
Mac
l?標(biāo)準(zhǔn)版-?$?99.99/注冊(cè)碼
l?專(zhuān)業(yè)版?-?$199.99/注冊(cè)碼
iOS
l?標(biāo)準(zhǔn)版-?$?49.99/注冊(cè)碼
l?專(zhuān)業(yè)版?-?$99.98/注冊(cè)碼
OmniGraffle是由來(lái)自美國(guó)的The?Omni?Group制作的一款原型設(shè)計(jì)工具,這款工具只針對(duì)蘋(píng)果用戶(hù)哈肖,有OS?X版和iOS?版吻育。它曾獲得2002年的蘋(píng)果設(shè)計(jì)獎(jiǎng)∮倬可以使用它快速繪制線(xiàn)框圖布疼、圖表、流程圖等币狠。用Origami創(chuàng)建iPhone和iPad原型是比較好的選擇游两。
8.?Flinto
價(jià)格:
l?Flinto?Lite(網(wǎng)頁(yè)版)-?$?20/月
l?Flinto?for?Mac?-?$99/注冊(cè)碼
Flinto可以讓你快速的為web、移動(dòng)app設(shè)計(jì)交互漩绵。通過(guò)拖拽贱案,可以快速的為你的設(shè)計(jì)圖設(shè)置跳轉(zhuǎn)和動(dòng)畫(huà)。Flinto提供了常用的轉(zhuǎn)場(chǎng)效果渐行。如果你需要設(shè)計(jì)iOS?app的交互演示效果轰坊,F(xiàn)linto是不錯(cuò)的選擇。
總結(jié):
市場(chǎng)上的原型設(shè)計(jì)工具各色各樣祟印,很難定義誰(shuí)是最好的。這還主要取決于你的個(gè)人喜好和設(shè)計(jì)需求粟害。如果你正在尋找一款簡(jiǎn)單易用蕴忆,又實(shí)惠的原型設(shè)計(jì)工具,個(gè)人認(rèn)為Mockplus是很理想的選擇悲幅,不像Axure套鹅、Justinmind那樣繁復(fù),也比Balsamiq功能強(qiáng)大汰具。這是國(guó)內(nèi)第一款原型設(shè)計(jì)工具卓鹿,服務(wù)和支持也做得很好。如果你愿意支付高額的價(jià)格留荔,需要復(fù)雜的原型吟孙,并且英語(yǔ)也很好,那你可以選擇Axure聚蝶,不過(guò)個(gè)人認(rèn)為Axure比較笨重杰妓。
原作者:Becky Horne
原文地址:https://medium.com/@Mockplus/8-ux-and-ui-wireframe-tools-you-must-try-in-2016-f8fbcccf7f6e#.on44f9ruz