Canva可画首页
  1. 设计头条

如何设计电商详情页的色彩?这3个方法值得学习!

如何设计电商详情页的色彩?这3个方法值得学习!

在商品详情页的设计过程中,色彩设计非常重要。据研究,人们在观察物体时,最初20秒内,色彩感觉占80%。在某种程度上来说,色彩控制的好坏将直接影响消费者在详情页的停留时间。那么,这篇文章为大家介绍一下电商商品详情页的色彩设计,我们总结了3种常用的色彩设计方法,一起来看看吧~

01 黑白灰主色调+一种高饱和度辅助色彩

黑白灰这种基础的色彩可以很好地传达高级感和现代感,但是大面积使用无彩色也会让人感到非常枯燥,单调。高饱和度、高明度的色彩有着很强的视觉冲击力,但是大面积使用会导致画面非常鲜艳、刺眼,庸俗而缺乏品质感,还容易让人产生视觉疲劳。

色彩作为视觉的第一感知元素,色彩的饱和度和明度影响色彩呈现给人的感受,比较通用的方法是,使用黑白灰这种无彩色作为主色调,然后再使用一个高饱和度的亮色作为辅助色,例如白+黄、黑+红,这样既能保持了整体色彩的简约,又可以起到吸引消费者注意力的作用。

如何设计电商详情页的色彩?这3个方法值得学习!
如何设计电商详情页的色彩?这3个方法值得学习!

02 以产品主色调作为画面的主色调

同色系一直被认为是一种非常高级的色彩组合,使用同色系不同色调的配色可以让画面表现出丰富的层次感,营造高级、品质的氛围。在设计电商详情页时,我们同样可以应用这种单色美学。

如何设计电商详情页的色彩?这3个方法值得学习!
如何设计电商详情页的色彩?这3个方法值得学习!

例如,下图的巧克力电商详情页设计模板(在新标签页或窗口中打开),巧克力是情人节常见的节日礼物,往往搭配花卉、爱心、蝴蝶结等元素。但是我们可以跳出固定思维,按照巧克力本身的色彩属性来进行色彩设计。

如何设计电商详情页的色彩?这3个方法值得学习!

巧克力照片的颜色以黑色、咖色、棕色为主,画面整体给人的氛围是非常安静的。因此我们可以选择黑色为主色调,在辅助色的选择上,采用与产品同色系的深咖色和棕色,通过同色系的明暗对比来制造画面的色彩节奏感。

03 根据消费心理来选择色彩

色彩对视觉有刺激作用,这就决定了消费者在阅读电商详情页时的视觉感受,进而影响对商品的认知。因此,在制作电商详情页时,我们还需要考虑不同的消费群体对色彩的偏好。

例如,设计护肤行业的电商详情页,可以通过色彩设计来带给消费者在情感方面的舒适观感和信任。护肤领域的设计常用蓝色、绿色这些冷色调色彩,通过自然、环保、干净等色彩联想,对产品留下安全、有效、清新不刺激等认知。

如何设计电商详情页的色彩?这3个方法值得学习!

下图是修复皮肤产品的电商详情页设计模板,色彩以灰白调为主,并使用少量绿色作为点缀色,颇具生活气息和自然味道。背景采用淡淡的大理石花纹,整体给人的感觉是非常简约的,而且纯净、安全。

如何设计电商详情页的色彩?这3个方法值得学习!

以上就是对电商详情页色彩设计的介绍,文中模板配图均来自Canva可画素材(在新标签页或窗口中打开)库。除此之外,Canva可画还提供了手机海报(在新标签页或窗口中打开)、LOGO、微信公众号封面、易拉宝(在新标签页或窗口中打开)、微博长图(在新标签页或窗口中打开)等类型的模板,支持直接在模板上修改色彩、文字、图片等,操作简单易上手。只要你的设计素材全部来自可画素材库,在此平台发布的设计可以用于商业用途。还等什么,赶快点击下方注册按钮开启设计之旅吧~

推荐阅读

查看全部

设计学院

10万+免费模板 千万版权素材 在线作图神器

把你的想法轻松变为现实