自译善其事，利其器——UI/UX工具Top10！扑热息痛

App设计，除了视觉设计之外还有很多其他的事情要去做。在开发app之前，你的app会需要一些诸如线框图、交互原型等等的东西，这对那些不熟悉这一过程的新手来说是挺难的。

无论你是设计大咖还是小白，以下的推荐将会提供一些你期待已久的app原型设计工具和资源。

#1Sketch（99美刀）

Sketch迅速成为了许多公司（谷歌、苹果、脸书等等）标准的UX设计工具，它简化了很多PS和AI里的功能，使之专门为UX/UI而生！在Sketch出现之前，设计师常常要在PS和AI里来回切换（PS处理图像，AI绘制矢量图，作为设计湿，你懂的），现在Sketch可以完全发挥出你的UI设计潜力，摆脱臃肿的软件，专注于UX/UI设计。

译者：真的要感谢下Sketch，它帮助我完成了一些项目，也学到一些知识。高度聚焦UI/UX设计，并慢慢形成了它自己的生态系统。所以，原文作者把它放在第一个推荐的原因就在此吧。

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

#3AdobeComet

译者：这两天被这个软件刷爆朋友圈，它算是Adobe这个巨人在UX/UI领域的第二次转身，话说第一次貌似失败了。

AdobeComet，貌似是Adobe对于Sketch在UX设计领域称王称霸的一个回应。它支持在连接的设备上实时预览，原型可通过链接共享，支持从PS或AI等Adobe的其他软件内导入资源。这个软件目前还处于Beta阶段，但他们（Adobe）计划在不远的2016年内发布这个强劲的UX/UI工具。Sketch很可能将来仍然是苹果专用的软件，而Adobe可能会通过它（AdobeComet）赢回一部分PC用户。

#4BalsamiqMockups（免费试用或199美刀/月，100个项目）

手绘！手绘！手绘！BalsamiqMockups是一款极度聚焦在交互领域的非常轻量化的线框图工具。它融合了头脑风暴的能量及电脑式的便捷。在Balsamiq的世界里你不需要拥有太多的设计经验，这个软件使用起来非常简易，它提供了很多手绘/草稿风格的组件供你使用，以便你在设计加入过多细节之前专心于设计的核心。该软件的快速添加功能，让用户在其他设计元素中添加和调整图标。

另外，我认为Sketch和Balsamiq应该互换名字（我的意思是，看看他们的设计风格吧！）

#5UXPin（免费试用或49美刀/用户/月）

UXPin是一个用来管理UX/UI设计流程（从线框到原型）的平台。通过屏幕共享和语音呼叫功能，提供在团队和客户之间的协作，且不需要账号。

#6NounProject（免费或9.99美刀/月）

NounProject是一个有超过150,000个icon的资源库，它们足够应用于任何app或网页项目。如果你是苹果用户，可以使用它的app直接将icon拖入项目。

#7OrigamibyFacebook（免费）

来自FB的免费原型/动画工具，面对无论大咖还是小白用户都可以有很好的操作性。这个平台魔性的地方是它可以输出代码。FB为新用户提供了开源动画框架。Origami还可以链接Sketch和PS文件，这使得开发一个移动设计更加合理、高效。

#8Pixate（免费或50美刀/用户/年）

科技与社交媒体项目中的大拿。Pixate，一个被谷歌收购的用于iOS、安卓设计原型的免费软件。你不用写任何代码就可以眼见你的app从创意变为现实。

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

如果团队合作使你感到沮丧，甚至要爆发一场内战的时候，网页和移动端原型软件Marvel会帮你脱离困境，帮你很好的组织你团队里的每一个项目。Sketch和PS有了Marvel的支持，将会使你成为团队的英雄！Marvel的独特之处在于它支持从Dropbox中添加UI资源。别被价格吓住，650美刀是给大企业的价格，Marvel的免费版依然支持用户建立无限多的项目。

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

译者注：我亲切地称它为“齐柏林”（它还没有一个官方的中文名称，就让我的这个称呼让它誉满民间吧，哈）因为有个传奇乐队叫“LedZeppelin—齐柏林飞艇”，而且Zeplin的icon就是一个小飞艇~

译者：我本人一直在用Zeplin，可以非常负责任地说，“齐柏林”配合Sketch效率屌炸天！