最新消息:关注星悦关注后期及设计相关知识

设计配色教程!零基础配色系列之黄色+绿色篇

经验/技巧分享 星悦 440浏览 0评论

设计配色教程推出出进阶版咯。进阶版不仅增加了更多案例,而且案例的配色也越来越丰富,建议收藏。

往期配色教程回顾:

深入浅出学配色!认识色彩系列之黄色篇

全面认识色彩系列之绿色篇-绿色页面配色教程

学配色!带你全面认识色彩系列之蓝色篇

设计配色教程!带你认识红色色彩

更多配色教程点击这里请进入

这期首先介绍黄色

黄色是光之色彩,因此,在整个色谱上,它是最亮的存在。当你想要提亮整个画面,黄色是不二之选。黄色同时也是一种暖色,可以表达出一种温暖欢快的感觉,它是黯淡颜色的救世主,明亮的黄色一旦出现,必然赋予了画面更多的活力。而我们对黄色的运用也必然需要进入其情感空间,才能更好掌握各种色调的黄色所赋予的不同魅力。

不同的黄色调表达了不同的情感基调,明度和饱和度都较低的黄色隐隐透出了绿色,因此,当你想要降低黄色的温度,不妨考虑降低它的明度或饱和度

星悦PS教程|后期修图|平面设计-经验/技巧分享系列修图经验分享

在网页中所使用的黄色,以明度较高为多。大多是在表达可爱、温暖、欢快、活泼。大面积运用明亮的黄色,可以让整个页面充满活力。由于黄色并不如红色那么抢眼,但也足以夺人眼球,因此,增加页面的吸引力,从某种程度上说,黄色是优于红色的。

黄色的页面给人以一种明亮、积极向上的活力,高明度、高饱和度的黄色作为背景色,以黑色作为搭配,刚好降低黄色的亮度和温度,让整个画面光明和黑暗兼有,非常具有跃动感。

星悦PS教程|后期修图|平面设计-经验/技巧分享系列修图经验分享

可见黄色作为光之色彩,想要平衡其强烈的光感,就要增加黑暗,比如纯黑作为极好的搭配。这种强烈的对比,碰撞出了巨大的活力。很多创意机构的网页都喜欢这一配色,也是希望能传达出这一信息。

黄色和白色等其他无彩色搭配都非常相得益彰,尤其当它作为背景色时,会让出现在这背景上的任何物体都显得更加光亮。

星悦PS教程|后期修图|平面设计-经验/技巧分享系列修图经验分享

黄色除了作为大面积背景使用,也可以作为强调色,在画面比较暗的场景里运用黄色作为强调色,就会增加整个画面的亮度,让作品活跃起来。

如下页面中,整个风景图作为背景,天色显得有点暗,这时在其上方增加黄色的文字就改变了整个背景的平淡无奇。 当明亮的黄色作为主色使用时,它其实也起到了强调的作用,这时无论背景是黑色亦或白色,它都能轻而易举的凸显出来。

星悦PS教程|后期修图|平面设计-经验/技巧分享系列修图经验分享

将黄色作为主色,让画面更加鲜明活泼。

星悦PS教程|后期修图|平面设计-经验/技巧分享系列修图经验分享

黄色常见的搭档是蓝色,黄色的温暖和蓝色的凉意,黄色的欢快与蓝色的忧郁,在色轮上看它们彼此是相隔120度的对比色,因此能相互烘托对方的特色。

用黄色作为背景,也可以用蓝色作为主色,搭配起来相得益彰,只是活力并不如黑色搭配来得多,而也适合用在相对需要冷静的场合

星悦PS教程|后期修图|平面设计-经验/技巧分享系列修图经验分享

黄色与蓝色在比例上持平,也不会让画面显得冲突。

星悦PS教程|后期修图|平面设计-经验/技巧分享系列修图经验分享

黄色可以与任何颜色搭配,而每种颜色都需要与黄色调整好彼此的比例,保持调性的和谐。

