赞助商
立即赞助

那么多在线配色工具,到底怎么用才能秒变高手?

平面设计3年前 (2021)发布 流光
3.5K 0 0

@研习设K先生 :相信大部分人使用在线配色具或线配色网站,那使用这些工或网站来配色,真的就能得正确美观的效果?当然不能。因简,如果使用这些工就能轻完成配色工作,那就不需要计了,随便找一个不懂色彩的人都可以替代。

那么多在线配色工具,到底怎么用才能秒变高手?

因此本期的教程就来谈谈,如何正确的使用在线配色工。首先,推个在线配色网站给大家。

那么多在线配色工具,到底怎么用才能秒变高手?

△ brandcolors.net

这网站都世界知品牌、企业公司、知网站的配色,且还提供了速下载的选项,单独的去点击色彩,就可以完复制了。

那么多在线配色工具,到底怎么用才能秒变高手?

△ webdesignrankings.com

个网站据说是一位设计师在二四小时内独立开完成的,上面也有一比漂亮的彩组合,当我们把鼠标移动到不同的水滴上,就显示个颜的值。

那么多在线配色工具,到底怎么用才能秒变高手?

△ coolors.co

这个网站需要按空格键,可以快速生成配色,都会出现由五颜色组合成色卡。这里不仅会显示颜色代码,而我们击某颜色时,也会出现这个颜色不纯度明度选项,并可以过滑块来色进调。

那么多在线配色工具,到底怎么用才能秒变高手?

△ colordrop.io

这个同样为我们供了非多的色彩组合,每个组合都有种颜色,当我们点击某一颜色时,就会弹相对应的颜色参数,可很轻松的使,非方。

那么多在线配色工具,到底怎么用才能秒变高手?

类似这种配色有很多,虽然这个一定是最好的,但是配色都大同小异。重要的是你知道多这种,而是你是是真的会。

相现在肯定有的人心想「有了这些网站还能不会配色?」下面就让用事实说话。

那么多在线配色工具,到底怎么用才能秒变高手?

这个界面的版式部已经编排好了,这就尝一下从提供的网站中,随便挑选一组颜色来填充。

那么多在线配色工具,到底怎么用才能秒变高手?

就从这个网站上寻找,这选择了这组纯度都较高且非常漂亮的色彩组。

那么多在线配色工具,到底怎么用才能秒变高手?

这组颜色还是挺漂亮的,那就把它随的填充在左侧的界面上,最终的效果怎呢,并不好对吧,可以说配色毁了这个界面。

如果还不服的话,关系我们再试一。

那么多在线配色工具,到底怎么用才能秒变高手?

这网站之我们过,都比较知品牌的用色,按理色彩搭配应该是没问题的,这就选择大家比较熟悉的500px的配色。

那么多在线配色工具,到底怎么用才能秒变高手?

填充界面之后大家觉如何呢,如果说惨不忍睹应该不过吧。所以,得出一个结论:直使用在线配色网站的颜色是行不通的。下面就来底该怎使用。

那么多在线配色工具,到底怎么用才能秒变高手?

首先就是搭建版式,要想做好配色版式一定不能差,如果版式一塌糊涂的话,那配色再好也无济于事。

那么多在线配色工具,到底怎么用才能秒变高手?

版式完成之后就需要确定色彩的依附载体,说了就是色彩使用的地方,比如这个界面中,首先可以填充的就是背景。

那么多在线配色工具,到底怎么用才能秒变高手?

其次是图片的颜色,当然图片本身就带有色彩,这为了方便理解做了去色理,大家没必要这做,但是图片的色彩一定要事先考虑好。

那么多在线配色工具,到底怎么用才能秒变高手?

然后就是版面中的色块。

那么多在线配色工具,到底怎么用才能秒变高手?

最后就是文字部,虽然文字可以是有彩色也可以是无彩色,但无论怎,都要做心中有数。

那么多在线配色工具,到底怎么用才能秒变高手?

色彩的依附载体确定完之后,下来需要思考的是,想让画面通过色彩传递出什的气质或风格。

那么多在线配色工具,到底怎么用才能秒变高手?

由于这提供了品牌和相关图片,所以案例的风格定位就比较简了。比如象的有:水、游泳、性、性、护肤品。抽象的比如清凉、活力、素雅、清新、文艺等等。

那么多在线配色工具,到底怎么用才能秒变高手?

根据这些息,确定了画面的主色相,这选择蓝色,可以说是没有任何问题的。

