企业形象网站建设解决方案   |   集团公司网站建设解决方案   |    协会门户网站建设解决方案
您所在位置:首页 > 建站知识

网站设计

Website development

4招带你玩转电商常用的色彩搭配!

发布时间:2017-04-12 11:09:03

TAGS:网站设计

电商网站的色彩搭配.jpg0ge北京网站设计开发,小程序开发,公众号,微信开发-云智互联

电商设计中如何运用好红色?与红色有关的常用色彩搭配有哪些?当红色运用在不同的质感纹理或形状环境时会怎么样?红色的使用禁忌或注意事项有哪些?今天让做设计的教你轻松玩转!0ge北京网站设计开发,小程序开发,公众号,微信开发-云智互联


0ge北京网站设计开发,小程序开发,公众号,微信开发-云智互联

不知道大家有没有发现一个规律和现象,就是国内无论是综合电商平台还是垂直型的电商平台亦或是导购平台的品牌色一般都是红色系或暖色系的,而红色占了大边天,其次是偏女性化的玫红色/粉色,再或则是橙色黄色等,我挑选了一些电商平台的品牌logo给大家看下:0ge北京网站设计开发,小程序开发,公众号,微信开发-云智互联

0ge北京网站设计开发,小程序开发,公众号,微信开发-云智互联


0ge北京网站设计开发,小程序开发,公众号,微信开发-云智互联

同时,在一些大型的活动专题页设计里,红色也应该算是电商设计里运用的为广泛的一种颜色了,但其实很多人对红色该在什么时候用,或者该怎么用依然很缺乏了解,红色用的好则是兼大欢喜,用得不好要么会显得俗气和不干净,或者会显得页面很压抑很腻。0ge北京网站设计开发,小程序开发,公众号,微信开发-云智互联


0ge北京网站设计开发,小程序开发,公众号,微信开发-云智互联

再一个红色寓意红红火火嘛,我自己本身也爱红色,所以呢,今天我干脆来讲一下红色在电商页面设计中的运用好了噢!~0ge北京网站设计开发,小程序开发,公众号,微信开发-云智互联


0ge北京网站设计开发,小程序开发,公众号,微信开发-云智互联

我先给大家列一个提纲:0ge北京网站设计开发,小程序开发,公众号,微信开发-云智互联

1、红色的释义。
0ge北京网站设计开发,小程序开发,公众号,微信开发-云智互联

2、红色在电商设计里的运用。
0ge北京网站设计开发,小程序开发,公众号,微信开发-云智互联

3、与红色有关的常用色彩搭配有哪些?
0ge北京网站设计开发,小程序开发,公众号,微信开发-云智互联

4、当红色运用在不同的质感纹理或形状环境时会怎么样?
0ge北京网站设计开发,小程序开发,公众号,微信开发-云智互联

接下来我们一条条来说吧,let’s go!!!~
0ge北京网站设计开发,小程序开发,公众号,微信开发-云智互联


0ge北京网站设计开发,小程序开发,公众号,微信开发-云智互联

1. 红色的释义0ge北京网站设计开发,小程序开发,公众号,微信开发-云智互联


0ge北京网站设计开发,小程序开发,公众号,微信开发-云智互联

从性格色彩的层面来说,红色代表热情/热闹/刺激/欲望/奔放/喜庆/血腥暴力;0ge北京网站设计开发,小程序开发,公众号,微信开发-云智互联


0ge北京网站设计开发,小程序开发,公众号,微信开发-云智互联

从颜色的层面来说,根据色相/明度/饱和度的不同红色也分很多种红啊,比如大红/深红/品红/粉红/枣红/朱红/橙红/紫红等等;0ge北京网站设计开发,小程序开发,公众号,微信开发-云智互联


0ge北京网站设计开发,小程序开发,公众号,微信开发-云智互联

从作用的层面来说,红色代表危险警示/突出强调/错误提醒/性刺激/公布喜讯等等;0ge北京网站设计开发,小程序开发,公众号,微信开发-云智互联


0ge北京网站设计开发,小程序开发,公众号,微信开发-云智互联

2. 红色在电商设计里的运用0ge北京网站设计开发,小程序开发,公众号,微信开发-云智互联


