案例学:Photoshop电商美工设计
上QQ阅读APP看书,第一时间看更新

1.2.1 店铺色彩的搭配技巧

店铺色彩的搭配要符合整个店铺的主题,要能够体现出店铺的品牌文化及正面形象,达到加深顾客记忆的目的。在店铺设计中,大多时候需要颜色相互搭配,凸显层次感。

色彩搭配方式有很多种,常见的搭配方式有同类色搭配、近似色搭配、对比色搭配、互补色搭配等。

1. 同类色

同类色是指色相性质相同,但色度有深浅之分(是色相环中15°夹角内的颜色),如图1-21所示。图1-22所示的同类色配色中,产品主色是粉红色,背景用了更浅的粉色。

图1-21 同类色

图1-22 同类色效果

温馨提示——同类色搭配的优缺点

同类色的设计能使画面颜色协调一致,不突兀。但因同类色颜色相近,在进行搭配时,对比不够强烈,主体不够突出。因此,需要根据实际情况,选择同类色的搭配。

2. 近似色

所谓近似色,就是在色带上相邻近的颜色。在色相环中,凡在15°~60°角范围内的颜色都属于邻近色,例如,绿色与蓝色、红色与黄色就互为近似色,如图1-23所示。

图1-23 近似色

近似色往往是你中有我,我中有你。比如,朱红与橘黄,朱红以红为主,里面略有少量黄色;橘黄以黄为主,里面有少许红色,虽然它们在色相上有很大差别,但在视觉上却比较接近。图1-24用了近似色红色与黄色。

图1-24 近似色效果

3. 对比色

在色相环中,120°~170°角内相邻接的色统称为对比色,如图1-25所示。色彩对比效果鲜明、强烈,具有饱和、华丽、欢乐、活跃的感情特点,容易使人激动和兴奋,但是也容易产生不协调感。图1-26用了蓝色与绿色的对比色。

图1-25 对比色

图1-26 对比色效果

4. 互补色

在色相环中,每一个颜色与对面(180°对角)的颜色,称为互补色。把互补色放在一起,会给人强烈的排斥感。若混合在一起,会调出浑浊的颜色。如红与绿、蓝与橙、黄与紫互为补色,如图1-27所示。

图1-27 互补色

由于互补色有强烈的分离性,故在商业广告设计中,在适当的位置恰当地运用互补色,不仅能加强色彩的对比,拉开距离感,而且能表现出特殊的视觉对比与平衡效果。图1-28用了蓝色与黄色的互补色。

图1-28 互补色效果