那么多在线配色工具,到底怎么用才能秒变高手?

同也可以为画面确定主色调,这就暂定色调或淡色调。

的准备作已完了,接下就根据我们的设需求选择合的网站。

那么多在线配色工具,到底怎么用才能秒变高手?

那么多在线配色工具,到底怎么用才能秒变高手?

什叫适的网站呢?比如这个界面之前已经析过了,能够填充颜色的部有背景、色块、文字,所以可以得出三四种的色彩搭配是最适的。

那么多在线配色工具,到底怎么用才能秒变高手?

所以就要根据色彩数量来筛选网站。比如这个网站,它提供的色彩搭配数量多的十个少的就一个,如果从这选就会浪费多不必要的间,所以就可以先PASS了。

那么多在线配色工具,到底怎么用才能秒变高手?

而这个网站都是五种颜色,也不适色彩的使用的数量,所以也可以PASS掉。

那么多在线配色工具,到底怎么用才能秒变高手?

而剩下的这个网站都是四种颜色,所以从它当中挑选就可以了。那怎挑选呢,首先可以找含有蓝色的色卡。

那么多在线配色工具,到底怎么用才能秒变高手?

就以这个网站为例。

那么多在线配色工具,到底怎么用才能秒变高手?

从这个网站上提取了十个色卡然后开始筛选,因为不可能全部都用。之前已经确定了画面的主色调为色调或淡色调,所以先PASS掉色调不符的组。

那么多在线配色工具,到底怎么用才能秒变高手?

下来根据色彩关系进一步筛选,比如使用同类色还是对比色,这个就要根据风格定位来选择了,因为不想让画面是一种调的风格,所以这就去掉了同类色的组。

那么多在线配色工具,到底怎么用才能秒变高手?

现在只剩下四个色卡了,再往下筛选就没那容易了,所以就要结风格定位来析。

那么多在线配色工具,到底怎么用才能秒变高手?

首先这组颜色除了带有蓝色和无彩色外,就是一个淡棕色,所以这个色彩会对画面产生重要的响,但是这个色彩不符的风格定位,所以也可以去掉。

那么多在线配色工具,到底怎么用才能秒变高手?

而剩下这三组色彩其实从理论上来说都符的风格定位,比如蓝色的清凉、绿色的康、红的性、黄色的活力、色的纯洁等等,都包含在内了,所以这候选择哪组色彩就要你想突出哪种风格了。

那么多在线配色工具,到底怎么用才能秒变高手?

那这想突出清凉、干净,并且带有一些活力这的受,所以选择了这组配色。

那么多在线配色工具,到底怎么用才能秒变高手?

下来就了后期部也就是操作的部。选择好色卡之后先要析它之间的关系,比如这组颜色从大的范围来可为蓝色和黄色,而在蓝色当中为深蓝和浅蓝,剩下的就是色。

那么多在线配色工具,到底怎么用才能秒变高手?

析完之后要确定色彩的地位,已经确定了蓝色为主色,而这个画面中的主色就是面积最大的背景色,但是这有个蓝色应该选择哪个呢?这还是要依据风格定位,比如清凉、清新、雅致等印象一定是淡蓝色能体现出来的,深蓝色不行,并且淡蓝色图片的色调也比较近能够好的融在一起,所以用淡蓝色来填充背景。

那么多在线配色工具,到底怎么用才能秒变高手?

然后从深蓝色、黄色和色当中选择一个填充文字和个比较重要的色块,由于背景是淡蓝色,如果文字再填充黄色或色的话识别性会差,所以文字填充深蓝色。

那么多在线配色工具,到底怎么用才能秒变高手?

这主色就是淡蓝色,色是深蓝色,而黄色就可以当作点缀色来使用了,所以用黄色填充文字下方的色块和一些需要点缀的地方。

那么多在线配色工具,到底怎么用才能秒变高手?

剩下的三个色块保留色就可以了,色的调和会让画面显得透气一些,不然整个画面都是有彩色就会显得有些闷。

那么多在线配色工具,到底怎么用才能秒变高手?

这已经把提取的颜色全部填充了这个版式当中,可以说之前随填充的那个相比已经好了多。但是这还是有一些问题的,所以还需要进一步对细节进行调。

那么多在线配色工具,到底怎么用才能秒变高手?

现在这个画面的配色有什问题呢?最显的就是黄色的纯度有些高了,在这个画面中有些抢眼,而知道黄色是充当点缀作用的,所以要降低黄色的纯度,提高度。

