积分充值购买VIP帮助中心

飞特网

飞特网通栏广告招租

教你快速掌握电商配色的五个实用套路

凹凸发布于:2017-4-13 |原作者: TTTing
简介: 写在前面不知道大家有没有发现一个规律和现象,就是国内无论是综合电商平台还是垂直型的电商平台亦或是导购平台的品牌色一般都是红色系或暖色系的,而红色占了大边天,其次是偏女性化的玫红色/粉色,再或则是橙色黄色等,我挑选了一些电商平台的品牌logo给大家看下:同时,在一 ...

写在前面

不知道大家有没有发现一个规律和现象,就是国内无论是综合电商平台还是垂直型的电商平台亦或是导购平台的品牌色一般都是红色系或暖色系的,而红色占了大边天,其次是偏女性化的玫红色/粉色,再或则是橙色黄色等,我挑选了一些电商平台的品牌logo给大家看下:

722158ed9ca4a8012049efa2c85b.jpg

FEVTE编注:更多平面设计理论学习请访问飞特网平面设计理论知识栏目,地址:http://www.fevte.com/plan/shejililun/

同时,在一些大型的活动专题页设计里,红色也应该算是电商设计里运用的最为广泛的一种颜色了,但其实很多人对红色该在什么时候用,或者该怎么用依然很缺乏了解,红色用的好则是兼大欢喜,用得不好要么会显得俗气和不干净,或者会显得页面很压抑很腻。

再一个红色寓意红红火火嘛,我自己本身也最爱红色,所以呢,今天我干脆来讲一下红色在电商页面设计中的运用好了噢!~

我先给大家列一个提纲:

1红色的释义。

2红色在电商设计里的运用。

3与红色有关的常用色彩搭配有哪些?

4、当红色运用在不同的质感纹理或形状环境时会怎么样?

5、红色的使用禁忌或注意事项有哪些?

接下来我们一条条来说吧,let's go!!!~

1红色的释义。

从性格色彩的层面来说,红色代表热情/热闹/刺激/欲望/奔放/喜庆/血腥暴力;

从颜色的层面来说,根据色相/明度/饱和度的不同红色也分很多种红啊,比如大红/深红/品红/粉红/枣红/朱红/橙红/紫红等等;

从作用的层面来说,红色代表危险警示/突出强调/错误提醒/性刺激/公布喜讯等等;

2红色在电商设计里的运用。

正是因为红色有以上的感官刺激作用,所以它常运用于一些要体现喜庆/热闹/激发别人欲望/或者要体现恐怖情绪的电商或海报设计里。同时红色也常用来作为点缀色出现,以强调某个重要信息。

喜庆节日:

红色代表喜庆热闹,所以常用在中国的各种喜庆的节日促销电商页面里,比如国庆/元旦/春节等重大节日,基本都是以红色作为大背景主色。

比较大型或隆重喜庆的活动往往都会选择大面的红色:

3b5858ed9cc3a8012049ef8a5128.jpg

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

f1b058ed9ce6a8012049efd42339.jpg

国外的喜庆节日:圣诞节

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

64ef58ed9cfda8012049ef313876.jpg

公布喜讯:

一些专门用来发布喜庆消息的专题页也最爱用红色,比如热烈庆祝谁上市了/谁获奖了/谁结婚了/谁喜得贵子了等等。。。(怕辣着大家的眼睛了,所以下面这张截图你们看看就好。。。不要太过沉迷于它。。)

534058ed9d13a8012049ef21df27.jpg

不过其实结婚之类喜讯也有很多人用浪漫紫色或萝莉粉色,获奖之类的专题页,如果想要时尚震撼一点的话,很多人会用黑金的色彩搭配:

cda858ed9e8da8012049efe3563b.jpg

卖场促销:

商场做促销活动/电商平台或店铺做大促的时候,比如双十一/双12/815/618等。

65c058edb0cba8012049ef42b970.jpg

体现时尚个性:

3a0d58edb0e0a8012049efc260da.jpg


25 好评

1 差评

刚表态过的朋友 (26 人)

好评排行

发表评论

最新评论(4)

1楼 回 复
新芽晏语发布于:2017-6-29 16:14
谢谢分享
2楼 回 复
小辣椒zyf发布于:2017-6-9 11:55
谢谢分享
3楼 回 复
same711发布于:2017-6-1 14:52
好好


4楼 回 复
椿恢染紫色发布于:2017-5-17 17:50

查看全部评论(4)

我来说两句:
B Color Image Link Quote Code Smilies |上传
您需要登录后才可以评论和提交作业 登录 | 立即注册

上传作业


关于飞特|广告服务|付款方式|友情链接|网站地图|联系我们|Archiver|飞特网旧版| 飞特网