广州北大青鸟计算机职业培训学校
互联网技术培训、软件技术培训、大数据培训、云计算培训、数据分析培训信息网
当前位置:网站首页 > 计算机学校 > 惠州计算机学校 > 正文

一看就会的配色理论_惠州UI设计

作者:hz_admin02发布时间:2022-06-07分类:惠州计算机学校浏览:651


导读:配色一直是各位设计师们非常关注的问题,颜色无论是在设计还是生活中都起着至关重要的作用。一张照片甚至可以通过色彩吸引你的视线,唤起特定的情绪或情感。 在一些没有文字的场景中,颜色就显得尤为重要,比如交通信号灯。

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

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

一看就会的配色理论

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

一看就会的配色理论

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

一看就会的配色理论

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

一看就会的配色理论

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

一看就会的配色理论

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

色相(色调)

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

一看就会的配色理论

纯度(饱和度)

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

一看就会的配色理论

明度(色值)

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

一看就会的配色理论

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

1、单色

一看就会的配色理论

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

一看就会的配色理论
一看就会的配色理论
一看就会的配色理论
一看就会的配色理论
一看就会的配色理论

作者Behance ID:Andrey Prokopenko

2、相似色

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

一看就会的配色理论

蓝色和绿色:

一看就会的配色理论

案例采集自网络。

3、互补色

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

一看就会的配色理论

黄绿:

一看就会的配色理论

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

一看就会的配色理论

三元配色

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

一看就会的配色理论
一看就会的配色理论

四元配色

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

一看就会的配色理论

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

1、饱和度过高

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

一看就会的配色理论

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

一看就会的配色理论

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

2、可读性过低

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

一看就会的配色理论
一看就会的配色理论

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

3、颜色氛围

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

一看就会的配色理论

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

一看就会的配色理论

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

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


点击咨询直接了解更多相关资料,我在惠州北大青鸟新方舟等你。


本文内容转载自网络,版权归原作者所有,如有侵权请联系我们进行删除。


标签:惠州计算机软件培训惠州计算件软件开发惠州计算机软件基础惠州计算机UI设计软件开发惠州UI设计培训学校惠州UI设计培训UI设计基础教程UI设计是什么UI设计教程UI设计入门UI设计培训


惠州计算机学校排行
标签列表
网站分类
文章归档
最近发表