电子商务视觉设计(视频指导版)
上QQ阅读APP看书,第一时间看更新

2.1 网店页面的配色方案

想要自己的网店脱颖而出,其视觉设计至关重要。而在网店视觉设计中,最能吸引消费者的显性因素就是色彩。不同的色彩产生的生理和心理效应也不同,不同的商品也有不同的色彩特性。因此,在网店视觉设计中,只有将色彩搭配运用得恰到好处,才能制作出独特的艺术效果。

2.1.1 色搭原则七要素

色彩搭配并不是简单地把几种颜色混合在一起,而是有搭配原则的。下面先了解一下什么是色搭原则七要素。

1.渐进配色

渐进配色是指按色相、明度、艳度三要素有序地排列。其特点是即使色调沉稳,也很醒目,尤其是色相和明度的渐进配色。例如,彩虹就属于渐进配色。

2.对比配色

对比配色是指用色相、明度或艳度的反差进行搭配,有鲜明的强弱感。其中,明度的对比能给人以明快、清晰的印象,可以说只要有明度上的对比,配色就不会太失败,如蓝配橙、黄配紫。

3.色调配色

色调配色是指具有某种相同性质(冷暖调、明度、艳度)的色彩搭配在一起,色相越全越好,最少也要三种色相以上。例如,同等明度的红色、黄色、蓝色搭配在一起。彩虹既是渐进配色,也是很好的色调配色的范例。

4.近似配色

近似配色是指选择相邻或相近的色相进行搭配。这种配色因为含有三原色中某一共同的颜色,所以非常协调。因为色相接近,所以也比较稳定。如果是单一色相的浓淡搭配,则称为同色系配色。

5.单重点配色

单重点配色是指让两种颜色形成面积的大反差。“万绿丛中一点红”,就是一种单重点配色的范例。其实,单重点配色也是一种对比,相当于一种颜色作底色,另一种颜色作图形。

6.分隔式配色

如果两种颜色比较接近,看上去不分明,可以靠对比色加在这两种颜色之间,增加强度,整体效果就会很协调。最简单的加入色是无色系的颜色和米色等中性色。

7.夜配色

夜配色,严格来讲不算是真正的配色技巧,但很有用。高明度或鲜亮的冷色与低明度的暖色配在一起,称为夜配色或影配色。它的特点是神秘、遥远,充满异国情调、民族风情。

2.1.2 色彩的联觉聚焦图片

不同的色彩有着不同的寓意与作用,当人们看到色彩时,除了会感受到其物理方面的影响,也会给人带来不一样的心理感受与联想,如图2-1所示。

图2-1 不同色彩的心理感受与联想

当人们看到蓝色、黑色时,总是会联想到科技与高端感,看到橙黄色时又总是会联想到餐厅的橘色灯光、联想到食物……在心理学上,对一种感官的刺激作用触发另一种感觉的心理现象被称为联觉现象,而色彩的联觉也可以简单地理解为由色彩引发的联想。

色彩的联觉现象是人们感知色彩的一种经验,在消费过程中人们也会自觉或不自觉地运用这种感知习惯。同时,由于人们的视觉对于色彩的感知最为敏感,因此当他们在浏览购物网站时,很可能会首先通过色彩去识别商品。

例如,当消费者想要购买零食时,很可能会忽略一些其他色彩的事物,而将注意力集中在寻找橙黄色的事物上,因为在他们的经验中,橙黄色是容易引起食欲的色彩,他们已经习惯于将食物与橙黄色联系在一起。让我们先来对比图2-2所示的两张图片。

图2-2 零食商品的不同色调对比

两张图的内容与主题都围绕零食商品而展开,不同的是两张图片的主色调。消费者的视觉对色彩的感知非常敏感,因此当他们看到这两种图片后首先就会注意到色彩,从而形成图2-3所示的感知心理;这样的心理也决定了他们的购买行为。

不难发现,即使图片内容不变,不同色彩的运用也会让消费者做出两种相反的选择。因此,可以这样说,要想聚焦消费者的目光,就需要根据消费者的认知习惯寻找出通常情况下能够表现商品的最具代表性的色彩,并将其运用到与商品相关的视觉设计之中,这样才能避免消费者因为色彩而造成误会,从而放弃对商品的进一步关注。

图2-3 色彩对购买行为的影响

2.1.3 网店风格的形成要素

店铺风格的形成要素主要包括店铺的主要风格、产品的情绪、活动的主题气氛、店铺的包装色彩和VI配色。下面将分别对其进行介绍。

1.店铺的主要风格

经营不同的商品就需要有不同的店铺风格,否则就会让人觉得不伦不类。常见的店铺风格有简约清爽型、商业型、炫酷型、可爱型和特色型等。

简约清爽型的整个店铺以淡色为主,适合白领、办公室人群浏览,适用行业为服装、美容、家居用品和饰品等。图2-4所示为简约清爽型风格的店铺。

商业型的店铺促销产品位置明显,直截了当,适合中性偏男性人群浏览,适用于虚拟产品、手机、数码产品和家具等行业。图2-5所示为商业型风格的店铺。

图2-4 简约清爽型店铺

图2-5 商业型店铺

炫酷型店铺一般为冷色调,适合大学生或者男性白领人群浏览,适用于男士用品、文体用品、户外用品和数码产品等。图2-6所示为炫酷型风格的店铺。

