专栏名称: 互联网er的早读课
专注互联网产品、用研、交互、设计、运营领域精选内容。信息爆炸的社会,每天用心的去读一篇文章,也许胜过你的走马观花。每早八点,我们等你。
目录
相关文章推荐
亿欧网  ·  耐德佳:“中国蔡司”的追光之旅 ·  昨天  
凤凰网科技  ·  曾坑惨打工人的啄木鸟维修,这次栽了 ·  3 天前  
51好读  ›  专栏  ›  互联网er的早读课

解读“黑色”在电商设计里的运用

互联网er的早读课  · 公众号  · 科技媒体  · 2017-06-11 08:46

正文

数十万互联网从业者的共同关注!


作者:TTTing

来源: 做设计的面条(ID:TTTink-D)

编辑:Juvae



写在前面


鉴于在之前的一篇文章“5招带你玩转电商最常用的色彩搭配!~”里我讲到了关于热闹促销型的电商设计最常用的颜色“红色”在电商设计里的运用,那么今天我就讲一下热闹促销型的电商设计最忌讳的颜色“黑色”在电商设计里的运用吧。


那么按照惯例,为了便于大家理解,我依旧是先给大家列个文章提纲咯:


1/黑色的释义。

2/黑色占比多少与活动定位之间的关系。

3/黑色页面的常用色彩搭配技巧

4/与黑色有关的节日有哪些?


接下来我们一条一条来看吧,let’s go!~


1/黑色的释义


先来自百度百科的解释: 黑色可以定义为没有任何可见光进入视觉范围,和白色正相反,白色是所有可见光光谱内的光都同时进入视觉范围内。颜料如果吸收光谱内的所有可见光,不反射任何颜色的光,人眼的感觉就是黑色的。如果将三原色的颜料以恰当的比例混合,使其反射的色光降到最低,人眼也会感觉为黑色。所以黑色既可以是缺少光造成的(漆黑的夜晚),也可以是所有的色光被吸收造成的(黑色的瞳孔)。


而我自己的理解是: 黑色它不仅是一种百搭色,它很特殊的一点就在于,你会发现几乎所有的书本报纸杂志正文部分以及你平时的书写基本都是黑色的而不是其他颜色,中国的水墨画毛笔字也基本都是黑色的,所以黑色会给人一种有文化底蕴的感觉;


同时它在气质上他还给人一种坚硬/神秘/端庄/静寂的感觉,但在文一些化习俗上黑色又常常意味着不吉利,在功能上比如在服装设计里黑色又往往能起到一种视觉上显瘦的效果。


我将以上这些都统称为黑色的属性。


(左图显端庄优雅又显瘦,右图水墨画显文化古韵)


2/黑色占比多少与活动定位之间的关系。


只要一提到电商页面设计,我相信大多数人在脑海里的闪现的应该是彩色的页面而不是黑色的,除非品类需要或产品本身就是黑色,大部分老板也不会同意你把一个电商页面设计成黑色(一些开明的老板除外),但黑色真的这么招人忌讳吗?黑色就真的不太适合应用于电商设计里吗?其实主要是你没有弄懂黑色占比与活动定位之间的关系罢了。


我们用2张海滩照片做举例:


(左边是炎炎烈日的大白天/右边是夜深人静的夜晚:)


大家看完后是什么感觉呢?左边的沙滩是不是感觉很热辣阳光看着就很热?而右边的黑夜感觉很宁静神秘遥不可及?


我们都知道晴朗的白天和静谧的夜晚是对立的,彩色跟黑色是对立的,他们给人传递的感受也是对立的,类比下来,就好比下面这2种页面,他们所传递的定位也是截然对立的:前者活泼热闹促销,后者冷酷高端。



这种定位规律在一些产品包装上也适用,比如下图:


(左边是几百元的相宜本草套装,右边是上万一套的日本顶级护肤品牌POLA套装)


再取几个折中的案例,多彩色VS黑色与多彩颜色相结合的时候:


(虽然同样很时尚,但是左图更年轻清爽活力,右图因为加入了黑色的缘故显得更炫酷大牌)


(虽然同样很时尚,但是左图更年轻清爽活力,右图因为加入了黑色的缘故显得更加妩媚大牌)


所以我们不妨可以这么理解: 一个页面活泼与否,定位如何,其实关键就在于黑色或暗色在这个页面里的占比有多少


黑色占比越多 ,那么这个页面的黑色属性也就越多,所以会体现出诸如神秘/刚强/高端/高冷甚至是恐怖等气质,让人产生距离感,常用于一些想要体现高端产品定位印象的页面或产品设计里,任何类目都适用:




而彩色占比越多 ,整个画面就越活泼热闹沸腾,仿佛是有什么活动表演或者派对,给人一种有亲和力人人都买得起的感觉,常用于一些要体现活泼年轻定位的产品或页面设计里,同样适用于任何类目:



而白色占比越多 ,整个页面就越干净/圣神/明亮,给人的感觉就会越空旷/宁静/透气(下图案例有点长,请耐心往下滑。。):



但为了方便大家理解,所以实际上以上我举的例子都是比较极端的,毕竟非常高端的产品是少数,大多数以及大众目前能接受的都是下面这些色彩占比不那么极端的,适用于大众的的:



同时我们也要注意到一点,一个页面会体现出何种定位调性,除了色彩占比有很大的影响外,元素的形状/密度/纹理/创意风格等也会产生一些影响。


比如这三个页面,同样是黄黑搭配,但因为色彩占比不同/形式不同/风格不同,他们的调性明显是不一样的:左一简约时尚,左二搞怪活力,左三酷炫大牌。



3/黑色电商页面的常用色彩搭配技巧


前面我们已经说了,虽然元素的形状/密度/纹理/创意风格等会对活动定位产生影响,但是决定页面是热闹促销还是高冷大牌起决定作用的其实还是黑色或暗色的占比是多少: 暗色或黑色越多页面月冷酷高端,彩色越多页面就越热闹促销,而白色的占比多少则决定了你的页面透气程度,页面里白色越多越明亮,人就会感觉越空旷透气。


再一个既然是电商页面,它存在的主要目的就是卖货和展示商品用的,而这个货是要卖给不同的人群的,所以我们针对不同的人群要给他们传递的感受就会不一样,或热血沸腾,或性冷淡,或舒心,或故意让你难受,但不管怎么样,最终出来的页面情绪肯定是要传递到位的,那么一般就有下面几个规则可以注意下:


(1)黑色常作为主色或背景色







请到「今天看啥」查看全文