购买
下载掌阅APP,畅读海量书库
立即打开
畅读海量书库
扫码下载掌阅APP

1.2 网店装修的色调与风格的定位

色彩是视觉设计中一个很重要的元素。人的第一感觉是视觉,而对视觉感受影响最大的则是色彩。色彩作用于人的视觉感官后,还会刺激人的神经,进而影响人的情绪。色彩也在一定程度上决定了店铺装修的风格。在进行网店装修之前,需要根据店铺的特点、品牌的理念、商品的属性等来定位装修的色调与风格。

1.2.1 用类似色形成统一风格

网店装修的新手常常为色彩搭配犯难,面对成千上万种色彩,不知从何处下手。下面就来讲解几个色彩搭配的总体性原则和方法,操作起来比较简单,又不易出错。

在进行色彩搭配时,常常会用到的一个工具是色相环。色相环上距离较近的色彩被称为类似色或近似色,如红色、紫红色与紫色等,如右图所示。类似色的搭配在自然界中很容易找到,所以对眼睛来说,这是最舒适的色彩搭配方式,能给人以平静、协调的感觉。在网店装修中,类似色的搭配最不容易出错,它可以轻易地让设计出的画面形成统一、和谐的视觉效果。但是,类似色的对比也较弱,所以搭配效果会显得较为平淡和单调。在网店装修中使用类似色搭配时,可通过加强色彩的明度和饱和度的对比,达到强化色彩、避免平淡的目的。

如下左图所示是为某网店设计的客服区,在配色上主要使用了蓝色系的类似色;如下右图所示则是收藏区,在配色上主要使用了棕色系的类似色。它们都通过调整色彩的饱和度和明度来产生变化,从而避免单调,呈现出统一、协调的感觉,颜色之间过渡自然,使整个色彩布局既沉稳安静,又明快生动,体现了空间的深度和变化。

1.2.2 用互补色构建撞色风格

在色相环上,色相之间的夹角为180°的色相称为互补色,如红色与绿色、蓝色与橙色、黄色与紫色等,如右图所示。互补色的对比最为强烈,采用互补色搭配的画面相较于类似色搭配更丰富、更具感官刺激性。

互补色搭配无疑是一种最突出、最具视觉冲击力的色彩搭配方式,如果想要让网店装修画面特别引人注目,那么互补色搭配或许是最佳选择。互补色搭配可以很完美地构建出“撞色风格”,它是近年来设计界颇为流行的关键词,能够体现自信与活力,彰显个性,张扬气魄,因而成为许多设计师表达主题的不二选择。

“撞色风格”简单来说就是将两个或两个以上不同颜色的色块搭配或拼接在一起,以制造某种色彩方面的强烈视觉冲击效果,除了互补色搭配之外,还可以是强烈色搭配,即将色相环中相隔较远的两种颜色搭配在一起。

“撞色风格”不一定要大范围撞色,小色块的撞色也可以把这种感觉发挥得淋漓尽致,能够让画面很有亮点,而且不会给人过于张扬的感觉。如下左图所示为某数码相机店铺的首页装修设计,画面中用大面积的蓝色作为主色调,通过橘色、红色和黄色三种暖色调的搭配,与冷色调的蓝色形成强烈的反差,打造出撞色的效果,更能将关键信息突显出来。

如下右图所示为某灯饰店铺的店招和导航设计,画面中使用了大面积的黑色作为背景,表现出黑夜的感觉,再通过添加不同明度的红色,与黑色形成强烈反差,呈现出撞色的效果,让店招文字与活动信息更加突出、显眼、生动,起到了画龙点睛的作用。

1.2.3 用多种色彩打造炫彩风格

在网店装修的过程中,为了营造出充满活力、兴奋或激动的氛围,往往会在配色中添加多种不同的颜色,通过对这些颜色的合理分布和使用,打造出炫彩风格的视觉效果。可以使用矩形来对色相环中的颜色进行搭配。将矩形放在色相环的中间,通过变化矩形的角度和大小,选择矩形四个角所在的色彩进行搭配,如右图所示。这四种颜色较为均匀地分布在色相环中,其中一种色彩作为主要色,这种搭配能取得最好的效果。需要注意的是,对多种颜色进行搭配时,需要注意冷暖色的对比和平衡。

专家提点

不论使用哪种配色进行网店装修设计,都要注意黑色的用法。黑色是一种特殊的颜色,但如果搭配得当、运用合理,往往能产生很强烈的艺术效果。

一般初学者在进行网店装修时,往往会使用多种颜色,使网页变得色彩缤纷,令人眼花缭乱,缺乏统一感和协调感,也就失去了美感。事实上,网店装修的用色并不是越多越好,一般应控制在四种颜色以内,通过调整颜色的各种属性来产生变化,并且一定要注意把握颜色的面积、明度的安排。

如右图所示分别为某网店的套餐搭配区和商品分类栏,它们都使用了多种颜色进行搭配,营造出了活泼、跳跃的氛围。值得注意的是,画面中各种颜色的明度和纯度都是一致的,这样可以让整个画面的色彩搭配保持一定的稳定性。

1.2.4 各行业店铺装修的色调与风格解析

在进行网店装修之前,需要分析店铺的特点、品牌的理念、商品的属性等来定位装修的色调与风格。大多数情况下,店铺装修的风格与其销售的商品是息息相关的,不同行业类目的商品,在顾客心目中对应着不同的固有形象,因此,通过解读商品的风格来确定装修风格是一条捷径。在确定装修风格之后,再进行合理的配色,才能将商品的特点突显出来。接下来就对几种典型行业类目商品的风格与色调进行分析,如下图所示。 42vu63t7dyhpD9589yb5ncz5CtYqFP7VGaM4iwlM2O4/VTe/pINcBRmH8/NTgTVa

点击中间区域
呼出菜单
上一章
目录
下一章
×