详细解析平面作品色彩系列之橙色篇

2016-02-16 16:57 29 1 收藏

人生本是一个不断学习的过程,在这个过程中,图老师就是你们的好帮手,下面分享的详细解析平面作品色彩系列之橙色篇懂设计的网友们快点来了解吧!

【 tulaoshi.com - 平面设计 】

昨天说了色彩系列的红色,今天继续聊聊橙色。这篇文章是在看了李正贤的《不一样的配色设计》一书的部分摘录和读书笔记,除了色彩基础知识科普,也会有对应的网页案例分析,非常适合新手学习。

前言

与临近的红色和黄色相比,橙色看起来似乎不像它们那样特别。它经常被认为是一种介于红色和黄色之间的暧昧的色彩。

每种颜色都会有某种情感偏向,但是橙色的情感确是非常暧昧的,它游离在红色和黄色之间,作为暖色而存在。因此,一种暧昧的暖色的配色技巧必定有我们可以研究的地方。

简述

橙色的本身所具有的这种暧昧感使得它比红色更加温和,比黄色更加老练,即它有一种中性的魅力。换句话说,它可以弥补红色和黄色的缺陷。因此,在各种商业设计中,橙色比红色和黄色应用得更为广泛。特别是在关于餐饮和商城方面的设计中,橙色被大量运用。而现在也有很多代表着新生代的这类创意机构也选择运用橙色表现他们的年轻活力。

一、色彩名称

还是让我们先看看橙色色系的各种色彩的名称,由此大家可以无限代入自己的想象。

详细解析平面作品色彩系列之橙色篇,PS教程,图老师教程网

朱砂色(Vermilion)

朱砂是一种在水银中可以和硫磺发生反应的人工颜料,是一种泛红色的鲜明的橙色。

详细解析平面作品色彩系列之橙色篇,PS教程,图老师教程网

胡萝卜色(Carrot Orange)

因胡萝卜皮的颜色而得名,是一种泛赤色的明亮的橙色。

详细解析平面作品色彩系列之橙色篇,PS教程,图老师教程网

橙色(Orange)

橙子表皮的颜色,是一种泛黄色的橙色。

详细解析平面作品色彩系列之橙色篇,PS教程,图老师教程网

玉米色(Maize)

玉米的颜色,是一种泛黄色的浅橙色。

详细解析平面作品色彩系列之橙色篇,PS教程,图老师教程网

杏黄色(Apricot)

也被称为浅橙色。

详细解析平面作品色彩系列之橙色篇,PS教程,图老师教程网

鲑鱼粉(Salmon pink)

也被叫做橙红色,因为与鲑鱼的颜色类似,因此而得名。

详细解析平面作品色彩系列之橙色篇,PS教程,图老师教程网

贝壳粉(Shell Pink)

因为与贝壳内部的颜色相似而得名,是一种泛黄色的非常浅的粉色。

详细解析平面作品色彩系列之橙色篇,PS教程,图老师教程网

软木塞色(Cork)

与软木塞的颜色相似,是一种泛黄色的浅褐色。

详细解析平面作品色彩系列之橙色篇,PS教程,图老师教程网

琥珀色(Amber)

和琥珀的颜色相似的一种颜色,琥珀在亚洲和欧洲都非常地受欢迎,是一种泛黄的、有流动感的橙色。

详细解析平面作品色彩系列之橙色篇,PS教程,图老师教程网

肉桂色(Cinnamon)

与桂皮的颜色相似,是一种泛红色的浅褐色。

详细解析平面作品色彩系列之橙色篇,PS教程,图老师教程网

黄褐色(Bumt sienna)

这是一种氧化铁、黏土、沙子等混合在一起所形成的赭石色颜料,褐色中泛红色。

详细解析平面作品色彩系列之橙色篇,PS教程,图老师教程网

咖啡棕(Coffee brown)

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/pmsj/)

详细解析平面作品色彩系列之橙色篇,PS教程,图老师教程网

这是一种咖啡豆磨成粉的颜色,深褐色中泛黄色。

二、橙色的意象和表现方式

橙色的暧昧,让人觉得它比任何色彩都难以配色。它不如红色强烈,又不如黄色明亮,很容易被其他色彩抢了风头,最终导致整体配色的平淡乏味。

如果要用橙色作为点睛色,那么就要避免使用比橙色更抢眼的色彩。灰色常常用于与橙色进行搭配。但运用其他的颜色,适当降低透明度或饱和度,使之没有橙色抢眼,调节得当,也可以搭配出丰富生动的画面。例如相比橙色和红色的搭配,比红色色度更低的褐色和橙色的搭配更为协调。

源于自然的橙色意象

橙子:美味、食欲、爽口、维C、年轻、青少年、有趣

树木(褐色):久远、自然、土地、年长、安静

火:温暖、亲近、好动、友好

源于社会的橙色意象

