配色引用百科的话来说是将颜色摆在适当的位置,做最好的安排。通过人的印象或者联想来产生习理上的影响,而配色的作用是通过改变空间的舒适程度和环境气氛来满足消费者的要求。配色有两种方式,一是通过色彩的色相、明度、的对比来控制视觉刺激;另一种是通过心理层面感观传达,间接性地改变颜色,从而达到配色的效果。本文讲如何给淘宝店铺装修怎样找到好的配色方案。
文库分享网(www.Wkfxw.com),全免费下载
百度一下配色,可以找到很多经典的配色方案和图片,我们可以在既定的图片中选择,也可以选择在线配色的网站,配置自己需要的颜色。
进入在线配色网站,如图这个网站可以选择配置互补色,三色,四色还有更多其他类型。一般网店设计三色是最好的,或者直接用互补色,多次尝试选择适合自己店铺风格的颜色搭配。左侧圆盘可以选择主色调的RGB色度。选择之后右侧会出现想要的配色方案。
右下角高明度网页演示和低明度网页演示,可以预览一下这个配色在网页的显示效果。
点击低明度网页演示,效果如图所示。
找到满意的配色后点击右下角色彩列表可以查看到左侧所有颜色的代码,直接把鼠标放在左上角的色块上也会显示颜色的代码。
来看一些常见的网店色系搭配范例,如下图。图中一共有的主色调只有两个,一个可以说是棕色,一个是黑色,然后棕色又可以细分出来。
再看下图中两张范例也是差不多的色系搭配方法,图一主要是红色和黑色、白色,图二主要是西瓜红和黑色、白色。
找到配色之后怎么用呢?使用美图秀秀是搞不定的,必须要用到ps软件,打开ps,把找到的色系图片截图,在ps里面打开,鼠标左键点击前景色或者后景色。
点击图片中的任意一个颜色,拾色器就会自动显示这个颜色的具体信息,我们要使用的话只需要复制颜色的编码即可。这个颜色编码为#006958,(前面在网站里面有显示编码的可以i直接复制编码不需要在ps再找编码)如果我们在其他店铺看到好的配色也可以通过截图,在ps打开,再使用拾色器得到颜色的编码。
使用之前找到的配色方案设计一个简单的店招,如下图小编使用前面打开的配色简单设计了一个小店招。(店铺名称随便打的,非广告信息)
为了方便这里将前面图片中的四个颜色从左到右编号为1、2、3、4,如下图一所示,背景使用了颜色2黄色,店铺的名称使用了颜色4深绿色,店铺名称的字体加了一个描边效果让字体看起来更立体。店铺名称中间的英文字母使用的依旧是4深绿色,小编适当调整了透明度,透明度调整为70%,目的为了突出店铺名称,弱化英文字母的视觉效果。字母下面使用的是颜色3红色。左侧的三个正方形框使用的是颜色1浅绿色,适当加了一个像素且透明度10%的描边效果,里面的颜色字体和背景颜色一样。
注意店铺名称的描边效果的描边颜色使用的是颜色1浅绿色,不透明度15%,混合模式变亮,像素为1px。
如果自己不会设计店招,可以选择搜索其他淘宝店铺的店招,看到满意的之后模仿它的店招风格设计出属于自己的店招。
店招背景色和字体颜色还可以适当使用渐变的风格做,还有不一样的风韵,重在尝试。
目前网上有很多在线制作店招的网站,可以直接制作属于自己的店招,方法简单操作方便,不过灵活性不大。
店招的配色不仅可以适用于店招,还适用整个店铺的装修风格,比如导航栏,比如店铺活动海报以及首页轮播海报图的装修,有些甚至会将店招和轮播图的背景融为一体,形成更大气恢弘的感觉,此外宝贝主图也能一定程度上和店招风格相搭配。
店招配色切忌多色堆砌,当然如果你有非常强的颜色驾驭能力那是例外,作为大部分卖家,做简单的店招,颜色最好控制在三到四个,记住多尔不益。
乐于分享个人经验,长期更新哦!
原创版权所有,网站抄袭者请自重。