电商配色基本功-色彩搭配速成技巧

电商配色基本功-色彩搭配速成技巧

【导读】好久没写点东西了,刚忙完双1喘口气,一直想总结下关于设计最最基础的2个内容(配色和版式构成),最近看了某大神的平面配色教程,如获至宝,深受启发,遂以电商案例做以总结,码字一周形成此文~

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

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

关于明度

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

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

低明度的含义与格调

先上一组图

大家看上面这些淘宝广告图整体都是低明度,从中可以发现低明度的颜色搭配可以很好的表现出产品的品质感、品牌感、价值感,还可以体现出种力量感,运动感,对抗性商业感,奢华感,大气有档次。常见的国际大牌的官网基本都采用低明度暗色调的颜色搭配。淘宝常见的一些有气质格调的高端产品,比如家电类,科技数码类,化妆品,运动器械,或者和男性相关的的一些产品经常会采用低明度的搭配来表现产品的品质与价值感。因为低明度深重富有力量,较偏向男性的性格特点

以上图片均为高明度的图片,明度较高的可以表现出产品的清爽、透气性还可以给人一种年轻、干净、纯洁、优雅的感觉,画面中会有一种平静舒适、惬意祥和的氛围。高明度也可以展示出产品的品质感,这种品质感不同于低明度的图片,比如上方案例中的化妆品,低明度的图可以展示化妆品的价值感,有一定视觉冲击力。高明度的则可以体现出化妆品的清爽、气和阳光的感觉。高明度的色彩搭配常见于淘宝的厨房家居行业、中国风相关产品,还有服装行业,零食行业、数码类和化妆品类也非常常见。相比较于高明度则低明度的轻而淡、浮动而飄逸的感觉多适用于女性。

关于饱和度

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

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

关于色相

色相,即各类色彩的相貌称谓,如大红、普蓝、柠檬黄等。色相是色彩的首要特征,是区别各种不同色彩的最准确的标准。最初的基本色相有六种为:红、橙、黄、绿、蓝、紫。不同的色相会给人传递不同的和感觉。世间万物的颜色都是由这六种调配而成,所以我们只讲这六种颜色的色相。红橙黄是暖色调,绿蓝紫是冷色调

色彩与品牌有着千丝万缕的联系。在深入了解一个产品/网店之前,顾客通常先注意到色彩,色彩所传达出来的情绪会下意识地感染用户。

先说下红色

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

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

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

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

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

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

关于橙色

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

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

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

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

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

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

关于黄色

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

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

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

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

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

关于绿色

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

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

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

关于蓝色

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

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

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

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

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

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

关于紫色

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

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

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

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

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

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

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

来源：超级美工