打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
电商配色速成教程!淘宝店铺设计师必看!

配色是一个系列教程,这篇文章主要是先帮助大家了解色彩的三要素,对配色有一个大致的概念!

我们先了解下什么是配色?

配色就是通过色彩的色相、明度、纯度的对比来控制视觉刺激,达到配色的效果。学习配色必须要了解色彩三要素:明度、色相、饱和度(纯度)。


关于明度

明度就是色彩的明暗程度。颜色越深明度越低,颜色越浅明度越高。

明度通常指的色彩的明暗深浅,例如浅蓝,蓝,深蓝,都是蓝色但是明度越来越低,颜色越来越深。


低明度的含义与格调

先看一组图

大家看上面这些淘宝广告图整体都是低明度,从中可以发现低明度的颜色搭配可以很好的表现出产品的品质感、品牌感、价值感,还可以体现出一种力量感,运动感,对抗性、商业感,奢华感,大气有档次。

常见的国际大牌的官网基本都采用低明度暗色调的颜色搭配。淘宝常见的一些有气质格调的高端产品,比如家电类,科技数码类,化妆品,运动器械,或者和男性相关的的一些产品经常会采用低明度的搭配来表现产品的品质与价值感。因为低明度深重富有力量,较偏向男性的性格特点。


高明度的含义与格调

再看一组图

以上图片均为高明度的图片,明度较高的可以表现出产品的清爽、透气性。还可以给人一种年轻、干净、纯洁、优雅的感觉,画面中会有一种平静、舒适、惬意祥和的氛围。高明度也可以展示出产品的品质感。这种品质感不同于低明度的图片,比如上方案例中的化妆品,低明度的图可以展示化妆品的价值感,有一定视觉冲击力。高明度的则可以体现出化妆品的清爽、透气和阳光的感觉。

高明度的色彩搭配常见于淘宝的厨房家居行业、中国风相关产品,还有服装行业,零食行业、数码类和化妆品类也非常常见。相比较于高明度则低明度的轻而淡、浮动而飘逸的感觉多适用于女性。


关于饱和度

饱和度也就是纯度,指的是色彩的鲜艳程度,饱和度越高代表颜色越鲜艳有很强的视觉冲击力,饱和度高低取决于该色中含色成分和消色成分(灰色)的比例。含色成分越大,饱和度越大;消色成分越大,饱和度越小。

以上列举的案例,均为电商行业常见的促销海报,饱和度非常高,都用的非常鲜艳的纯色调。高饱和度配色海报是电商设计最为常见的一种手法,为什么呢?因为高饱和度海报会给人以热情,活力,健康,刺激,年轻的感觉而且有非常直接的视觉冲击,与电商受众人群匹配。而且还带有非常强的廉价促销感!

关于色相

色相,即各类色彩的相貌称谓,如大红、普蓝、柠檬黄等。色相是色彩的首要特征,是区别各种不同色彩的最准确的标准。最初的基本色相有六种为:红、橙、黄、绿、蓝、紫。不同的色相会给人传递不同的和感觉。世间万物的颜色都是由这六种调配而成,所以我们只讲这六种颜色的色相。红橙黄是暖色调,绿蓝紫是冷色调。下面通过大量的优秀案例让大家更好的理解这六种颜色代表的含义。

我们先了解下红色

红色首先可以体现出一种节日气氛,喜庆、热闹、狂欢,激情。

暗红色可以体现女性的妖娆性感和妩媚。而且有高贵、品质、知性的感觉。天猫的首页整体就采用的略暗的红色,既有一定的促销感、又带有一定的品质感。上文已经说过低明度都可以表现出品质感。


红色还可以体现出产品的力量感和能量感,红 黑的搭配还有一种古典的感觉,比如汉服。


红色是中国人民最喜爱的颜色,当然会有一种历史、文化的格调,同时也代表一定的权威。


红色还经常用于表现美食,食品。给人以味觉刺激。

红色总结:红色的格调有喜庆,热闹的节日气氛;可体现女人的妖娆,妩媚,知性,性感;产品的力量能量感;历史文化的气质;还可以用于表现美食食欲。同时红色也是一种警示色,例如红绿灯,各种交通标识,有一定权威性。纯红色有很强的刺激感,降低红色的明度也就是暗红色可以体现出产品的奢华的品质感。



下面说下橙色

橙色的格调有一种廉价的促销感,最典型的例子就是淘宝的网站配色。

橙色是一个很生活化的颜色,可以表现家庭,生活的格调,也是常见水果的颜色。

橙色还可以体现卡通、童趣、快乐、轻松的氛围。

橙色也是秋天的常用的表现颜色。

橙色还经常用于零食和水果产品,属于一种食品色,可以诠释一种家庭的氛围,有一种幸福的感觉。

