当前位置:首页 >教程首页 > U I 设计 > AI+UX设计大师班 >UI设计配色工具推荐!

UI设计配色工具推荐!

发布时间:2019-03-12 09:40:59

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

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

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

Drubbbler

1.png

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

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

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

Adobe Capture

2.png

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

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

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

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

Khroma

3.png

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

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

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

真的很酷,值得试试。

ColorSlurp

4.png

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

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

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

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

Kami 和 Kami 2

5.jpg

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

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

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

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

Avocode

6.png

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

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

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

结语

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

作者 : Punit Chawla

学员作品赏析
  • 2101期学员李思庭作品

    2101期学员李思庭作品

  • 2104期学员林雪茹作品

    2104期学员林雪茹作品

  • 2107期学员赵凌作品

    2107期学员赵凌作品

  • 2107期学员赵燃作品

    2107期学员赵燃作品

  • 2106期学员徐正浩作品

    2106期学员徐正浩作品

  • 2106期学员弓莉作品

    2106期学员弓莉作品

  • 2105期学员白羽新作品

    2105期学员白羽新作品

  • 2107期学员王佳蕊作品

    2107期学员王佳蕊作品

专业问题咨询

你担心的问题,火星帮你解答

微信扫码在线答疑

扫码领福利1V1在线答疑

点击咨询
添加老师微信,马上领取免费课程资源

1. 打开微信扫一扫,扫描左侧二维码

2. 添加老师微信,马上领取免费课程资源

×

同学您好!

您已成功报名0元试学活动,老师会在第一时间与您取得联系,请保持电话畅通!
确定