恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
红红火火!盘点这些年,电商中的红色设计!
0.0°
2021-11-07 原创文章 经验/观点 举报 533 0 0 0


红色作为典型的暖色,是一种能让人感到热烈和兴奋的颜色。


在电商设计中,红色更易刺激消费者并使其产生购买欲,因此也是促销主题设计的常用色。


根据直观印象的不同,可以将红色分为3类:纯红色、粉红色和深红色。


这样划分主要是依据色调的深浅。虽然这3种红色同属红色系,但给人的印象和感受却有很大不同。


纯红色


说起红色,首先想到的应该就是纯红色。纯红色位于PCCS色调体系图的最右侧,是纯度很高的一类红色,如下图所示。


在色相环上,红色的两边分别是紫色和橙色,其中偏紫一些的是玫红色,而偏橙一些的是橙红色。因此,根据色相的差异又可将纯红色分为玫红色、正红色和橙红色,如下图所示。


纯红色系的色彩印象:热情、浪漫、喜庆、活力、激情、炎热、美味。


纯红色也有警告、恐怖等消极印象,但电商设计中这样的设计很少,所以就不展开介绍了(后面提到的颜色及应用也一样)。纯红色是很容易刺激人类情感的一类颜色,下面看看纯红色在不同类目及主题下的设计应用案例。


1.美食

当纯红色用于美食类目的设计中,可以极大地刺激观者的食欲,让观者隔着屏幕都能强烈地感受到食物的美味,容易勾起人们想品尝的冲动,如下面的案例所示。


截自大众点评2019年“火锅节”活动页


截自饿了么2020年“欢聚食刻”活动页

2.美妆

在美妆类目的设计中,纯红色的印象非常多元化。如下面的案例所示,纯红色既能表现大促的热烈氛围,又能传递出成熟女性的优雅,同时又能体现出产品的品质感。


截自御泥坊天猫旗舰店

2017年“99欢聚盛典”活动首页


截自韩束天猫官方旗舰店

2020年“年货节”活动首页


截自梦妆天猫官方旗舰店

2019年“双旦礼遇季”活动首页

3.服装

当纯红色出现在女装类目的设计中时,往往能展现出女性的成熟魅力。


截自伊芙丽天猫旗舰店首页


男装相关的设计有时也会用到纯红色,浓烈的纯红色让画面充满了时尚和个性。


截自mecity天猫官方旗舰店

2019年“年货节”活动首页

4.运动

纯红色用在运动类目的设计中也再合适不过,如右侧的案例所示,纯红色传递出了激情和活力,有种强烈的、积极向上的感觉,让人热血沸腾。


截自特步天猫官方旗舰店2020年

“国跑正当潮”活动页


截自wilson天猫官方旗舰店

2020年“春季火拼周”活动首页

5.节日

电商每逢节日必促销,因此电商中与各种节日相关的设计页面也是层出不穷,而在设计上以纯红色为主的节日有春节、圣诞节和情人节/七夕节等。


京东2019年“年货节”

活动海报


截自西有全球好店App活动页


粉红色

粉红色位于PCCS色调体系图的左上方区域,偏浅色调或淡色调,明度偏高、纯度偏低,是一种非常柔和的浅红色。


当纯红色变成粉红色后,气质也发生了改变,这就是色调变化所带来的影响。


根据色相及色调的略微差异,又可将粉红色分为以下几种。


粉红色系的色彩印象:轻柔、温情、甜蜜、可爱、幸福、少女、儿童。


1.美食

与粉红色用在与美食相关的设计中能传达出食物香甜的口感。如右侧的案例所示,透过画面中的粉红色,仿佛能感受到食物散发出的甜美味道。

截自饿了么专题页

汉堡王2020年“3·8女王节”活动海报


2.美妆

而粉红色用在美妆相关的设计中,主要表现的就是少女风。无论是什么产品的设计,画面中有了粉红色,都能让人感受到轻柔、可爱。

截自阿芙唯品会旗舰店活动页

截自rohto乐敦天猫海外旗舰店

2019年“双十一”活动首页

截自水密码天猫旗舰店2020年

“双旦礼遇季”活动首页


3.服装

在服装类目相关的设计中,粉红色一般只用在女装有关的设计页面中。与美妆的设计一样,服装相关的粉红色设计页面也会给人一种元气满满的可爱少女感,如下面的案例所示。

蘑菇街2017年“321焕新节”活动海报


4.儿童

不只是粉红色,其实大部分浅色调或淡色调的颜色都适合表现儿童的纯真与可爱,而粉红色更能展现出儿童甜美的一面,常用在与女童有关的产品宣传设计中。

截自红色小象天猫旗舰店

2017年“双十一”活动预售页


深红色

深红色位于PCCS色调体系图的右下方区域,属于深色调或暗色调,明度和纯度都偏低,如图所示。深红色是电商设计中很常用的一种深色调颜色。

根据色相及色调的略微差异,可将深红色细分为以下几种。

深红色系的色彩印象:品质、奢华、成熟、神秘、力量。


1.美食

深色调给人一种高级感,深色调的深红色同样如此。例如,下方左图用深红色来体现产品的品质感,而下方右图则用深红色表现出了神秘感和浓浓的辣味。

截自淘乡甜天猫旗舰店活动专题页


2.美妆

深红色常用来表现女性成熟的一面,如下面的案例所示,画面中虽然没有人物,但透过深红色也能让人联想到成熟女性的优雅感。


另外,若大促相关的设计采用深红色,在营造出热闹的氛围之余还会呈现出一种高级感。


截自韩束天猫官方旗舰店

产品详情页


3.服装

与美妆的页面设计一样,将深红色用在女装相关的设计页面上,也能表现出成熟、魅惑和优雅的感觉,如下面的案例所示。

截自诗篇天猫官方旗舰店2019年“双十一”活动首页


4.运动

将深红色用于运动主题相关的设计时,则会让人感受到一股充沛的力量感。

截自李宁天猫官方网店2017年活动首页

截自iovate天猫海外旗舰店

2019年“双旦囤货节”活动首页


5.家电数码

如下面的案例所示,深红色能体现出产品的品质感和高级感,虽然产品都是针对所有人群的,但画面中的深红色却让产品透出一些女性的优雅气质。

截自西屋天猫张罗专卖店厨师机详情页


看完这些案例有没有发现,同样的主题,但不同色调给人的感受却完全不同。纯红色的有活力,粉红色的轻柔,深红色的有力量,3种色调呈现出3种风格,每种色调都从不同的视角诠释着主题。


因此,在设计前一定要明确Banner所想要表达的概念和风格,这样才能使设计价值最大化。

Powered by Froala Editor

更新:2021-11-07

收藏

0人已收藏

数艺设

人民邮电出版社数字艺术分社

  • 491

    作品

  • 1108

    粉丝

  • 0

    关注

  • 分享一个普通插画师,很难Hold住的画法!
  • 为什么现在学Photoshop,也不算晚?
  • 乌江榨菜国风新包装!设计师画了40多稿
  • 你感受过五彩斑斓的孤独吗?这些高饱和度插画里隐藏着生活的力量
相关标签

    猜你喜欢

      2021-11-07 原创文章 经验/观点 举报 533 0 0 0

      红红火火!盘点这些年,电商中的红色设计!

      0.0°

      你确定要举报红红火火!盘点这些年,电商中的红色设计!

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2021年11月07日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      0
      0
      0

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录