橙色总结:橙色比红色少了一些视觉冲击,可以体现一种廉价促销的感觉,橙色可以表现在餐饮,水果,食品行业,有一种卡通,童趣,趣味感,橙色还可以体现年轻活力,家庭的幸福感,橙色也是秋天的颜色。

黄色

黄色与黑色搭配有很强的视觉刺激性,黄黑搭配在生活中经常当做警示标志。

黄色还可以体现一种文艺范,略有一丝高傲的感觉。

黄色可以体现出年轻、活泼、轻时尚的感觉

黄色还可体现一种卡通、童趣、趣味的格调。

黄色总结:黄色的格调童趣、好玩、卡通、年轻活泼、时尚文艺范、警示醒目,另外黄色和橙色一样也常用于夏季水果类的产品。

绿色

绿色本身就有绿色环保的特征,因此常见于家装,家居,户外用品等行业或者说只要想表现自然,环保,纯净,卫生的产品多少都会使用到绿色系。

绿色还可体现生命、健康,因此化妆品或者保健药品也经常使用绿色。

绿色也是春天的颜色,还代表着青春岁月!

绿色总结:绿色格调有自然环保、清新、卫生、生命、健康、春天、青春。

蓝色

蓝色是使用非常广泛的颜色,在生活中银行,警察,商务公司,都经常会采用蓝色。蓝色是一个很大气的颜色,因为宇宙和地球都是蓝色,因此在淘宝上也经常看到非常大气的蓝色基调页面。

蓝色也是天空和大海的颜色,因此补水化妆品经常采用这类海底表现手法,即可突出品质感,又可以给人以干净,清爽,冰凉的补水感觉。

蓝色即可用于夏天也可以用于冬天,夏天用蓝色体现产品的清爽,冬天用蓝色体现产品抗寒性。蓝色是冷色调的代表色。

蓝色即是深海颜色也是暗夜的颜色,因此也会给人一种幻想,秘密的感觉。

蓝色因其本身所具有的商务,稳定,安全的格调,所以在淘宝上也是科技、数码家电类产品的最爱。

蓝色总结:安全,稳定,商务,科技,大气,寒冷,清凉,冰爽、品质,幻想。

紫色

紫色是很多女性喜欢的色彩,可以表现女性的优雅,高贵的气质,并且带有魔幻梦幻神秘的感觉。

紫色所带有的神秘梦幻的感觉,较常见于淘宝的性保健用品行业,女性内衣等较为私密的产品。比如安全套既想体现安全性,又想体现其梦幻诱惑的的格调,因此多用蓝 紫的搭配方式。

紫色经常与粉色搭配用于表现爱情婚恋主题。紫色与粉色都是偏女性的颜色。

总结紫色:紫色可代表女性的优雅、高贵气质。有魔幻、梦幻、诱惑、神秘的格调。

最后在说下粉色,因为粉色在淘宝里几乎所有和女性相关的产品都会用到,是女性的专属颜色,相比紫色,粉色的受众则更年轻些。粉色和蓝色搭配会有一种情侣的格调。

——————————————————————

关于色相的风格,我在这里仅仅总结了一部分,通过这篇文章,我想给新手美工打开一个思路,配色其实是可以理性分析的,配色是可以流程化的。这里举一个例子,我之前听过一位老师讲的设计案例,是一个婴儿车产品的设计项目,他调查后发现淘宝关于婴儿车的店铺大多都采用的卡通纯色搭配,但是消费者基本都是成年人,因此他的配色方案最后采用深蓝色暗色调,这样即可体现出婴儿车的安全性,稳定性又有一种国际高端的品质格调,而且配色风格又是差异化于其他店铺,因此页面做出来之后成为那个类目争相模仿的对象。


对于新手美工来说,我建议大家最好记住每种色相最具代表性的风格,客户给出产品,风格等要求,我们直接可以信手拈来其相关配色,在设计作品中每种色彩的出现都有它的意义,是可以讲出道理来的,所以下次美工朋友们在和运营对喷的时候,我们要让运营明白我们这么配色是有道理的!不要在听运营在旁边瞎指挥了,他们的建议大多都是受限于对颜色感性的认知,尼玛改来改去最后还是用初稿的日子一去不复返了!!妈蛋从今往后!让他们明白!!

我们做设计的一定要有自己的想法和独立的思维,不断的学习才可为自己争取更多的话语权。


文/超级美工


本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
【热】打开小程序,算一算2024你的财运
搭配出独特风格,配色科普
网页设计配色基础、应用及实战
从零开始学后期 | 色彩的基本属性
2年设计师经验对配色没有一个系统的搭配方法,看大神怎么做的
【配色】这样配色,你也是高级设计师了!
后期调色核心,理解HSL界面
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服