财富:吹嘘、奢侈、便宜货、空架子

万圣节:恶魔、喧嚣

橙色洋溢着在红色中不易找到的积极能量可以让画面变得亲切,在表现活力的时候非常有用。但画面如果过多使用橙色,就会显得沉闷。

同属橙色系的色彩,实际上给人的印象是完全不同的。有富于年轻感的鲜明的橙色,也有具有复古感的偏褐色的橙色。

详细解析平面作品色彩系列之橙色篇,PS教程,图老师教程网

如果想要强调橙色的积极性的一面,可以选择泛黄色的橙色或者不太深的褐色,这些颜色比100%的橙色更能表现温暖亲切的感觉。

但是由于橙色本身很难找到偏冷的颜色(它的相邻色是红色和黄色,属于暖色系),因此为了使画面呈现出温暖的感觉,将所有配色都用暖色的话,容易使画面显得沉闷没有亮点。

所以,如果以泛黄的橙色作为主色,选择黑色或者灰色等冷色可以使整体画面更加协调。比如用深蓝代替黑色配色方法,可以给画面降温。

三、橙色的配色实例表现

一般来说,红色、蓝色是强烈厚重的色彩,黄色、淡绿色具有明亮的感觉,相比之下,橙色的感觉非常暧昧。因此,如果用橙色作为主色,至少需要一种强烈厚重的色彩和一种明亮的色彩与之搭配。

详细解析平面作品色彩系列之橙色篇,PS教程,图老师教程网

如下图中,用橙色作为主色,搭配黑白灰的无彩色的配色。一暗一亮,运用纯黑和纯白作为辅色,很好展示出了橙色的鲜明个性。

详细解析平面作品色彩系列之橙色篇,PS教程,图老师教程网

需要注意的是,如果以暧昧的橙色作为主色,就要和既不别扭又明亮强烈的色彩进行搭配。

如果你运用了橙色作为主色,与此同时运用也运用红色系和黄色系的色彩作为配色,由于这些色彩的温度都比较高,因此画面中应该有一定的冷色来降温,从而实现画面的平衡。如下图中大量运用了橙色和红色,因此有蓝色作为冷色进行平衡。

详细解析平面作品色彩系列之橙色篇,PS教程,图老师教程网

绿色系、蓝色系、紫色系是相对偏冷的色彩,在与橙色搭配的时候会使橙色更为显眼。比起橙色作为主色的选择,以冷色调作为主色、橙色作为点睛色的选择可以使橙色更抢眼,画面更有活力。

例如在这张宣传品的配色选择上,绿色元素铺满视线的时候,出现星点的橙色元素,让人联系到大自然里的果树和农场,这种对自然的取色和本身配色的规律也是不约而同。

详细解析平面作品色彩系列之橙色篇,PS教程,图老师教程网

有时候画面中会出现除橙色以外的其他颜色也作为点睛色,这样的安排会让画面更有活力,但这时需要注意的是点睛色之间的颜色协调。

如下图所示,橙色作为点睛色的同时,也会有黄色和蓝色也作为点睛色的运用,而整个画面在冷暖两种点睛色之间确实非常平衡的关系。而橙色和蓝色的对比色搭配带来的活泼感正是画面所需要的。

详细解析平面作品色彩系列之橙色篇,PS教程,图老师教程网

从这里我们可以看到,如果要选择和橙色搭配的黄色尽量不要使用太深的黄色,而应该运用比较淡的黄色。而如果是搭配红色,也应该尽量选择偏暗的红色。

例如下面的这幅GUCCI的香水海报,虽然颜色五彩缤纷,看起来却不显得凌乱。总体来说,其实也就是三种色系在相互搭配,蓝色系、红色系和黄色系。而橙色系的色彩就有朱红和贝壳粉。与此搭配的黄色的明度较高而纯度较低,显得比较淡,而为了对比,也有少量深红。这里的深红和蓝绿色系的出现给画面降温,而黄色和橙色又给画面升温,整个色温适中,因此整个搭配感觉非常协调。

详细解析平面作品色彩系列之橙色篇,PS教程,图老师教程网

后记

配色总的来说并没有定论,因为色彩包含的个人情感的层次太丰富,而这也是配色总是让人深究又始终没有定论。但总的来说,我们应该可以在众多优秀作品中找到一点关于色彩的蛛丝马迹。这还需要大家继续探索。

本系列相关文章:

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/pmsj/)

《读书笔记:给你的色彩重命名红色篇》

下一篇:详解AI中的存储为WEB所用格式

相关文章

读书笔记:给你的色彩重命名橙色篇

读书笔记:给你的色彩重命名红色篇

前言

步骤

后记

 

需要注意的是,如果以暧昧的橙色作为主色,就要和既不别扭又明亮强烈的色彩进行搭配。

