当前位置: 首页 >配色方案 >详情页配色方案设计分析,做电商你必须要懂的技巧

详情页配色方案设计分析,做电商你必须要懂的技巧

2022-07-15 09:12:37 配色方案
945 0

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


01

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


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

详情页的配色设计


详情页色调


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

详情页的配色设计


详情页配色方案怎么写


02

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


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

详情页色调


详情页配色方案怎么做


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

详情页配色方案设计


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


03

根据消费心理来选择色彩


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


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

网页配色方案


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

详情页配色方案


以上就是对电商详情页色彩设计的介绍,文中模板配图均来自Canva可画素材库。


除此之外,Canva可画还提供了手机海报、LOGO、微信公众号封面、易拉宝、微博长图等类型的模板,支持直接在模板上修改色彩、文字、图片等,操作简单易上手。还等什么,赶快开启设计之旅吧~


Copyright © 2021 All Rights Reserved 版权所有 一舟讲堂