- 美工思维:写给淘宝天猫美工看的设计书
- 顾领中
- 2671字
- 2025-02-20 21:54:12
2.2 色彩印象知多少
怎样区分颜色的冷暖色调?以绿色为分界线,绿色不会让人觉得太冷,也不会让人觉得太暖。由下左图可以看出绿色是一个中性色,绿色的左侧是黄、橙、红,它们的共性就是热烈活泼的特性,而绿色的右侧是青、蓝、紫,它们都有稳重低调的特性。
下面介绍颜色的深浅问题。由下右图所示,左侧是一个亮色,向右颜色依次加深,颜色的深浅由在这个颜色中加了多少的黑决定。深色会有高贵稳重的感觉,亮色往往有激情活泼的感觉,比如深蓝色让人感觉比较高贵,黑色让人感觉比较稳重,一般成熟男士穿深色的衣服,亮色衣服比较适合年轻人。


2.2.1 女装行业色彩搭配
女装色彩搭配要根据女装的不同风格,下面我们按照不同风格对女装进行分类。
1.小清新类

在Photoshop中打开色相条,将颜色光圈定在偏上部分不动,然后拖动色相条,得到的都是淡色系的颜色,一般S值保持在30左右,B值接近100,能调的部分就是H值。我们可以任意选择一个颜色,都是很小清新的,如下图所示。

还可以新建一个图层重复上面的操作,得到的都是比较亮丽的颜色。
2.朋克风格

登录淘宝账号进入天猫店,里面有很多深色系的搭配风格,如下图所示,打开一家风衣店铺,可以看出这家的搭配稍显普通,如果下面的图改成黑色底效果会好很多,也可以用白色底。

女士服装底图可以用棕色色系,相对来说饱和度高一点、透明度低一点;也可以选择咖啡色,如下左图所示。男士服装底图选择深蓝色,亮度可以再低一点,只要不接近于黑色都是可以的,如下右图所示。


黑、白、灰是百搭色,这里只是给了些建议,大家可以参考一下。
3.中老年类
中老年的衣服颜色都是比较深的,整体的色彩感觉不会太鲜艳,如下图所示。一般会选择深色系的搭配,有点配红、配紫这样的搭配是合适的。有的人会说不够“高大上”,因为每个年龄段的人的欣赏眼光是不一样的,但不管怎样,店铺搭配一定不能是亮色。可以选择比较喜庆的深色系来搭配整个店的装修。

4.自由化的设计
另外,现在的设计日新月异,主要以实拍为主。下面两家店铺就是比较自由化的设计。


进入“La gogo”店铺首页,可以看到宝贝的种类、风格类型特别多,如果固定一个主色调会很不准确,所以店铺运用了组合的、拼版式的设计,显得很有张立感、年轻化、很躁动,它的设计都是拼版拼出来的,把实拍的图直接放在白色底板上,整个感觉有点像时尚杂志的风格。
现在高端一点的设计师基本上做的都是这种偏杂志或是电子杂志的风格,这也是现在流行的风格,包括现在天猫女装很厉害的店铺(韩都衣舍),也是这种张力感很强的风格,主要以图为主,更偏向于时尚电子杂志的风格。
2.2.2 零食行业色彩搭配
登录淘宝网首页,在搜索框中输入“零食”,可以发现不管是首图还是直通车图几乎都是红配黄,也有一些是白色的,不过整体都会有红、黄色调在里面,那为什么大部分买家都喜欢红黄呢?下面就来简单介绍一下。
零食选择红黄色调会很有诱惑力,红色是带有视觉刺激、容易引起消费欲望的颜色,橙色也有这种作用,同时橙色还会使人产生饥饿感。基本上所有的零食店铺都喜欢红配黄这样的搭配。
打开“周黑鸭”店铺首页,如下图所示,可以看到整个店铺是黄和黑的经典搭配,小人儿的部分是个活动页,右边是场景化的配图。黄色或橙色和黑色搭配是经典的搭配,以黑色为底突出产品的特性。


