Proto.io是一款應(yīng)用開(kāi)發(fā)的原型工具。里面包含了大量的UI庫(kù)和交互UI的組件。這個(gè)工具同時(shí)也提供調(diào)整顏色，濾鏡，多文件上傳等功能。Proto.io可與DropBox保持同步，使團(tuán)隊(duì)間的協(xié)作變得更加實(shí)時(shí)和便捷。

2)Pidoco

Pidoco是一款針對(duì)web，移動(dòng)端和企業(yè)應(yīng)用開(kāi)發(fā)的原型軟件。該軟件提供基于云服務(wù)的平臺(tái)，用于制作線框圖，移動(dòng)仿真，實(shí)物模型和U原型。Pidoco內(nèi)部包含了許多模板，可以實(shí)現(xiàn)快速制作原型，同時(shí)也提供了實(shí)時(shí)協(xié)作功能。 有了Pidoco，你就可以設(shè)計(jì)交互原型的同時(shí)在IOS和安卓設(shè)備上實(shí)時(shí)運(yùn)行了。

3)InVision

InVision一款強(qiáng)大的轉(zhuǎn)換工具，它可以根據(jù)功能，比如動(dòng)畫(huà)，手勢(shì)，特效等，將靜態(tài)的設(shè)計(jì)轉(zhuǎn)換成交互原型。該工具同樣提供了基于云服務(wù)的平臺(tái)，可以實(shí)時(shí)協(xié)作正在制作的移動(dòng)端原型或企業(yè)應(yīng)用原型。invison也支持設(shè)計(jì)Apple Watch和Android Wear的原型。

4)UserTesting

UserTesting是一款用于測(cè)試網(wǎng)站、應(yīng)用、原型和其他臺(tái)式機(jī)、平板電腦和移動(dòng)設(shè)備的工具。 UserTesting就是一個(gè)用戶研究平臺(tái)，可以讓你的目標(biāo)用戶來(lái)測(cè)試你的網(wǎng)站或APP。最后通過(guò)視頻，指標(biāo)和統(tǒng)計(jì)數(shù)據(jù)等等來(lái)向你提供有價(jià)值的目標(biāo)用戶的反饋。

唔，好工具，可惜要收費(fèi)。

5)PowerMockup

PowerMockup是一款PowerPoint用戶專用的模型和線框圖工具。應(yīng)用提供了PowerPoint中缺少的UI設(shè)計(jì)組件。這些元素可用于在PowerPoint中創(chuàng)作多種移動(dòng)設(shè)備、web和桌面應(yīng)用的原型。PowerMockup也提供了強(qiáng)大的協(xié)作和分享功能。

6)PickFu

PickFu是一個(gè)調(diào)查平臺(tái)，可以幫助設(shè)計(jì)和市場(chǎng)人員找到解決方案。這也是一個(gè)接收建議、評(píng)論和反饋的工具，在這里，你可以收到來(lái)自美國(guó)用戶的關(guān)于logo設(shè)計(jì)、封面設(shè)計(jì)和UI設(shè)計(jì)等等的建議，評(píng)論和反饋。

7)Myna

Myna是一款優(yōu)秀的A/B測(cè)試或?qū)Ρ葴y(cè)試工具，被圖形設(shè)計(jì)師和Web開(kāi)發(fā)人員們廣泛使用。這個(gè)工具對(duì)單個(gè)訪問(wèn)者執(zhí)行測(cè)試并給提供產(chǎn)品各個(gè)版本的細(xì)致反饋?？捎糜诰W(wǎng)頁(yè)設(shè)計(jì)，Email設(shè)計(jì)，廣告和UI設(shè)計(jì)等等。

8)Ace UI

Ace UI是一款I(lǐng)OS8專用的移動(dòng)應(yīng)用UI工具。它提供了大量的字體，PSD模板和其他的UI元素。此外，它也提供了線框圖和原型工具包，可以幫助提升APP開(kāi)發(fā)效率。

9)Form

