查看原文
其他

有没有一看就会的配色理论,我不想再被说配色“辣眼睛”了…

枫枫 优秀网页设计 2022-10-22

▵优设品牌号,旗下新品及内测邀请码资格均在此号,关注推送掌握动态,有机会第一时间获取。

封面设计:manitoudesign


配色一直是各位设计师们非常关注的问题,颜色无论是在设计还是生活中都起着至关重要的作用。一张照片甚至可以通过色彩吸引你的视线,唤起特定的情绪或情感。

在一些没有文字的场景中,颜色就显得尤为重要,比如交通信号灯。

那么我们如何知道哪些配色好看,哪些不好看呢?要知道这个,我们先来学习学习色彩理论。不局限与艺术家和设计师,任何人都应该了解一点色彩理论,因为它可以帮助你在许多不同的条件下正确使用色彩。无论是设计抑或是平常的衣着搭配。只需要了解一点色彩理论。无论是在生活还是工作上都会事半功倍。

不知道大家在学校学过主色和辅色没?红黄蓝为主色,橙绿紫为辅色。

红+黄=橙色,黄+蓝=绿色,蓝+红=紫。如果我们将这些颜色混合在一起,会得到更多色调,如红橙色和黄绿色。

所有颜色形成了所谓的色轮。

以上就是非常基础的色彩理论,接下来我们进一步了解色相、纯度与明度。刚刚学设计的你可能对这些有点陌生,但他们是理解设计理论的关键。

色相(色调)

这是最简单的,我们通常说的“颜色”就是色相。简单说,这台手机是红色的。那么红色就是他的“色调”或者“色相”。

纯度(饱和度)

饱和度是指颜色的纯度,通俗说就是这个颜色是否鲜艳,是否足够纯。纯度数值越高,画面颜色越鲜艳。反之越灰。

明度(色值)

明度与颜色的深浅有关,从黑到白,明度指数越高,画面越亮。反之则越暗。

说了这么多,那到底怎么用这些理论知识学好配色?其实配色也有公式,我相信大家可能也听说过这些方法。首先我们需要一个色轮:

1、单色

这是最简单的配色方法,因为它仅需要一个颜色。可能有同学会问:“一个颜色咋配??”你忘了我们上面说的明度和纯度的知识了吗?只需要在色轮上挑选一个颜色,调出该明度饱和度不同的状态就行。

作者Behance ID:Andrey Prokopenko

2、相似色

相似色是使用色轮中相邻的色彩搭配,比如红色和橙色:

蓝色和绿色:

案例采集自网络。

3、互补色

互补色是色轮上彼此相对的颜色,例如蓝橙:

黄绿:

这里需要注意的是,为了防止颜色过纯导致辣眼睛的情况,最好在运用互补色的时候调整一下颜色的纯度与明度。互补色配色对比效果极好。想增加作品视觉冲击不妨试试这个方法。

三元配色

三元配色在色轮上形成一个完美的等边三角形,这些颜色的组合效果可能会让你意想不到,特别是主色和辅色的搭配运用。

四元配色

字面意思,四元配色在色轮上形成一个矩形。在配色时可以选一个颜色为主色其它颜色辅助。

说了配色方法,那么在配色时有哪些注意事项呢?

1、饱和度过高

你是否有这种经验,配色非常扎(la)眼?祭出这张图哈哈哈

这时候你可以尝试选择一种颜色并且调整它的亮度、暗度或者饱和度。

这样看是不是好多了?(上为动图)

2、可读性过低

可读性是任何设计的必备要素,你的配色应该使文本清晰易读。

这两个网页哪个你愿意往下继续看?答案显而易见!使用对的颜色能够使你的信息脱颖而出!

3、颜色氛围

每种颜色给人的感觉都不同,例如,明亮的色调往往能够带来有趣或者现代感的氛围。

低饱和度的色彩搭配往往会受到商业公司的喜爱。

所以当你着手项目时应该考虑到你的设计要给观众传达什么样的感觉,然后确定项目配色。

不用害怕配色!生活中很多广告、海报、电影甚至于服装搭配,很多方法可以让你学习配色!只要记住这些色彩理论,至少做到配色不辣眼是完全没问题的!

有条件的同学可以看本次文章主题的视频版:

https://v.qq.com/txp/iframe/player.html?vid=u05340pip7z&width=500&height=375&auto=0


您可能也对以下帖子感兴趣

文章有问题?点此查看未经处理的缓存