0ge北京网站设计开发,小程序开发,公众号,微信开发-云智互联

正是因为红色有以上的感官刺激作用,所以它常运用于一些要体现喜庆/热闹/激发别人欲望/或者要体现恐怖情绪的电商或海报设计里。同时红色也常用来作为点缀色出现,以强调某个重要信息。0ge北京网站设计开发,小程序开发,公众号,微信开发-云智互联


0ge北京网站设计开发,小程序开发,公众号,微信开发-云智互联

喜庆节日:0ge北京网站设计开发,小程序开发,公众号,微信开发-云智互联


0ge北京网站设计开发,小程序开发,公众号,微信开发-云智互联

红色代表喜庆热闹,所以常用在中国的各种喜庆的节日促销电商页面里,比如国庆/元旦/春节等重大节日,基本都是以红色作为大背景主色。0ge北京网站设计开发,小程序开发,公众号,微信开发-云智互联


0ge北京网站设计开发,小程序开发,公众号,微信开发-云智互联

比较大型或隆重喜庆的活动往往都会选择大面的红色:0ge北京网站设计开发,小程序开发,公众号,微信开发-云智互联

0ge北京网站设计开发,小程序开发,公众号,微信开发-云智互联


0ge北京网站设计开发,小程序开发,公众号,微信开发-云智互联

但是也有比较克制的性冷淡的。。。即使是周年庆也只用一点点红色意思一下。。比如网易严选这次的1周年庆活动页设计,不过这跟网站自身的品牌调性有关啦(就像一个人的性格一样,她本身只愿做个安安静静的美女子,又怎么会留恋尘世间的喧嚣呢?):0ge北京网站设计开发,小程序开发,公众号,微信开发-云智互联

0ge北京网站设计开发,小程序开发,公众号,微信开发-云智互联


0ge北京网站设计开发,小程序开发,公众号,微信开发-云智互联

国外的喜庆节日:圣诞节0ge北京网站设计开发,小程序开发,公众号,微信开发-云智互联


0ge北京网站设计开发,小程序开发,公众号,微信开发-云智互联

圣诞节当然也是少不了红色,而且还是红配绿(不过每年都是看红配绿也会视觉疲劳,所以很多设计师会通过加入一些其他颜色,或改变一下它们的明度/饱和度/纯度,或采用不同的质感纹理和表现手法给用户多一些新鲜感,比如手绘/合成/手工/三维建模之类的表现形式)0ge北京网站设计开发,小程序开发,公众号,微信开发-云智互联

0ge北京网站设计开发,小程序开发,公众号,微信开发-云智互联


0ge北京网站设计开发,小程序开发,公众号,微信开发-云智互联

公布喜讯:0ge北京网站设计开发,小程序开发,公众号,微信开发-云智互联


0ge北京网站设计开发,小程序开发,公众号,微信开发-云智互联

一些专门用来发布喜庆消息的专题页也爱用红色,比如热烈庆祝谁上市了/谁获奖了/谁结婚了/谁喜得贵子了等等。。。(怕辣着大家的眼睛了,所以下面这张截图你们看看就好。。。不要太过沉迷于它。。)0ge北京网站设计开发,小程序开发,公众号,微信开发-云智互联

0ge北京网站设计开发,小程序开发,公众号,微信开发-云智互联


0ge北京网站设计开发,小程序开发,公众号,微信开发-云智互联

不过其实结婚之类喜讯也有很多人用浪漫紫色或萝莉粉色,获奖之类的专题页,如果想要时尚震撼一点的话,很多人会用黑金的色彩搭配:0ge北京网站设计开发,小程序开发,公众号,微信开发-云智互联

0ge北京网站设计开发,小程序开发,公众号,微信开发-云智互联


0ge北京网站设计开发,小程序开发,公众号,微信开发-云智互联

卖场促销:0ge北京网站设计开发,小程序开发,公众号,微信开发-云智互联


0ge北京网站设计开发,小程序开发,公众号,微信开发-云智互联

商场做促销活动/电商平台或店铺做大促的时候,比如双十一/双12/815/618等。0ge北京网站设计开发,小程序开发,公众号,微信开发-云智互联