黄色和绿色是邻近色,因此在运用配色时,降低其明度,就能让画面显得更为“柔和”,整个画面显出古典的意味,低明度的黄色是具有怀旧色彩的,因此在怀旧这一主题中常常用到。

星悦PS教程|后期修图|平面设计-经验/技巧分享系列修图经验分享

黄色可以很张扬,也可以比较低调。低明度低饱和度的黄色是最接近自然的原色。由于它的存在感比较弱,可以作为阅读的背景,而又比白色多了几分阳光的味道。

柔和低调的黄色作为背景,类似纸的颜色,在此基础上,选用金色作为主色,让配色显得温暖又华丽。

星悦PS教程|后期修图|平面设计-经验/技巧分享系列修图经验分享

后记

可以看到黄色作为背景色出现的时候居多,它应该是一个能承载一切的颜色,它的功能有点像阳光。有黄色在的地方,就象征着温暖。

绿色

绿色所表现的最大特质就是绿色植物,因此它会让人联想到森林或草原。绿色本身是一种中性色,也就是它可暖可寒。夹杂黄色的绿色就会具有暖意,而夹杂蓝色的绿色则带着寒冷。前者会联系到阳光下的嫩芽,而后者会浮现出湖水的画面。

某些时候,绿色象征着和平,带来宁静温馨,而又有一些时候绿色则象征妒嫉、邪恶等紧张,总之,绿色的色调宽泛到几乎任何行业都可以运用到它。宽泛的绿色色调充满了非常广阔的情感空间。

星悦PS教程|后期修图|平面设计-经验/技巧分享系列修图经验分享绿色属于大自然色系,在大自然的色彩中,最饱和的绿色几乎是不多见的,因此中等以及中等以下饱和度的绿色相对较多,因此在运用时需注意这一点。

饱和度并不是越浓烈就越能凸显它的特质,往往过高的饱和度色彩会毁掉原本自然的一面而显得非自然。

利用青苹果本身的色彩作为大图背景就可以让绿色表现出其丰富而细腻的自然感觉。

星悦PS教程|后期修图|平面设计-经验/技巧分享系列修图经验分享茶文化为主题的网站也非常适宜绿色作为主色,配色时,为了表现一种古旧典雅,最好能压低绿色的明度。

星悦PS教程|后期修图|平面设计-经验/技巧分享系列修图经验分享绿色带来和平,同时也能给人以朝气蓬勃的感觉。它象征着一种生命力。这是其他任何色彩都不能比拟的。而单一的绿色近两年越来越少用到,而更多和蓝色或黄色等临近的色系搭配,让画面更加柔和丰富。

下面这两个页面都采用了绿色的渐变色系作为背景,表现出绿色更加自然的一面,让绿色不至于呆滞。

星悦PS教程|后期修图|平面设计-经验/技巧分享系列修图经验分享绿色和红色是一组对比色,对比色的搭配显得跳脱而活跃,应用得当时效果相当出彩。

下面这个页面带着蓝色调、高饱和度高明度的活泼的青绿色,与荧光粉红搭配显得分外明朗,时尚感满溢。

星悦PS教程|后期修图|平面设计-经验/技巧分享系列修图经验分享柔和的绿色搭配粉色尽显甜美温馨,尽管是对比色,保持了丰富的色彩层次。

星悦PS教程|后期修图|平面设计-经验/技巧分享系列修图经验分享

星悦PS教程|后期修图|平面设计-经验/技巧分享系列修图经验分享低明度的绿色带着冷感,色相上稍微增加点黄,最终表现为豆绿色,颇有自然风的感觉,而配图的选择也应该尽量增加色温,让整个画面暖和起来。而饱和度、明度略低的绿色,则拥有一袭复古气质。这样的配色显得非常别致。

星悦PS教程|后期修图|平面设计-经验/技巧分享系列修图经验分享

 

发表我的评论
取消评论

表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址