六个步骤细说电商banner图设计之色彩的奥秘(4)

UI / UI设计教程 / UI教程 /      

uimaker
UI设计师 / 江苏 南京

来源:网络   作者:佚名

关键词

六个步骤细说电商banner图设计之色彩的奥秘

(4)当红色运用于不同的色彩,大家会看到相同面积的红色圆放在不同的色彩上出现了大小不一或明暗不一的错觉,因为红色是暖色,所以根据冷暖对比,红色放在冷色或中性色 (黄色绿色)上可以比较突出,根据色相对比,红色属于有彩色,有彩色放在无彩色(黑白灰)上也可以比较突出,但是红色放在邻近色(比如偏冷的紫色和偏暖的橙红色)上就显得特别弱,因为色相太接近了。

六个步骤细说电商banner图设计之色彩的奥秘

Banner举例(看红色区域运用在不同颜色的背景上):

六个步骤细说电商banner图设计之色彩的奥秘

六个步骤细说电商banner图设计之色彩的奥秘

六个步骤细说电商banner图设计之色彩的奥秘

六个步骤细说电商banner图设计之色彩的奥秘

六个步骤细说电商banner图设计之色彩的奥秘

六个步骤细说电商banner图设计之色彩的奥秘

(5)当红色运用于不同的环境,前面我们前面讲了,环境分为外部大环境和内部环境,有人所站的角度是要保证平台上所有Banner颜色整体看和谐统一,雨露均沾,而有的人所站的角度是要保证自己的Banner图是最突出最吸引眼球的,前者为了和谐统一,后者是为了竞争为了突出自己(讲到环境其实也就是前面几种情况的综合讲解和考虑,即色彩/形状/肌理/面积等的结合使用才构成了所谓的环境),比如:

当红色色块放置在纯度明度相近的不同色相的色块里,它是和谐的融入的整体的:

六个步骤细说电商banner图设计之色彩的奥秘

当红色色块放置在邻近色色块里,它跟整体环境看起来也是比较和谐统一不突兀的:

六个步骤细说电商banner图设计之色彩的奥秘

当同样是红色,但是她的形状/面积大小和其他的不一样,那么她是会比较突出的,也就是所谓的特异:

六个步骤细说电商banner图设计之色彩的奥秘

当同样面积的色块,只有一块是有彩色红色,其他都为黑白灰无彩色,那么在这个环境里,那么红色块是最突出的:

六个步骤细说电商banner图设计之色彩的奥秘

当同样面积的色块,只有一块是暖色红色,其他都为冷色,那么在这个环境里,那么暖色系的红色块是最突出的,也就是冷暖对比:

六个步骤细说电商banner图设计之色彩的奥秘

Banner举例(看红色区域):

六个步骤细说电商banner图设计之色彩的奥秘

(因为明度纯度接近的原因,红色Banner在这个环境里还算比较融入的,虽然周围冷色系Banner过多)

六个步骤细说电商banner图设计之色彩的奥秘

(调整了饱和度和明度之后,红色Banner在这个环境里变得非常突出,变为了主角)

总结回顾一下上面讲的几点:

一、先了解普遍意义上的色彩是指什么?

二、再回顾一下banner的组成要素有哪些?

三、banner的作用作用是什么?

四、在Banner设计中影响到信息传达的有哪些因素呢?

五、色彩在banner设计中所起到的作用

六、如何在Banner设计中使用色彩

以上我就写到这里了,我们需要知道色彩是一种情绪的表达,也许要学会举一反三(比如上面我只举了红色的例子,其他颜色可以以此类推无论),另外无论是有彩色还是无彩色它们都不会独立存在,他必定是依附于其它表现形式而存在,比如与平面构成、立体构成结合运用,下期我们再继续谈电商Banner图设计之平面构成的奥秘(为了不再打脸,所以我只能说时间待定,目前无法给出具体时间,想起来我特么还有一个店铺分析没写完。。。。)

原文地址:做设计的面条(公众号)

 收藏