发布时间:2024-09-04 17:26:24 浏览量:225次
当你拿着手机,准备打开购物APP时,你看到的不是这样:
忍不住会好奇,为什么这些电商APP大部分都是红色系?
美国数字营销公司曾做过这样一件事,它做了两个内容、排版完全一样的测试页面,唯一不同的就是引导按钮的颜色,一个是红色,一个是绿色。这用来测试不同颜色对用户点击转化率的影响,结果发现在超过2000人次的样本测试中,红色按钮的点击率比绿色按钮高出了21%,为什么会这样?
在用户的视觉感觉中,红色会更加突出,更容易让他们采取行动,像红色、橙色和黄色这样的暖色调,它们充满活力,令人振奋,让人更有购买欲望,这样的色调符合电商平台想要传递给消费者“买买买”的心里暗示,才能占据消费者心智。
红色在电商的运用相当广泛,不仅局限在电商APP的图标上,在一些大型的活动专题页,以及一些产品详情页的设计里,红色都应该算是电商设计里运用得比较广泛的一种颜色了。
很多人对红色该在什么时候用,或者该怎么用依然很缺乏了解,那么,红色什么时候在电商设计的页面中运用比较合适?
每年电商平台都会有各种大促活动,例如双11、双12、618年中大促等大型的促销活动,这些大促都会采用高饱和,偏暖的色调来营造热闹的大促气氛,红色就成为了平台大促的首选颜色。
红色代表喜庆热闹,所以红色常用在各种喜庆的节日促销页面里,比如国庆、元旦、春节、圣诞节等重大节日,基本都是以红色作为主色调。
例如周年庆、新品发布等情况,这一类的专题页也喜欢用红色来渲染促销气氛。
当红色并不是主色调时,它往往是为了配合其他颜色,来突出产品,烘托主题氛围。
红色也常用来作为辅助色或点缀色出现,以强调某个重要信息用,突出页面中需要强调的利益点,也可用作购买类指示性按钮,引导消费者进行点击购物。
品牌中产品的包装色彩为红色,或者品牌的主色调为红色的情况下,大部分页面设计也会用红色为主色调,意在通过色彩来强化产品,加深产品或品牌的调性定位。
我们通过上述的不同案例,了解了红色在电商页面设计中的常见出现方式,那么在完成页面设计以后,对页面整体的配色不满意,但又不知道如何分析配色中出现的问题,那该怎么办呢?应该寻求什么方法来完善自己的设计呢?
红色,用的好则是兼大欢喜,用得不好要么显得俗气和不干净,或者显得页面很压抑、很腻,究其原因,是因为他们的明度、饱和度、纯度没有把握好,才会出现画面太刺眼,或者太脏、太暗,让人失去了继续看下去的欲望。
一位大神曾经说过,任何颜色他都能轻松驾驭,是的,那是一个高的层面,大家都在正在努力靠近。
配色并不是数学,没有固定的方程式,没有固定的套用模式。但配色的搭配与运用也需要建立在基础的理论知识上,加上对颜色的一个总体把控与经验掌握。多轮多大学曾经在“关于人们如何使用Adobe Color CC”的研究报告上指出,大多数人更倾向于2-3中色彩的简单色彩组合。
那红色可以怎样搭配其他颜色呢?下面为大家总结了几点小技巧:
单色,是比较容易的配色方案,因为每种色彩取自相同的基色,单色的色彩能很好的结合在一起,产生和谐的效果。
在我们常用的软件里,颜色模式为:HSB、RGB、CMYK、Lab、位图、灰度、索引、双色调、多通道…
部分的颜色模式能在颜色的拾色器上直观的体现出来:
HSB模式是我常用的颜色选取模式。
H代表:色相 S代表:饱和度 B代表:明度
H共360度,一度为一个色相:
S为饱和度,可调节范围为0%-100%,数值越高饱和度越高:
B为明度,可调节范围为0%-100%,数值越高明度越高:
我们来观察一下数值变化,他们之间有何差异:
热门资讯
将为大家介绍12个绝佳的UI设计网站,这些网站不仅可以为你提供灵感,还可以帮助你学习新的技巧,助力你的创意之旅!dribbbleDribbble 是一个面向设计师的...
2. 移动端UI设计中常见的5种APP界面类型,你get到了吗?
通过介绍移动端UI设计中的闪屏页、引导页、浮层引导页、空白页和首页等5种APP界面类型,帮助大家更好地了解UI设计的基本知识
怎样可以提升你的UI设计能力!第一个:站酷站酷想必是设计师都知道的一个网站,里面不止有UI设计的资源,还有其他设计的,不如:平面设计、网页设计、字体...
在移动端设计中,列表页和表单页是不可或缺的部分。一个好的列表页和表单页设计能够让用户轻松地获取信息并产生点击欲望,从而提高点击率。本文将为你...
对于想要提高自己的设计能力和创造力的小白和UI设计师来说,这本书是一个很好的选择。4.《设计的觉醒》(IKKO TANAKA)推荐理由: 这本书是日本现代平面...
想要了解iPhone6界面设计的尺寸规范吗?这里为您详细介绍iPhone6的UI设计尺寸规范,包括界面尺寸、图标尺寸、可点击高度规范、搜索栏高度规范以及界面元素之间的距离规范。
那么,要学习UI设计就要学习哪些课程呢? 其实,UI设计课程涉及到许多领域,一般分为艺术设计课程、设计辅导课程、图形课程、测试课程、动画示范课程等几...
8. Photoshop操作教程:自制电子印章 | PS技巧详解
想要学会制作电子公章吗?跟随本教程,详细介绍Photoshop操作步骤,让您轻松掌握PS技巧,制作精美电子印章。
学习平面设计要用到哪些软件?随着社会的发展,平面设计在我们日常生活中越来越重要。想了解平面设计软件都有哪些吗?本文为您介绍Photoshop、CorelDRAW、AI和CAD这四款必备的设计软件。
10. 物联网APP UI设计:创造智能硬件领域的沉浸式体验
ui设计应该让用户一目了然,能够快速找到所需的信息和功能。在设计过程中,应尽量使用简洁的图标、文字和色彩,避免过多的视觉干扰。符合用户习惯:ui设...
1. 打开微信扫一扫,扫描左侧二维码
2. 添加老师微信,马上领取免费课程资源
同学您好!