2021年值得關(guān)注的6大交互原型工具
如果你是 UX/UI 設(shè)計(jì)師,你一定會(huì)聽說過很多交互原型工具的名字,記住的、沒記住的,多到自己都數(shù)不清。設(shè)計(jì)資訊網(wǎng)站總是不厭其煩地以各種套路化的標(biāo)題介紹新的交互原型工具。因此產(chǎn)生了這樣的現(xiàn)象:在決定該學(xué)習(xí)哪個(gè)工具這件事上,很多人花費(fèi)的時(shí)間比學(xué)習(xí)工具的時(shí)間還要多。寫這篇文章的目的,就是希望幫助還在犯選擇困難癥的你下定決心,找到并學(xué)習(xí)一款適合自己的交互原型工具。
1.Sketch

熟悉UI設(shè)計(jì)的朋友一定聽過Sketch這個(gè)響當(dāng)當(dāng)?shù)拿?,何止是聽過,應(yīng)該是非常熟悉才對(duì)。它在UI設(shè)計(jì)界的地位應(yīng)該是如雷貫耳那般。如果說Photoshop是最老牌的設(shè)計(jì)軟件,那Sketch無疑就是新銳中最簡(jiǎn)潔、最具生產(chǎn)力的代表。相比PS,Sketch的入門門檻可以說非常低,不需要花費(fèi)很多的精力就能快速上手。全矢量的繪制方式,加上提供的各種尺寸的畫布,元素可以無損縮放和自適應(yīng)位置,各種設(shè)備屏幕適配起來很方便;豐富的插件庫(kù),自動(dòng)切圖標(biāo)注、創(chuàng)建原型動(dòng)畫、Icon Fonts圖標(biāo)庫(kù)等等,用好這些可以進(jìn)一步提升你的工作效率。不過可惜的是,目前Sketch只有Mac版,如果你沒有蘋果電腦,那你和它就無緣了。
2.Adobe XD

Adobe XD是專為 UX、UI、產(chǎn)品原型、交互而生的矢量化圖形設(shè)計(jì)軟件,算是ADOBE公司在該領(lǐng)域推出的新產(chǎn)品。它同時(shí)支持Windows和MacOS,讓你可以用它快速創(chuàng)建手機(jī)APP或者網(wǎng)站原型。XD含有包括線框稿、視覺設(shè)計(jì)、互動(dòng)設(shè)計(jì)、用戶體驗(yàn)設(shè)計(jì)、原型制造、預(yù)覽和共享在內(nèi)的功能,界面簡(jiǎn)潔、上手簡(jiǎn)單,能夠?qū)崿F(xiàn)的效果卻千變?nèi)f化。
3.Axure RP

Axure RP是一款在較早時(shí)期發(fā)展起來的交互原型工具,所以它在業(yè)界名聲顯赫。它能夠給用戶提供無限畫布,并且擅長(zhǎng)制作低保真原型和中保真原型。不過,由于它的功能強(qiáng)大,所以學(xué)習(xí)上手就存在一定的難度,所以網(wǎng)上也有很多關(guān)于這個(gè)軟件的相關(guān)教程。它是一個(gè)本地軟件,所以需要用戶下載安裝,這一點(diǎn)上不如在線軟件那般方便。
4.Mockplus

Mockplus也叫摹客,是一款在線原型設(shè)計(jì)交互軟件。它的優(yōu)點(diǎn)是:全新的主輔畫板模式,可以靈活創(chuàng)建不同的交互效果;支持多人同時(shí)在線編輯同一項(xiàng)目,共同完成APP原型設(shè)計(jì);自帶鋼筆工具、鉛筆工具、布爾運(yùn)算、響應(yīng)式布局等特色功能,設(shè)計(jì)創(chuàng)作自由隨心;支持頁面交互、狀態(tài)交互、命令交互,以及設(shè)置多種觸發(fā)方式和曲線,快速制作交互原型;設(shè)計(jì)稿中支持直接繪制流程圖,清晰呈現(xiàn)項(xiàng)目邏輯。當(dāng)然,它也不是沒有缺點(diǎn)。和所有的在線軟件一樣,如果斷開了網(wǎng)絡(luò)連接,摹客將無法使用。
5.墨刀

墨刀是一款國(guó)產(chǎn)原型設(shè)計(jì)寫作軟件,界面布局簡(jiǎn)單易懂,比起Axure RP來可算是容易許多,對(duì)新手相當(dāng)友好。內(nèi)置相當(dāng)多的組件和設(shè)計(jì)資源,讓你拿來就用,不必費(fèi)心尋找。云端運(yùn)行和保存的特點(diǎn),大大提高了便捷性,環(huán)境的影響幾乎可以無視。當(dāng)你完成設(shè)計(jì)之后,你可以分享鏈接給你的伙伴觀看,也可以選擇這樣的方式交付給甲方,對(duì)接比起過去順暢許多。
6.Pixso

針對(duì)國(guó)外設(shè)計(jì)軟件對(duì)中文設(shè)計(jì)支持不佳、網(wǎng)絡(luò)傳輸卡頓等問題,萬興科技直接痛點(diǎn),于2021年5月隆重推出在線設(shè)計(jì)軟件Pixso。作為一名設(shè)計(jì)師,你可以使用Pixso提供的多種專業(yè)工具,比如鋼筆工具、自動(dòng)布局、只能選擇、布爾運(yùn)算等,靈活輕松的開展你的設(shè)計(jì);作為產(chǎn)品經(jīng)理,你不需要安裝任何軟件即可查看設(shè)計(jì)團(tuán)隊(duì)的稿件,而且稿件還在實(shí)時(shí)更新,隨時(shí)掌握項(xiàng)目進(jìn)度。作為研發(fā)人員,你可以在Pixso的設(shè)計(jì)界面內(nèi)查看標(biāo)注,你看到的任何信息也都會(huì)自動(dòng)生成代碼,一鍵復(fù)制,可以對(duì)照參考,讓代碼編寫更輕松。