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

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

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

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

#1 Sketch（99美刀）

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

譯者：真的要感謝下 Sketch，它幫助我完成了一些項目，也學到一些知識。高度聚焦 UI/UX 設計，并慢慢形成了它自己的生態系統。所以，原文作者把它放在第一個推薦的原因就在此吧。

#2 Invision （免費或99美刀/月）

Invision 是一款免費的移動端/網頁端原型設計工具，它支持團隊實時協作（支持在設計上直接進行評論、對話）作為 UX 原型設計平臺，Invision 非常的方便、簡單實用。

#3 Adobe Comet 

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

Adobe Comet，貌似是 Adobe 對于 Sketch 在 UX 設計領域稱王稱霸的一個回應。它支持在連接的設備上實時預覽，原型可通過鏈接共享，支持從 PS 或 AI 等 Adobe 的其他軟件內導入資源。這個軟件目前還處于 Beta 階段，但他們（Adobe）計劃在不遠的2016年內發布這個強勁的 UX/UI 工具。Sketch 很可能將來仍然是蘋果專用的軟件，而 Adobe 可能會通過它（Adobe Comet）贏回一部分 PC 用戶。

#4 Balsamiq Mockups （免費試用或199美刀/月，100個項目）

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

另外，我認為 Sketch 和 Balsamiq 應該互換名字（我的意思是，看看他們的設計風格吧！）

#5 UX Pin （免費試用或49美刀/用戶/月 ）

UX Pin 是一個用來管理 UX/UI 設計流程（從線框到原型）的平臺。通過屏幕共享和語音呼叫功能，提供在團隊和客戶之間的協作，且不需要賬號。

#6 Noun Project （免費或9.99美刀/月）

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

#7 Origami by Facebook （免費）

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

#8 Pixate （免費或50美刀/用戶/年）

科技與社交媒體項目中的大拿。Pixate，一個被谷歌收購的用于 iOS 、安卓設計原型的免費軟件。你不用寫任何代碼就可以眼見你的 app 從創意變為現實。

#9 Marvel （免費或650美刀/月，不限用戶）

如果團隊合作使你感到沮喪，甚至要爆發一場內戰的時候，網頁和移動端原型軟件 Marvel 會幫你脫離困境，幫你很好的組織你團隊里的每一個項目。Sketch 和 PS 有了 Marvel 的支持，將會使你成為團隊的英雄！Marvel 的獨特之處在于它支持從 Dropbox 中添加 UI 資源。別被價格嚇住，650美刀是給大企業的價格，Marvel 的免費版依然支持用戶建立無限多的項目。

#10 Zeplin，（免費或100美刀/月）

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

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

譯者：我本人一直在用 Zeplin，可以非常負責任地說，"齊柏林"配合 Sketch 效率