当你准备设计一个「网站首页」、「书籍封面」、「海报视觉」,甚至是每个人都会遇到的「简报页面设计」时,「颜色」可能是一个比放了什么漂亮图片更重要的元素,网络上有很多讨论色彩心理学的文章都说准确的、舒适的色彩应用可以产生迷人的印象。
我自己也不是色彩设计的高手,但最近在研究设计师们会如何选色、配色时,发现了许多在线的自动配色网站,这些网站提供了很多聪明的选色器工具,或是很多具有创意的配色表,可以提供许多「原来可以、应该这样配色」的好建议,甚至激发设计师们的色彩搭配灵感。
所以今天这篇文章,就让我把这段时间收集研究的成果,一起分享出来给需要的朋友,或许因为我不是设计师所以下面的解释不够专业,但相信这些免费的在线配色表、选色器服务,对设计师们一定有所帮助。
01/
Coolors 最大特色就是提供了免费的「自动配色器」,随机产生推荐的配色结果,让你知道那些颜色适合一起搭配使用,在快速产生的多组配色中,也能激发我们的设计灵感。
只要打开 Coolors 的[Generator]在线工具,按下空格键就能快速切换不同配色,也能在[Browser]页面浏览那些设计师们推荐的经典配色。
02/
BrandColors 收集了世界上许多知名品牌的配色表,让我们知道一个成功品牌如何在它的网页、产品、 logos 上做颜色设计,是非常直接有效的参考,也能让我们下载任何一个品牌的配色表。
03/
Plartton 是一个免费而且强大的配色产生器,他的第一个特色是透过调色盘可以轻松的产生符合色彩设计原理的配色表,我们只要在调色盘中选择一个颜色,就能自动计算颜色对比,产生各种设计建议。
这时候我们还能按下右下方的[ Examples ],在一个模拟网页中查看这个配色呈现出来的实际效果。
04/
0to255 就是一个快速的颜色挑选网站,我们先选择一个主要的颜色,接着就可以看到这个色系中所有颜色的对比表,方便我们挑选出一个适合的颜色代码来使用。
05/
比起机器的配色,或许来自人的色彩设计灵感更能触动人心, COLOURlovers 由社群用户分享各种主题的配色灵感,你可以在这里找到婚礼、印刷、网页设计的各种配色表,这些配色方法都是由不同的设计师提供,你还能看到大家的评价。
06/
Adobe Color CC:来自 Adobe 的专业选色器
Adobe Color CC 前身是 Adobe Kuler ,从 Photoshop 时代就是设计师们最经典的配色建议工具,透过在线的 Color CC 自动调色盘,经过专业的颜色对比模拟,让你快速选出适合的配色方案。
我们只要在调色盘上轻松拉动鼠标,就能在专业的色彩设计原理下产生不同的配色结果,或者也能浏览 Adobe 上由专业设计师提供的[配色方案]。
07/
如何用这个颜色当界面会怎样? uicolors 让你挑选颜色后,可以立刻尝试看看用这个颜色当作接口底色的实际范例,更容易找出我们想要的效果。
08/
Coleure 不只让我们挑选喜欢的颜色,还能在右方立刻看到这个颜色搭配黑白文字或其他色彩的版面搭配效果,所见即所得的功能让我们更容易挑出自己想要的配色。
09/
Color Palette Generator:从你的真实照片选出配色
这个网站让我们只要贴上照片网址,就能立刻获得照片里的配色颜色代码。
10/
material palette: Google Material Design 自动配色器
material palette 提供了设计 Android App 时最好的接口配色建议,只要挑选两个你想要的主要颜色,这个网站就会自动产生一个 App 接口,提供接口中可以选择的其他配色参考。
11/
这个网站提供了扁平化设计中常用的色彩,只要按下喜爱的扁平化设计常用颜色,就能直接复制 Hex 色码。
12/
看到一个网站设计觉得很漂亮,想知道它的颜色是怎么搭配的?那么只要到 Stylifyme 中输入网站网址,就能立刻获得这个网站的配色表啦!对设计师来说是非常实用的参考工具。
以上,就是我这阵子研究收集的配色表、选色器网站,其中有些在线工具的自动配色、推荐选择功能十分便利,而有些配色建议则可以激发我们的设计灵感。

全部评论