0ge北京网站设计开发,小程序开发,公众号,微信开发-云智互联


0ge北京网站设计开发,小程序开发,公众号,微信开发-云智互联

体现时尚个性:0ge北京网站设计开发,小程序开发,公众号,微信开发-云智互联

0ge北京网站设计开发,小程序开发,公众号,微信开发-云智互联


0ge北京网站设计开发,小程序开发,公众号,微信开发-云智互联

突出强调某个重要信息:0ge北京网站设计开发,小程序开发,公众号,微信开发-云智互联


0ge北京网站设计开发,小程序开发,公众号,微信开发-云智互联

红色常用来作为辅助色或点缀色,用来突出强调某个重要信息的,比如突出强调利益点/购买按钮等信息:0ge北京网站设计开发,小程序开发,公众号,微信开发-云智互联

0ge北京网站设计开发,小程序开发,公众号,微信开发-云智互联

0ge北京网站设计开发,小程序开发,公众号,微信开发-云智互联


0ge北京网站设计开发,小程序开发,公众号,微信开发-云智互联

如果产品本身就是红色时:0ge北京网站设计开发,小程序开发,公众号,微信开发-云智互联

0ge北京网站设计开发,小程序开发,公众号,微信开发-云智互联

0ge北京网站设计开发,小程序开发,公众号,微信开发-云智互联

其实任何类目任何产品都有红色系列,比如/家电数码/服饰鞋包/美妆护肤等,如果干脆将背景也弄成红色与产品融为一体,会带来非常强的视觉效果,而且不会觉得腻:0ge北京网站设计开发,小程序开发,公众号,微信开发-云智互联


0ge北京网站设计开发,小程序开发,公众号,微信开发-云智互联

3. 与红色有关的常用色彩搭配有哪些?
0ge北京网站设计开发,小程序开发,公众号,微信开发-云智互联

0ge北京网站设计开发,小程序开发,公众号,微信开发-云智互联

红色是很热烈的颜色,是暖色,也是一种百搭色,但并不是每个人都玩得好它,可它偏偏又是电商设计里用的为频繁的一种颜色,那么今天我就给大家例举一些常用的优秀的红色与其它颜色的搭配好了:0ge北京网站设计开发,小程序开发,公众号,微信开发-云智互联

左边是大面积的红色搭配少许相近色或邻近色显得很高档耐看;右边是大面积的粉嫩色系搭配少于红色和蓝紫色,冷暖搭配,俏皮又耐看。0ge北京网站设计开发,小程序开发,公众号,微信开发-云智互联

当红色与这种偏灰的渐变色搭配时,画面立马变得柔和清新脱俗起来。0ge北京网站设计开发,小程序开发,公众号,微信开发-云智互联

0ge北京网站设计开发,小程序开发,公众号,微信开发-云智互联


0ge北京网站设计开发,小程序开发,公众号,微信开发-云智互联

也只有五彩斑斓的颜色才能压得住红色了。0ge北京网站设计开发,小程序开发,公众号,微信开发-云智互联

0ge北京网站设计开发,小程序开发,公众号,微信开发-云智互联


0ge北京网站设计开发,小程序开发,公众号,微信开发-云智互联

红色与蓝白黑灰永远都是经典搭配,既可以制造一种复古的感觉,也能给人一种冷静与激情的相碰撞感觉。0ge北京网站设计开发,小程序开发,公众号,微信开发-云智互联

0ge北京网站设计开发,小程序开发,公众号,微信开发-云智互联


0ge北京网站设计开发,小程序开发,公众号,微信开发-云智互联

红色与青色或与绿色搭配,再加上一些俏皮的构图或点缀,会显得画面非常干净清爽。0ge北京网站设计开发,小程序开发,公众号,微信开发-云智互联

0ge北京网站设计开发,小程序开发,公众号,微信开发-云智互联


0ge北京网站设计开发,小程序开发,公众号,微信开发-云智互联

红白黑搭配,时尚又经典,不过要注意红色的比例。0ge北京网站设计开发,小程序开发,公众号,微信开发-云智互联

0ge北京网站设计开发,小程序开发,公众号,微信开发-云智互联