如果你运用了橙色作为主色,与此同时运用也运用红色系和黄色系的色彩作为配色,由于这些色彩的温度都比较高,因此画面中应该有一定的冷色来降温,从而实现画面的平衡。如下图中大量运用了橙色和红色,因此有蓝色作为冷色进行平衡。

详细解析平面作品色彩系列之橙色篇,PS教程,图老师教程网

绿色系、蓝色系、紫色系是相对偏冷的色彩,在与橙色搭配的时候会使橙色更为显眼。比起橙色作为主色的选择,以冷色调作为主色、橙色作为点睛色的选择可以使橙色更抢眼,画面更有活力。

例如在这张宣传品的配色选择上,绿色元素铺满视线的时候,出现星点的橙色元素,让人联系到大自然里的果树和农场,这种对自然的取色和本身配色的规律也是不约而同。

详细解析平面作品色彩系列之橙色篇,PS教程,图老师教程网

有时候画面中会出现除橙色以外的其他颜色也作为点睛色,这样的安排会让画面更有活力,但这时需要注意的是点睛色之间的颜色协调。

如下图所示,橙色作为点睛色的同时,也会有黄色和蓝色也作为点睛色的运用,而整个画面在冷暖两种点睛色之间确实非常平衡的关系。而橙色和蓝色的对比色搭配带来的活泼感正是画面所需要的。

详细解析平面作品色彩系列之橙色篇,PS教程,图老师教程网

从这里我们可以看到,如果要选择和橙色搭配的黄色尽量不要使用太深的黄色,而应该运用比较淡的黄色。而如果是搭配红色,也应该尽量选择偏暗的红色。

例如下面的这幅GUCCI的香水海报,虽然颜色五彩缤纷,看起来却不显得凌乱。总体来说,其实也就是三种色系在相互搭配,蓝色系、红色系和黄色系。而橙色系的色彩就有朱红和贝壳粉。与此搭配的黄色的明度较高而纯度较低,显得比较淡,而为了对比,也有少量深红。这里的深红和蓝绿色系的出现给画面降温,而黄色和橙色又给画面升温,整个色温适中,因此整个搭配感觉非常协调。

详细解析平面作品色彩系列之橙色篇,PS教程,图老师教程网

后记

配色总的来说并没有定论,因为色彩包含的个人情感的层次太丰富,而这也是配色总是让人深究又始终没有定论。但总的来说,我们应该可以在众多优秀作品中找到一点关于色彩的蛛丝马迹。这还需要大家继续探索。

来源:http://www.tulaoshi.com/n/20160216/1570551.html

延伸阅读
光的特效在平面设计中是较为常用的视觉元素,在设计作品中合理地添加这些光效,可以使你的作品绚丽多彩,增强视觉冲击力。光的视觉特效比较多,闪电、光芒、火焰、光晕等都属于光的视觉特效范畴。 该范畴的特效所呈现出的特点也不同,列如闪电划破天空时,夸张的裂纹外形;火焰熊熊燃烧时多变的层次;光晕特效产生的华丽光芒等...在制作时首先得...
想成为一个合格的UI设计师,光会画图标可不行,今天360的Micu设计小哥从头帮你补上版式这一课,分享他的界面构图三板斧,此外,你还能学会如何用设计语言解构画面,这可是设计师的必备职业能力。 人家设计得真好可是好在什么地方呢,却说不出来。这是阻挡你成为优秀设计师的一大障碍。设计是我们的本行,不会用设计语言来解构画面,是说不过去...
之前介绍过这个神器,今天终于有实战教程咯!作者以微信消息页面为例,来讲述下Origami中常见的几个交互模块以及一些在平时使用经常会应用到的小技巧。学起来吧! 最终效果如下图,暂时先忽略这AV般的画质。 在正式做动效之前,做好前戏尤为重要对动效进行分析并将其分解。 你看,我是这样拆解这个动效的: 点击微信消息列表中的任意项,...
有一段时间没分享一点儿东西了,记得上次与大家分享过情感化设计中的手绘应用表现。今个再次煽情一下,与大家分享一点关于色彩情感的那些事儿,可能前部分的色彩介绍大家有了解过。但任何事情有因有果,所以还是先让大家了解下关于色彩的组成和色彩的情感等,再来简单说说在我们生活中和界面设计中的运用所带来的感受,以及人们对色彩的喜好偏...
这里是一个童话里的世界。沐浴在晨曦中,一屡屡金黄的光线会静静的洒落在你的肩头。远处的小木屋,在晨雾的环绕中,宛若仙境。在那里可以没有烦恼,片片白云悄然的点缀这湛蓝的天空,成群的牛羊悠闲的散落在大片的绿色中,微风吹过,荡起花海的阵阵波浪,你会有种错觉,如果有天堂,大概就是这里吧。   参数:尼康 D3数码相机 尼克尔24-...

经验教程

873

收藏

5
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部