我配色无敌了！！

关注 功夫体验设计 与十万读者见证成长的力量

这是功夫体验设计公众号第 249 期分享

作者 | 刘涛

挑战日更100天，目前已完成 7 篇

说到配色，很多人都说难，但又是不得不面对的事实。

在一个界面设计中，配色可以说是重中之重，因为色彩是第一进入人眼的视觉元素，可想它的重要性。

所以好的视觉配色让人赏心悦目，愿意多看几眼；糟糕的配色，大家都不想看第二眼。

配色也不是短时间能练起来的，不过也是有一些取巧的办法，比如一些配色神器。

所以，今天来给大家送上3个配色神器。尤其是最后一个还有源文件下载。

俗话说，工欲善其事必先利其器，好的工具可以帮助我们提效，快速高效完成创作。

Adobe Color

地址：https://color.adobe.com/zh/create/color-wheel

大家应该都知道Adobe吧，毕竟经常使用他们的软件，但是他们旗下还有一个超牛的配色工具Adobe Color，就我熟知的很多大厂设计师也都在使用。

这个工具已经给你把配色类型分好了，比如你需要一个单色配色，那么只需要在左侧选择单色后，然后右边转盘调整到你想要的单色系即可。

最牛的一点是，最下面还给你推荐一系列的单色渐变，或者同色系渐变。

除了配色层面，这个工具还有其他的一些用处，比如下面这个页面。

有时尚的情绪板、图形情绪板、UIUX情绪板、建筑、旅行等等，总之还是相对满大多数人使用。

比如，你打开一个UIUX类的情绪板，就可以看到一个UI界面的配色案例。

一般在早期时候，配色能力还有些弱，是可以使用这种配色工具，帮助我们快速成长。

Colorhunt

https://colorhunt.co/

我很喜欢的一个配色工具网站，为什么这么说？这个网站和其他的不同之处在于，他有配色排名。

比如你想做概念练习，你想做一个概念主题，那么你可以选择最热门的配色，这时候基本上不会出太大的错误。

随便点击也给配色卡进去，可以看到详细的参数，还可以下载配色图片。

如果你想做一个寒冷的主题，直接在左侧目录选择寒冷，这一页就会出现全屏与寒冷有关的配色。

WebGradients

地址：https://webgradients.com/

WebGradients 是 180 种线性渐变的免费集合，还有 Sketch 和 Photoshop资源可提供大家下载，每一款渐变色都很高级。

这些渐变色都可以使用在界面中，或者图标LOGO设计中，比如下面这种案例。

最后这个网站的配色文件我已下载好了，大家可以去领取使用。

领取方式如下：

1、首先在文末底部点个“在看”

2、然后去公众号后台发送消息：配色123