众所周知不同的颜色会给人不同的视觉感受,所以我们在对店铺装修设计的时候也一定要注意颜色搭配的问题,那么怎么配色呢?是完全跟着感觉走还是随意搭配呢?我认为做网店装修设计是不能完全跟着感觉走的,配色是有一定的技巧和规则的,只要掌握了一定的规则,大家就可以把自己店铺的色彩做到让客户看着舒服又能突出想要表达的东西。在这里,我想跟大家来分享一下关于网店装修色彩搭配的方面的知识,希望能够帮到大家。
一、用一种彩色
我们在装修店铺的时候要确定一个主色调,这个我们可以从不同色系中来选择一种适合店铺产品或者行业的色彩,这里给大家介绍一些色系所传递的视觉信息,以便大家在装修店铺可以快捷选择一种主色调
绿色系
绿色本身具有一定的与健康相关的感觉,所以也经常用于食品及健康相关的网店。绿色还经常用于些公司的公关站点或教育站点。当搭配使用绿色和白色时,可以得到自然的感觉。当搭配使用绿色和红色时,可以得到鲜明且丰富的感觉。同时绿色可以适当缓解眼部疲劳,适度的在店铺设计中合理的使用绿色素材,有助于给人清馨、舒适的感觉,为耐看色之一。
灰色系
灰色在多数情况下,有保守意味,它代表实用、安全和可靠性。在现实中大多数不一定喜欢这个颜色,它古板缺乏活力。但是在网店设计中,很多店铺、很多品牌希望传达给顾客一种沉稳、大方以此迎合他们的目标消费人群,那么灰色则是无法替代的选择。
紫色系
神秘的紫色通常用于以女性为对象或以艺术作品为主的网店,较暗色调的紫色可以表现出成熟的感觉,但女性用品网店中使用的通常都是清澈的紫色。不同色调的紫色可以营造非常浓郁的女性化气息。而且在白色的背景色和灰色的突出颜色的衬托下,紫色可以显示出更大的魅力。紫色通常代表神秘和尊贵高尚。正因为紫色的这种特点,从古至今紫色在很多领域发挥着不可或缺的作用。
橙色系
橙色通常会给人一种朝气活泼的感觉,它通常可以使原本抑郁心情霍然开朗。橙色象征着爱情和幸福。充满活力的橙色会给人健康的感觉,且有人说橙色可以提高厌食症患者的食欲。所以橙色常用于食品类,卡通玩偶类产品。作为一种突出色调时,它可能刺激你的顾客情感,因此最好节约地使用,把它放在外表突出工作位置就行了。并且一定记住要谨慎地使用橙色和蓝色搭配。
红色系
红色是最热烈的颜色,象征着热烈和喜庆。具有刺激的效果,热与火,速度与热情,慷慨与激动,竞争与进攻都可用红色体现。它也许是刺激的不安宁的颜色。但与褐色、蓝色浅紫色一起使用,就不太妙了。红色所表达的气质象橙色、褐色、黄色一样,你会很容易表达出你的情感。
黄色系
阳光是黄色的(至少在我们内心是这样认为),因此黄色表达乐观、快乐、理想主义和充满想象力,如果你下决心使用黄色,把它作为背景能形成明暗差别的效果,是不错的选择。
白色系
从心理学上得知,白色有清洁、纯洁、朴素、直率和清白的意味,在设计中的白色作为背景是最通用的,因为它最容易识别,作为一种“无色”背景,我们可以任意使用颜色。
根据上面色系我们选出一种颜色作为主色调,然后调整透明度或者饱和度,说得通俗些就是将色彩加深或减淡,产生亲的色彩,用于网页,这样的页面看起来色彩统一,有层次感。如下图所示我们选择了红色作为主色调,在页面中配出深浅不一的红色,这种配色方法在所有的设计中都会用到,在家也可以分析任何一家由专业设计师装修的店铺,都会遵循这种配色规则
二、选第二种色彩
第二种色彩,也是我们接下来要找的基于第一个主色调的对比色。 什么是对比色?举个例子,我们在黑板上写黑色的字,你就看不到了,但是写白色的字,你就可以看到,黑色和白色就是对比色。我们在给客户装修店铺的时候经常看到一些商友会在蓝色底上写黑色的,或在黄色底上写白色的字,一看就知道不专业的,这些都不是对比色,离屏幕远了根本看不清楚。这里我要推荐大家使用Photoshop中的一个配色插件来找对比色,这样能够更加准确的找到对比色。
这个是Adobe公司推出的一款选色器插件Kuler,可以在PS->窗口->扩展工具找到(PS绿色版一般会精减了这个功能,所以请安装ps的原版),我们可以利用这个工具找到对比色,而且kuler是一个全球性质的关于色彩和灵感的社区,很多国际范儿的website配色你都可以在这里找到整体解决方案,支持搜索。
这个示例展示的就是运用对比来装修店铺,突出了优惠券,整体个店铺层次感也显得很强。
三、同一个色系
简单地说就是用同一种感觉的色彩,例如,淡蓝色、淡黄色、淡绿色;或者土黄色、土灰色、土蓝色。在实际应用中,同一色系的配色要领就是,只要保证亮度不变,色相可以任意调节,这样就可以调出同一种感觉的色彩了。
最后讲一些配色中的禁忌
(1)不要将所有颜色都用到,尽量控制在三种色彩以内。
(2)背景和前方的对比要尽量大,绝对不要花纹繁复的图案作背景,以便突出主要文字内容。
希望大家能够把店铺的色彩都做到让人感觉舒服,不刺眼,吸引更多的眼球,让客户停留的更久,增加点击率,从而提升转化率。