今天為大家分享UI/UX 原型設(shè)計(jì)工具 Top10，這篇文章真的很實(shí)用，對(duì)于設(shè)計(jì)朋友來說很值得閱讀，好了，下面我們一起來看看吧！

今天推一篇關(guān)于 UI/UX 的文章，順應(yīng)下大家的愿望。文章來自 Medium，（原文鏈接如下：https://blog.prototypr.io/10-best-tools-for-mobile-ux-development-e961d186a4d#.sp2eddhrf），翻譯我是自己硬著頭皮擼得，英語水平 is so poor，翻得不好還請(qǐng)大家 don't care…（文章本人自譯，如若轉(zhuǎn)載請(qǐng)注明譯者及原文地址?。?/p>

App設(shè)計(jì)，除了視覺設(shè)計(jì)之外還有很多其他的事情要去做。在開發(fā) app 之前，你的 app 會(huì)需要一些諸如線框圖、交互原型等等的東西，這對(duì)那些不熟悉這一過程的新手來說是挺難的。

無論你是設(shè)計(jì)大咖還是小白，以下的推薦將會(huì)提供一些你期待已久的 app 原型設(shè)計(jì)工具和資源。

#1 Sketch（99美刀）

Sketch 迅速成為了許多公司（谷歌、蘋果、臉書等等）標(biāo)準(zhǔn)的 UX 設(shè)計(jì)工具，它簡(jiǎn)化了很多 PS 和 AI 里的功能，使之專門為 UX/UI 而生！在 Sketch 出現(xiàn)之前，設(shè)計(jì)師常常要在 PS 和 AI 里來回切換（PS處理圖像，AI繪制矢量圖，作為設(shè)計(jì)濕，你懂的），現(xiàn)在Sketch 可以完全發(fā)揮出你的 UI 設(shè)計(jì)潛力，擺脫臃腫的軟件，專注于 UX/UI 設(shè)計(jì)。

譯者：真的要感謝下 Sketch，它幫助我完成了一些項(xiàng)目，也學(xué)到一些知識(shí)。高度聚焦 UI/UX 設(shè)計(jì)，并慢慢形成了它自己的生態(tài)系統(tǒng)。所以，原文作者把它放在第一個(gè)推薦的原因就在此吧。

#2 Invision （免費(fèi)或99美刀/月）

Invision 是一款免費(fèi)的移動(dòng)端/網(wǎng)頁端原型設(shè)計(jì)工具，它支持團(tuán)隊(duì)實(shí)時(shí)協(xié)作（支持在設(shè)計(jì)上直接進(jìn)行評(píng)論、對(duì)話）作為 UX 原型設(shè)計(jì)平臺(tái)，Invision 非常的方便、簡(jiǎn)單實(shí)用。

#3 Adobe Comet 

譯者：這兩天被這個(gè)軟件刷爆朋友圈，它算是 Adobe 這個(gè)巨人在 UX/UI 領(lǐng)域的第二次轉(zhuǎn)身，話說第一次貌似失敗了。

Adobe Comet，貌似是 Adobe 對(duì)于 Sketch 在 UX 設(shè)計(jì)領(lǐng)域稱王稱霸的一個(gè)回應(yīng)。它支持在連接的設(shè)備上實(shí)時(shí)預(yù)覽，原型可通過鏈接共享，支持從 PS 或 AI 等 Adobe 的其他軟件內(nèi)導(dǎo)入資源。這個(gè)軟件目前還處于 Beta 階段，但他們（Adobe）計(jì)劃在不遠(yuǎn)的2016年內(nèi)發(fā)布這個(gè)強(qiáng)勁的 UX/UI 工具。Sketch 很可能將來仍然是蘋果專用的軟件，而 Adobe 可能會(huì)通過它（Adobe Comet）贏回一部分 PC 用戶。

#4 Balsamiq Mockups （免費(fèi)試用或199美刀/月，100個(gè)項(xiàng)目）

手繪！手繪！手繪！Balsamiq Mockups 是一款極度聚焦在交互領(lǐng)域的非常輕量化的線框圖工具。它融合了頭腦風(fēng)暴的能量及電腦式的便捷。在 Balsamiq 的世界里你不需要擁有太多的設(shè)計(jì)經(jīng)驗(yàn)，這個(gè)軟件使用起來非常簡(jiǎn)易，它提供了很多手繪/草稿風(fēng)格的組件供你使用，以便你在設(shè)計(jì)加入過多細(xì)節(jié)之前專心于設(shè)計(jì)的核心。該軟件的快速添加功能，讓用戶在其他設(shè)計(jì)元素中添加和調(diào)整圖標(biāo)。

