不管是平面设计还是网页设计,不管你是新手还是大神,色彩始终是一名设计师必学必会的科目。你可以暂时没有惊艳的创意灵感,也可以暂时没有缜密的设计思维,但是不可以一日不会色彩搭配。
一、自我检测
要搭配出好看的色彩,首先不能是一个色盲,话虽然不太好听,但是道理是实实在在的。
二、色彩三要素
1、色相:最初的基本色相为红、橙、黄、绿、蓝、紫,在各色中间加插一两个中间色,其头尾色相。按光谱顺序为:红、橙色、黄橙、黄、黄绿、绿、绿蓝、蓝绿、蓝、蓝紫、紫。红紫、红和紫中再加个中间色,可制出十二基本色相。
2、饱和度:就是色彩的浓度,或者说是鲜艳程度。越鲜艳的色彩通常就被认为越饱和。
3、明度:是色彩的明暗程度。不同色彩有不同的明度,即使同一种色彩,其明度也有不同。
三、色彩名词解析
1、三原色:
所有颜色的源头被称为三原色,三原色指的是红色、黄色和蓝色。如果我们谈论的是屏幕的显示颜色,比如显示器,三原色则分别是红色、绿色和蓝色,也就是我们熟悉的RGB。
2、间色、复色
如果将红色和黄色、黄色和蓝色、蓝色和红色均匀混合,就会创建三种间色:绿色、橙色和紫色。将这些颜色应用进项目中,可以提供很强烈的对比。三次色来源于间色与原色的混合,主要有:红紫色、蓝紫色、蓝绿色、黄绿色、橙红色和橙黄色。
3、同类色、邻近色
同类色指色相性质相同,但色度有深浅之分。
4、近似色
近似色指相性质相同,色度深浅比较明显
5、对比色
对比色是人的视觉感官所产生的一种生理现象,是视网膜对色彩的平衡作用。指在24色相环上相距120°-180°之间的两种颜色,称为对比色。
6、补色
又称互补色,余色,亦称强度比色,就是两种颜色混合后呈黑灰色,那么这两种颜色一定互为补色。色环的任何直径两端相对之色都称为互补色。
7、冷、暖、中性色
色彩学上根据心理感受,把颜色分为暖色调,冷色调和中性色调。
四、色彩搭配
色彩搭配的方式有千万种,这里不可能一一列举到,列举一些典型的,大众可以用到的,然后大家根据自己的经验拓展。如果基础不好或者想要学习设计,可以加我企鹅号:八九八二二四三七四。设计的学习是一点点的积累,一点点的尝试,不要受任何方式方法的束缚,敢想、敢尝试,你就可以成为真正的设计师!不多说,开始举例。
1、冷色与白色色调的搭配
青色、蓝色、蓝紫色等等都属于冷色系列。冷色一般跟白色调和可以达到很好的视觉效果,冷色一般应用于一些高科技、高品质、理性类页面设计中。
2、暖色与黑色色调的搭配
黄色、橙色、红色等都属于暖色系列。暖色跟黑色调和可以达到很好的效果。暖色一般应用与女性、儿童、食品类等。也可以体现商品的琳琅满目,热情活泼、温馨等。
3、同类色和近似色搭配
如黄绿色、黄色和洁色等。近似色的搭配给人的视觉效果很舒适,很自然。所以近似色在设计中极为常见。
4、对比色和补色搭配
最突出,最引人注目的搭配,有强烈的视觉冲击!
5、三角搭配法则
使得画面生动的搭配方式。在使用三角形搭配方式时,一定要选出一种色彩作为主色,别外两种作为辅色。
6、分裂互补色搭配
这是互补搭配的变体,本质是用类似色来代替互补色中的一个颜色,以达到既有互补色对比强烈的特点,又弥补了不稳定的缺点。对初学者来说是非常好用的搭配方式,画面对比强烈又不容易产生混乱。
7、四方色/四方补色
四方色是在色轮上画一个正方形,取四个角的颜色。这个颜色超棒,尤其是使用其中一个颜色作为主色,其他的三个颜色作为辅助色的时候。四立补色和四方色的差别在于四方补色采用的是一个矩形。通过一组互补色两旁的颜色建立的色彩组合。
8、常见色彩搭配汇总
五、什么样的画面方便识别
1、色相变化
2、明度变化
3、饱和度变化
4、清晰度变化
这里是《灵感与设计》,喜欢我的文章欢迎订阅。有设计问题可以在下面留言区留言互动,我会在第一时间回复,想学习设计的朋友也可以加入学习群:527263056