[美工设计] 我靠!你还不会配色?

[复制链接]
查看578 | 回复1 | 2017-4-19 09:20:34 | 显示全部楼层 |阅读模式

登录网站,浏览更多精彩内容

您需要 登录 才可以下载或查看,没有账号?加入我们

×
兄弟们    姐妹们

天南地北的老少爷们!

干淘宝 干天猫  干京东  干唯品会  干阿里 干蘑菇街 干聚美 干跨境电商的全天下的美工兄弟们 你们好!!

不好意思,开场白有点长


4722feba10662a003cf1bdb57a93682a.gif

上篇文章之后好多留言,问的最多是上篇文章里提供的色谱,那里面的颜色是不是可以随便配?  其实不是的。


下面还是拿上篇文章的案例讲

97617c5b862dd791ae3fee60ecbb93bb.jpg

大家可以用拾色器去吸下背景颜色看看,淡黄色和蓍草粉色,看看这2个颜色在拾色器的位置。

f49e5c7baeae7f20f6208c83205dee09.jpg

是不是明度和饱和度的数值很接近,而且在拾色器的位置都位于右上角。

大家都知道色彩三要素HSB(色相、饱和度、明度)。我知道很多人其实不知道…
排版有排版的规则,对齐对比等等…配色也有配色的规则,毫无秩序的色彩搭配会看起来特别乱,配色的规则就是HSB保持统一的情况下,色彩才会看起来非常协调和统一。


HSB保持统一并不是说数值保持统一,咱们可以试下。我将淡黄色的饱和度和明度值调成77和82与粉色保持一致,就变成了下面这个结果。

00f38380f853b5cf7d9bddb639094c19.jpg


676e6e077dbe4d2e75f4e57847cbe91f.jpg
淡黄色就变得特别浑浊,鲜亮程度也不如以往。所以数值保持一致并无意义,一切都要以我们人眼的实际感受为主,但是数值要保持在一个范围内上下浮动。要根据自己的感受用PS去来回调整。



下面继续讲解HSB(色相、明度、饱和度)


重点说下S(明度),因为明度是比起色相和饱和度最能让眼睛感受到变化的色彩要素,因为明度巅峰就是黑白。



6018b39f8abee76097258afb86b162ba.jpg

eedbe156bbaec12800eeac48d1416c57.jpg

上图是一个高明度的,低饱和度的配色。这类配色比较淡雅清新非常柔和,很适用于年轻女性或者母婴类目。比如蘑菇街就常用这类色调。



34138864bbef5c53f8f2ed042c282676.jpg

再比如一些童装或者母婴产品,图片一般色调非常柔和,明度高,饱和度中低。


d7e9857dffbe3b163386a02ea15f3c71.jpg


下面在换个风格



3e39035ee240ed1dd7d533e9b7735e40.jpg

118f6976d2def346252c9fc368fd85d1.jpg
这类配色高饱和度高明度,视觉刺激性很强,会带来一种欢愉的格调,是淘宝上最常见的配色方式。多用于促销系列。


淘宝官方的促销banner基本都是高纯度的色调。



df015c56936e0fd7da5fd0a887e671a3.jpg
七格格这类定位的女装经常会采用高纯度的配色,激烈的撞色彰显一种年轻刺激活力的氛围。

e6bb0f4264464664d8eb8d8ee46a18a3.jpg

下面在换一个风格


f2b5aed764a221163ed2dfccb9fe9782.jpg

该图配色色相变化不大,主要改变的是明度和饱和度


dbc3bffef84efbfb9728e43a29fff811.jpg

低明度低饱和度需要配合中明度中饱和的颜色,不然就是一团黑了。该类型配色一般都有高逼格的调性,主要是颜色暗了之后显得沉稳,成熟。


这是为什么呢?且看下图



0fe5a266b54d887d70182cfddb160d97.jpg

生活中小孩子的服饰往往都是鲜亮活泼的,随着年龄增长人的皮肤越来越暗淡无光,穿衣风格也越来越走深色的格调。我们做设计对于颜色的感知其实就是源于生活。


所以配色首先要从产品自身定位出发。HSB要保持一致。


那么很多店铺都希望颜色配的高端大气上档次,该怎么做?欲知后事如何,听我下回分解!




            
中国领先的数字技术资源交流中心!
您需要登录后才可以回帖 登录 | 加入我们

本版积分规则

azz

1421

主题

101

回帖

1万

积分

宗师

积分
16735
学费
3181