另外，我認(rèn)為 Sketch 和 Balsamiq 應(yīng)該互換名字（我的意思是，看看他們的設(shè)計(jì)風(fēng)格吧！）

#5 UX Pin （免費(fèi)試用或49美刀/用戶/月 ）

UX Pin 是一個(gè)用來管理 UX/UI 設(shè)計(jì)流程（從線框到原型）的平臺(tái)。通過屏幕共享和語音呼叫功能，提供在團(tuán)隊(duì)和客戶之間的協(xié)作，且不需要賬號(hào)。

#6 Noun Project （免費(fèi)或9.99美刀/月）

Noun Project 是一個(gè)有超過150,000個(gè) icon 的資源庫，它們足夠應(yīng)用于任何 app 或網(wǎng)頁項(xiàng)目。如果你是蘋果用戶，可以使用它的 app 直接將 icon 拖入項(xiàng)目。

#7 Origami by Facebook （免費(fèi)）

來自 FB 的免費(fèi)原型/動(dòng)畫工具，面對(duì)無論大咖還是小白用戶都可以有很好的操作性。這個(gè)平臺(tái)魔性的地方是它可以輸出代碼。FB 為新用戶提供了開源動(dòng)畫框架。Origami 還可以鏈接 Sketch 和 PS 文件，這使得開發(fā)一個(gè)移動(dòng)設(shè)計(jì)更加合理、高效。

#8 Pixate （免費(fèi)或50美刀/用戶/年）

科技與社交媒體項(xiàng)目中的大拿。Pixate，一個(gè)被谷歌收購的用于 iOS 、安卓設(shè)計(jì)原型的免費(fèi)軟件。你不用寫任何代碼就可以眼見你的 app 從創(chuàng)意變?yōu)楝F(xiàn)實(shí)。

#9 Marvel （免費(fèi)或650美刀/月，不限用戶）

如果團(tuán)隊(duì)合作使你感到沮喪，甚至要爆發(fā)一場(chǎng)內(nèi)戰(zhàn)的時(shí)候，網(wǎng)頁和移動(dòng)端原型軟件 Marvel 會(huì)幫你脫離困境，幫你很好的組織你團(tuán)隊(duì)里的每一個(gè)項(xiàng)目。Sketch 和 PS 有了 Marvel 的支持，將會(huì)使你成為團(tuán)隊(duì)的英雄！Marvel 的獨(dú)特之處在于它支持從 Dropbox 中添加 UI 資源。別被價(jià)格嚇住，650美刀是給大企業(yè)的價(jià)格，Marvel 的免費(fèi)版依然支持用戶建立無限多的項(xiàng)目。

#10 Zeplin，（免費(fèi)或100美刀/月）

譯者注：我親切地稱它為"齊柏林"（它還沒有一個(gè)官方的中文名稱，就讓我的這個(gè)稱呼讓它譽(yù)滿民間吧，哈）因?yàn)橛袀€(gè)傳奇樂隊(duì)叫"Led Zeppelin—齊柏林飛艇"，而且 Zeplin 的 icon 就是一個(gè)小飛艇~

簡(jiǎn)單來說 Zeplin 簡(jiǎn)化了設(shè)計(jì)規(guī)范標(biāo)注的繁瑣流程，設(shè)計(jì)稿一旦上傳 Zeplin 所有標(biāo)注便自動(dòng)生成。它還可以按不同倍率輸出設(shè)計(jì)資源，以便設(shè)計(jì)師把更多的時(shí)間和精力放在設(shè)計(jì)的其他方面。如果你已經(jīng)是 Slack （或 Sketch，譯者加）的用戶， Zeplin 可以很好的和它們協(xié)作！

譯者：我本人一直在用 Zeplin，可以非常負(fù)責(zé)任地說，"齊柏林"配合 Sketch 效率屌炸天！

坐班實(shí)在無聊，擼一發(fā)文章也算聊以慰藉

十個(gè)逼格利器介紹完了！希望這篇文章能對(duì)大家有所幫助！

最新評(píng)論