可爱型店铺通常为暖色调,主要以卡通图案或动物、花草等为装饰元素,适合小女生人群浏览,适用于饰品、毛绒玩具、居家日用和鞋子等行业。图2-7所示为可爱型风格的店铺。

图2-6 炫酷型店铺

图2-7 可爱型店铺

特色型店铺适用于高雅的奢侈品或民族风商品等行业,适合某类特定人群浏览。图2-8所示为特色型风格的店铺。

图2-8 特色型店铺

2.产品的情绪

产品情绪是指产品本身赋予色彩的情感。大多数色彩的情感来源于生活,因此视觉设计上也要贴近生活,产品最终的消费群体为生活在我们周围的人,平时要多多积累,去发现和探索。例如,女装按风格可划分为韩式风格、淑女风格、嬉皮风格、波西米亚风格、田园风格和民族风格等。

韩式风格在服装色彩上多用白色,常见的配色方案为大面积白色搭配黄色、红色和绿色等,展现女子成熟、淑女而又浪漫、可爱的特点,如图2-9所示。

淑女风格的服装做工精致,配色典雅,有女人味但不夸张。配色多以素色为主,简单地说就是偏传统的服装,如图2-10所示。

图2-9 韩式风格

图2-10 淑女风格

嬉皮风格的女装以穿着宽松、随性及色彩丰富、缤纷为主。这种风格比较反传统,类似混搭。经典嬉皮风格指的是充满活力和能量、颜色鲜艳的奇装异服,如图2-11所示。

波西米亚风格的服装设计繁杂,色彩艳丽,具有民族风情,兼收并蓄,并带有流苏。这种风格崇尚自由,崇尚个性,如图2-12所示。

图2-11 嬉皮风格

图2-12 波西米亚风格

田园风格的女装回归自然,具有大自然的色彩,通常会加入小碎花和编制品的元素,如图2-13所示。

民族风格的女装是指带有古典色彩或特有民俗风情的服装,具有复古的风格,如图2-14所示。

图2-13 田园风格

图2-14 民族风格

男装按风格划分可分为中国风格、商务休闲风格、运动风格、英伦风格和时尚休闲风格等。

中国风格的男装多以中国元素为表现形式。这种风格的男装具有精练、简便与大方的特点,经常采用藏蓝、白色等颜色,如图2-15所示。

商务休闲风格是指既具有商务装的功能,又具备休闲装的随意,提供给人们的是更具品位的生活理念和更多的生活选择;介于西装和休闲装之间,经常采用咖啡色、灰色、藏蓝色等低纯度的颜色,如图2-16所示。

图2-15 中国风格

图2-16 商务休闲风格

运动休闲风格的男装具有明显的功能作用,以便在休闲运动中能够舒展自如,它以良好的自由度、功能性和运动感赢得了大众的青睐,如图2-17所示。

英伦风格源于英国维多利亚时期。英伦风格的男装具有自然、优雅、含蓄和高贵的特点,经常采用藏蓝色、黑色、灰色等低明度的色彩,如图2-18所示。

图2-17 运动休闲风格

图2-18 英伦风格

时尚休闲风格的男装是指男士在闲暇生活中从事各种活动,即人们在公务、工作外,置身于闲暇地点进行休闲活动时所穿的服装,这类服装常采用蓝色、绿色和青色等让人感觉轻松的颜色,如图2-19所示。

图2-19 时尚休闲风格

3.活动的主题气氛

店铺的主题气氛主要通过店铺的配色和装饰来烘托。比如,以国庆节为主题的店铺配色大多采用红色,然后通过灯笼和烟花等元素来体现国庆节的节日气氛;以七夕节为主题的店铺大多采用紫色、粉色等可以表达浪漫和甜蜜的色彩,然后使用鹊桥等元素来体现七夕的节日气氛,如图2-20所示。

图2-20 店铺的主题气氛

4.店铺的包装色彩

人们对于一个店铺色彩的记忆往往更倾向于其包装,毕竟收到实物的第一感观才是真实的,包装本身也代表了整个店铺的风格定位。

色彩有着自己的语言,可以唤起人们的心灵感知,所以在确定网店主题色调时,应该与商品特性相符合,或者与目标消费群体的特性相符合。

如果网店主营18~30岁的女性时尚服饰,那么比较适合的主题色就应选偏粉色、红色的柔和浪漫色系,如图2-21所示;如果网店主营手机、相机等数码类产品,那么蓝色、黑色和灰色系往往会给消费者理智、高贵、沉稳的感觉,如图2-22所示。

图2-21 偏粉色系

图2-22 偏蓝色系

5.VI配色

VI(视觉识别)配色是指在网店配色中提取VI或包装中的主色彩,主要分为单色VI、双色VI和多色VI。

如果店铺Logo为单色,那么单色VI配色方案就以该颜色作为整个店铺的主色或辅色,这样可以使整个店铺看起来上下呼应、干净利落。

如果店铺Logo由两种颜色组成,那么双色VI配色方案就以其中一种颜色作为店铺的主色调,另一种颜色作为辅色。

如果店铺Logo由三种及三种以上颜色组成,那么多色VI配色方案就以其中一种颜色作为店铺的主色调,其余颜色作为辅色。