UI设计这6款工具能让你的UI设计事半功倍！

编者按：我们经常会推荐各式各样的工具，但是什么样的工具推荐最有意义呢？在我看来，除了工具本身各种显而易见的功能和属性之外，最重要的，还是它得经过验证，经过实战洗礼。今天的文章中所要推荐的工具，是设计师 Punit Chawla 历时一个月，专门挑选了一大批新兴的设计工具，逐渐筛选之后，留存在他电脑中的6款精选工具。不过，可能是和职业喜好有关，Punit 所推荐的工具当中有一半和配色有关，但是总体上来说，这些工具都值得尝试哦~

“

  各种工具来来去去，但是总会有一些工具永远留存在你的电脑里。

对于这些新工具，经过一个多月的尝鲜、体验和实战使用之后，能够剩下6款值得长期留存在我的电脑当中，还是挺让我高兴的。我希望我所筛选出来的这6款工具最终也能让你在进行UI/UX 设计的时候事半功倍！

Drubbbler

编辑

其实现在 Dribbble 的用户越来越多了，所以，专门服务于 Dribbble 设计师的工具也慢慢多起来了。今年我偶然间发现这款工具之后，就逐渐喜欢上它了。

由于Dribbble 本身的平台限制，设计师在上传自己作品的时候，限制还蛮多的。而这款名为 Drubbbler 的工具就是专门为完善 Dribbble 服务而诞生的，它帮助设计师更好的管控发布作品的频率，一站式添加标签、标题、描述和作品。对于很多需要在 Dribbble 上发布作品的设计师而言，它比原生的发布编辑器更便捷。

当然，它的缺陷也很明显，Drubbbler 最多只允许上传800 x 600的图片，格式只能是 png、jpeg 和 gif，并不支持上传视频，这一点还没有跟上 Dribbble 本身的需求。

Adobe Capture

编辑

这款工具应该脱胎于最早的 Adobe Kuler，之后 Kuler 在桌面端演变成为 Adobe Color CC，成为了创意云软件中的一员，而移动端上则进化为另外一个更为独立的工具——Adobe Capture 。

相较而言，Adobe Capture 比起 Adobe Color CC 更为强大，因为它借助智能手机的镜头，可以更好地获取素材，无论是图片和风景中的色彩，还是图案、形状、字体、材质，都能被它抓住，转化成为你可用的素材，并且同步到创意云当中，随时被PS、AI这类工具所调用。

你所需要做的，就是将它对准你所感兴趣的东西，然后选取你要抓取的素材和内容，同步即可。这款APP 在 iOS 和安卓上都有，绝对免费。

当然，它也存在一点缺陷，那就是在抓取图案和笔刷上，你可能需要稍微摸索一下，它的学习曲线稍稍有点陡峭。但是一旦你掌握了，炫酷的设计就离你不远了。

Khroma

编辑

Khroma 也并不是一款非常著名的工具，并且它仍然处于测试阶段。但是，在我尝试了诸多工具之后，认为它是非常值得拥有的一款。

我当初是在 Awwwards 的博客当中偶然碰到有人推荐它，真正开始使用之后，才逐渐意识到我捡到宝了。这款工具将配色和人工智能结合到一起，它能够逐渐熟悉和了解你对于色彩的品味，并且基于你的偏好来给你推荐配色方案。除了这个基本的功能以外，Khroma 还会使用文本、图片和海报来帮你直观地测试配色方案在实际设计中的使用效果，包括时下流行的渐变，它也比其他绝大多数的工具要好用！

不过，另外一方面，你想获得这样的便利也需要付出一定的代价——Khroma 了解你的前提，是你必须「投喂」给它足够的信息。一开始，你得选取50种你所喜欢的色彩，用来训练 AI。完成这个步骤之后，你会发现配色的世界一马平川。

真的很酷，值得试试。

ColorSlurp

编辑

正如同它本身的宣传语一样，ColorSlurp 可能确实是整个 Mac 平台上最好用的取色和配色工具。它和很多同类型的工具有相似的地方，但是在体验和易用性上强了很多。

ColorSlurp 正如同它的名字所描述的那样，当它在屏幕上选取颜色的时候，会发出有趣的声音。为了在激烈的配色工具的世界中竞争，ColorSlurp 的免费版就具备了颇为强大的功能，而它的进阶版还会给你提供单独的深色模式、高级设置和20种不同的色彩格式，提供给更苛刻的某些 Pro 用户。

如果你使用的是带有 Touch Bar 的Macbook Pro的话，那么你就更幸福了，ColorSlurp 还支持 Touch Bar，你可以借助它更快更好地选取色彩。

当然，在为期一个月的使用过程中，我发现它唯一的不足在于，它还有一些小的Bug，有时候会崩溃，不过瑕不掩瑜，我依然非常推荐。

Kami 和 Kami 2

编辑

其实配色工具有上面三款，怎么着都够用了。接下来，我要推荐的这俩，其实是一款游戏，也是一个非常不错的灵感工具。Kami 和 Kami 2 是同一个系列的益智游戏，游戏中你需要将同一个色彩填充整个屏幕，而屏幕上的小三角形元素会像纸张一样被折叠起来。在游戏的过程中，你需要面对许多各不相同的炫酷模式。

来自这家公司的游戏在视觉上都非常惊艳，Kami 和 Kami 2 则是旗下产品中最为成功的系列，因为优秀所以出了续作。作为设计师，我们几乎可以从每一个关卡中获取灵感，无论是色彩、布局还是图案，可以说都是上佳的参考。

初代作品 Kami 横跨 iOS、Mac 和 Windows 三个平台，而二代作品 Kami 2 是 iOS 平台独占的作品，但是它是完全免费的，这一点是加分项。

另外，我关注了 State of Game 这个团队的帐号，他们如今正在招募3D设计师，为他们的下一个游戏作品筹划，可以说非常值得期待了。

Avocode

编辑

Avocode 的功能算是跨越出了设计领域，它能够将你的设计稿最终转化为代码。同类工具虽然不少，但是能够优秀成 Avocode 这样的并不多，它同时支持 PS、AI、XD 和 Sketch 四个主流的设计工具，设计稿拖进去，HTML和CSS 代码输出出来。在它的编辑器当中，你可以进行更加细致的修改，比如针对单个UI元素和控件进行审查和调整，而且还有超多辅助性的功能帮你完善所有的这一切。

如果你正在设计移动端的应用，这款工具将会是你极大的助力。你可以选择直接在他们的网站上完成操作，也可以下载 Windows、Mac 和 Linux 平台上的应用，在本地进行修改。无论是个人使用，还是团队协作，功能都已经完善了。

接下来，该说说缺陷了。这款工具试用期只有14天。之后你可以根据是个人使用还是团队使用，购买相应的套餐即可。如果你正试图寻找免费的工具，那么它就不适合了。

结语

工具好用不好用，真正需要它的人最知道。如果这些工具正好切入到你的需求上，那么不妨尝试一下，说不定它和你的电脑、工作需求正好很搭呢？