下面以“秋林”食品为例,如下图所示,这家店铺以红色为主基调,因为商品是以熟食类为主,有红红火火的概念,而烤、熏、煎、炸等都要用到炭火,所以整个都是偏红色调的。


打开“三只松鼠”店铺首页,可以看到整个色系都是暖色调,有萌萌的卡通角色,楼层页的场景,如果过分地运用橙色会有点晕色,长时间看眼睛会不舒服。下面是比较图,是不是第2张图看起来更舒服?


“良品铺子”店铺的整个色调是以粉色系为主的,但也有橙色的成分,如下图所示,给人美味的感觉、又表现了女生的优雅,很精致。“良品铺子”的消费群体应该以职场女性、女大学生等为主,相对来说年长、年纪特别小的买家会不太喜欢。

“劲仔”店铺首页设计采用的红配黄、红配橙的搭配非常到位,产品海报让人感觉非常舒服,如下图所示。建议大家做主页设计的时候,一般设计到8屏左右就可以了,如果设计得过多,很少会有人翻那么多页,只需要在主页放上热卖品就可以了。

“肯德基”是最会用橙色的,它的产品都是橙色的,以深红为主色调,与其LOGO颜色接近,有喜庆的意思,如下图所示。如果这个店铺用橙色会更妥当一点,但是红色也是暖色系,因此没有什么大问题。

几乎所有的零食店铺都以暖色系为主,并且是红和橙这两种颜色,红色有喜庆的味道,让人有购买的欲望,橙色给人美味的感觉。
2.2.3 数码家电行业色彩搭配
本节主要介绍家电或数码行业的配色方案。
“雷蛇官方旗舰店”的色调是以黑色为主、绿色为辅、红色作为强调色,如下图所示,因为绿色、青色有科技的感觉,黑色给人稳重、结实、耐用的感觉,比较符合男性买家的审美。“雷蛇官方旗舰店”大部分的买家正是玩游戏的男性。

与“雷蛇”相似的“罗技”是以灰色为依托,包括海报、底板,配了一点有科技感的青色和蓝色,还配了有活力的颜色在里面,如下图所示。这种办公类的产品价格比较适中,比较受职场人士喜欢,科技类的店铺一般都会选择以深色调为依托。

“美的”以灰色为基调,配了一点白色在里面,如下图所示,灰色给人稳重、宁静的感觉,它强调的就是空调工作的时候声音特别小。有些家电类的产品用了过多鲜艳的颜色,会给人不稳重、很躁动的感觉。

“锤子科技”整体的设计以白色为主,如下图所示,给人简单、舒服的感觉。

“OPPO”的消费群体主要为年轻人,以OPPO“R”系列为例,它的整体配色是黑色,显得比较稳重,如下图所示。如果在里面加一些绿色、青色或粉红色则更能抓住年轻人的心。

“佳能”产品的海报都是以黑色为主的,黑配红是经典搭配,但字体用得不太合理,如下图所示。

2.2.4 给设计小白的几点色彩搭配建议
本节介绍哪些颜色不可以搭配,哪些颜色可以搭配并且是经典搭配。
1.相邻颜色的搭配
如果没有学过相关的美术课程,也没有艺术基础,初学者可以选择邻近的颜色搭配。不足之处就是不太出彩,比较中规中矩。
2.相同亮度的搭配
同一个亮度的颜色是可以搭配的,由下左图可以看出红色是很容易吸引人眼球的,因为红色的亮度比较高,是100%,而下图是改变红色亮度后的对比图,给人的感觉就不会那么不搭了。但这样的搭配也不会很出彩。


3.配色方案
下面介绍一下在设计中通常会用到的颜色搭配。
黄色配红色比较喜庆,黄色配黑色也很出彩,黄色配青色是比较年轻化的搭配,还有黄色配白色,都是可以的;红色配黄色、黑色、白色都是经典搭配,但红色不能配绿色;青色配蓝色、黄色、白色都是比较经典的搭配,但不能配黑色。