红绿配米黄色,圣诞节常用配色,不过也会显得有一点点年代感或复古的感觉,绝对不是现代时尚类型的配色。0ge北京网站设计开发,小程序开发,公众号,微信开发-云智互联

0ge北京网站设计开发,小程序开发,公众号,微信开发-云智互联


0ge北京网站设计开发,小程序开发,公众号,微信开发-云智互联

在大面积的浅灰色里,只需要点缀少许红色,就可以制造出一种静谧又不显单调的感觉了。0ge北京网站设计开发,小程序开发,公众号,微信开发-云智互联

0ge北京网站设计开发,小程序开发,公众号,微信开发-云智互联


0ge北京网站设计开发,小程序开发,公众号,微信开发-云智互联

在一些比较俏皮的手绘画面里,红色既可以作为大面积背景色来包容五彩斑斓的多彩色,如左边所示;也可以以非常小面积的点缀色出现,用来突出强调某个重要信息,比如价格啊/利益点啊/特殊说明文字啊之类的。0ge北京网站设计开发,小程序开发,公众号,微信开发-云智互联

0ge北京网站设计开发,小程序开发,公众号,微信开发-云智互联


0ge北京网站设计开发,小程序开发,公众号,微信开发-云智互联

无论你的背景是简单还是复杂,当红色块面积足够大时,它依然会成为焦点。0ge北京网站设计开发,小程序开发,公众号,微信开发-云智互联

0ge北京网站设计开发,小程序开发,公众号,微信开发-云智互联


0ge北京网站设计开发,小程序开发,公众号,微信开发-云智互联

大红色及深色的结合搭配荧光色会有一种非常诡异个性的感觉。0ge北京网站设计开发,小程序开发,公众号,微信开发-云智互联

0ge北京网站设计开发,小程序开发,公众号,微信开发-云智互联


0ge北京网站设计开发,小程序开发,公众号,微信开发-云智互联

番茄炒鸡蛋的红黄搭配容易给人一种复古温暖的感觉,但为了画面不至于太腻歪,好是搭配一点冷色或暗色比较好。0ge北京网站设计开发,小程序开发,公众号,微信开发-云智互联

0ge北京网站设计开发,小程序开发,公众号,微信开发-云智互联


0ge北京网站设计开发,小程序开发,公众号,微信开发-云智互联

当红色运用在一些形状的规则排列上时是很容易制造出简介时尚感哒!~0ge北京网站设计开发,小程序开发,公众号,微信开发-云智互联

0ge北京网站设计开发,小程序开发,公众号,微信开发-云智互联

原创不易,未经授权,严禁转载

原文地址:https://www.yzlink.cn/i,72,7218,0.html

客户评价

更多+
  • 感谢云智互联,系统提前完成,在整个项目周期内,云智互联对待我们并不像是对待客户,更像是朋友一样,每一次,都能以专业的角度向我们提出更合理、更有效的解决方案,并快速、细致地完成我们的每一个需求,再次感谢以至诚之心做事的云智互联团队。

    潘涛

  • 我是东方龙马集团,在云智家做了2个企业官网,服务态度超级好。如果想做网站,选择他家一定不后悔。性价比高,服务态度好。值得你的信赖!

    谭娇

  • 技术好,设计精良,操作便利,很专业!配套的服务和后续的服务都很好,网站封面堪称精品,运行方便,后台操作的简单。技术还会耐心教我,很好的云智互联(北京)科技有限公司,建站很不错的。

    陈曦

  • 不错,价格比较合适,重点是响应速度蛮快,有什么问题都会马上给你解决,公司很满意,因为他们都是针对每个项目建了相应的讨论组,有问题可以再里面提出,人员分工到位,解决问题很及时。

    张经理

联系方式

工作时间:09:30-18:30
咨询电话:010-64758810
客服邮箱:net@cnlink.cc

合作伙伴

All Rights Reserved.©2010-2016 YZLINK.CN 京公网安备 110105019435 京ICP备14020656号
本网站设计已受版权保护,任何公司及个人不得复制,违者将依法追究责任,特此声明。法律顾问:北京市辉瑞律师事务所。

嘿,我们微信沟通!

复制手机号