那么多在线配色工具,到底怎么用才能秒变高手?

调整完黄色之后发现,文字的深蓝色在黄色的衬托下对比就有些了,所以针对深蓝色也要适当的做一些调整。

那么多在线配色工具,到底怎么用才能秒变高手?

那这个配色就完成了,可以说和预期的风格定位是相一致的,并且也美观。下面可以换一组颜色。

那么多在线配色工具,到底怎么用才能秒变高手?

那么多在线配色工具,到底怎么用才能秒变高手?

之前我们说过这组色卡都是可的,那我们就换一个使。

那么多在线配色工具,到底怎么用才能秒变高手?

同样我们还是先来分析这组色彩之间的系,大致可分为蓝色、绿色、粉色,而绿色当中又分为深绿和浅绿。

那么多在线配色工具,到底怎么用才能秒变高手?

先将图片的色彩还原,之后就是确定色,因为这里我想与之前的案例呈现一样的感觉,我们择蓝色而择粉色为色填充背景,这样画面的感觉就偏女性气质多一些。

那么多在线配色工具,到底怎么用才能秒变高手?

然后就是字,虽然我们没有蓝色作为色,但是根据我们的格定位,这个画面是需要蓝色的,就蓝色来填充字。

那么多在线配色工具,到底怎么用才能秒变高手?

最后就剩两个绿色,而这里我们浅绿色来填充色,为么是浅绿色呢?因为我们要考虑字的识别性,深绿色和蓝色的纯明相差多,它们的对效果就会较弱。

那么多在线配色工具,到底怎么用才能秒变高手?

而白色作为很好的调和色,并需要调整。最终的效果怎么样呢?同样这里是有调整空间的。

那么多在线配色工具,到底怎么用才能秒变高手?

首先就是背景色有些偏深了,我们减淡背景色,并且在色相上稍微调得偏紫一些,这个颜色的择是参考了左角的图片色,并非是平白无故现的。

那么多在线配色工具,到底怎么用才能秒变高手?

然后再看这里的绿色,显得有些脏就是偏灰,我们可对绿色进行一调整它变亮一些,这样仅字的识别性得到了改善,而且美观了很多。

那么多在线配色工具,到底怎么用才能秒变高手?

而字的识别性虽然得到了改善,但还可更好,深一蓝色,那么这个案例到这里就可了。

那么多在线配色工具,到底怎么用才能秒变高手?

最后我们来看一这两个方案,无论是色调、气质、格,还是美感都是符合我们前期定位的。但我相信一定有人会有疑问,是如何使在线配色工具吗,怎么到最后又变成人为的调整了?这里当然是在逗大玩,因为配色的确就是这样一个复杂思考、反复调整的过程,而是简单的吸取、填充两步就可了,无论是配色工具,还是供色彩搭配的,顶多只作为我们配色的参考,而当作是我们配色的全。

欢迎关注研习的公众号:「Yanxishe2017」

那么多在线配色工具,到底怎么用才能秒变高手?

© 版权声明
您必须登录才能参与评论!
立即登录
暂无评论...

相关文章

欢迎关注研习社的微信公众号:「Yanxishe2017」
平面设计
一般配色工具大多提供很多调色盘,让使用者从中找到适合自己需求的色彩,毕竟色彩有时候不容易描述。本文要推荐的「Picular」...
在线
@研习设K先生 :其实无论是色彩学还是配色方法,最本质的东西就那些,更多的还是需要设计师在日后的工作中不断的摸索和积累。...
十字形配色法
哈喽大家好,我是无我。今天为大家带来一期实验性教程,之所以称它为实验性,是因为这期的内容并非传统意义上的配色形式或色...
夜配色
今天将要分享的是一个我们在设计中经常会用到的「配色」。 很多设计师工作几年后还是对配色摸不着头脑,每次做设计依旧没有...
入门
当我们讨论色彩的时候,聊的更多的是色彩的搭配。虽然有些设计师认为有些色彩是一些纯粹的美学上的选择,但是实际上,色彩对...
经验分享
不知道大家有没有听过这么一个故事:某家餐厅销量一直不太好,老板究其原因也没有查明白到底是为啥,明明选址在闹市区,价格...
色彩搭配
@研习设K先生 :说到色彩或配色,其实无论是方法还是理论都可以算作是规律的总结,但是同样的规律对于有的人来说吸收起来就比...
研习设K先生