Form是一款強(qiáng)大的原型工具，支持在設(shè)備上構(gòu)建和定制本地原型。它還提供了最新的MD部件，還可以創(chuàng)建自定義部件。

10)MouseStats

MouseStats是一款流行的UX分析工具，提供了多種監(jiān)測(cè)用戶在網(wǎng)站上交互的功能。這個(gè)工具提供了許多服務(wù)，像視頻記錄瀏覽器會(huì)話、滾動(dòng)熱圖、統(tǒng)計(jì)數(shù)據(jù)和調(diào)查等等。

11)POP

POP或者Prototyping On Paper是一款相當(dāng)酷的應(yīng)用，它可以把手繪的操作和模型轉(zhuǎn)換成交互原型。該應(yīng)用可在多平臺(tái)多種設(shè)備下工作，同時(shí)也整合了DropBox可以實(shí)現(xiàn)實(shí)時(shí)協(xié)同。

12)Gliffy

Gliffy是一款支持在線協(xié)作的專業(yè)設(shè)計(jì)應(yīng)用。這個(gè)工具支持設(shè)計(jì)專業(yè)流程圖， 技術(shù)圖紙，線框圖，流程圖，網(wǎng)絡(luò)圖和站點(diǎn)圖等等。

13)Antetype

Antetype是一款用于制作UI原型的軟件應(yīng)用。這個(gè)應(yīng)用400余個(gè)預(yù)設(shè)計(jì)的主流平臺(tái)的組件。它也提供了動(dòng)態(tài)布局，響應(yīng)設(shè)計(jì)功能，屬性綁定，斷點(diǎn)，演講模式，內(nèi)嵌，注釋等等功能。

14)Wirify

Wirify是一款非常出色的UX工具，它可以一鍵將多個(gè)網(wǎng)頁(yè)轉(zhuǎn)換成線框圖。這個(gè)工具可以讓你檢查頁(yè)面結(jié)構(gòu)和網(wǎng)頁(yè)布局。而且，還支持編輯線框圖并把他們導(dǎo)出到其他群的設(shè)計(jì)應(yīng)用中，比如Baslsamiq或者Omnigraffle。

15)Naview

Naview是一款強(qiáng)大的工具，可以用來(lái)設(shè)計(jì)導(dǎo)航原型和測(cè)試導(dǎo)航原型可用性。使用Naview，你可以預(yù)覽信息架構(gòu)和網(wǎng)站地圖。此外，這個(gè)工具還可以用來(lái)設(shè)計(jì)下拉式菜單甚至可以直接在瀏覽器中編輯導(dǎo)航結(jié)構(gòu)。

總結(jié):

一般來(lái)說(shuō)，在web界，有三種圖形用戶界面。分別是工具型用戶界面，桌面型用戶界面和過(guò)程型用戶界面。隨著計(jì)算機(jī)技術(shù)在各個(gè)方面的應(yīng)用，UI和UX設(shè)計(jì)范圍變得越來(lái)越顯著。我們可以期待未來(lái)即將出現(xiàn)的可以輔助UI和UX設(shè)計(jì)的工具。

當(dāng)下的UI和UX工具都有許多內(nèi)置的功能，可以很大程度地輔助設(shè)計(jì)師的工作。就UI和UX設(shè)計(jì)而言，這些工具也在提高視覺(jué)和功能方面帶來(lái)了許多創(chuàng)新的成果。

以上所列僅為筆者在工作中接觸并使用的工具，如有遺漏，歡迎補(bǔ)充。

#專欄作家#

康小胖，人人都是產(chǎn)品經(jīng)理專欄作家，產(chǎn)品經(jīng)理。專注專注O2O電子商務(wù)，堅(jiān)決擁護(hù)用講故事的思維做產(chǎn)品，關(guān)注旅游行業(yè)及移動(dòng)互聯(lián)網(wǎng)，愛(ài)好圓珠筆涂鴉。

本文系作者獨(dú)家授權(quán)發(fā)布，未經(jīng)本站許可，不得轉(zhuǎn)載。