专栏名称: 超级美工
中国电商设计第一公众号!定期展示最新电商设计案例,发布最热淘宝设计教程。关爱电商设计师群体。美工路上我们温暖相伴!
目录
相关文章推荐
加国无忧  ·  惊呆! ... ·  昨天  
电商报Pro  ·  刘强东向王兴开火,外卖大战全面爆发 ·  3 天前  
爱平度  ·  断货!全线售罄! ·  3 天前  
爱平度  ·  断货!全线售罄! ·  3 天前  
TOP电商  ·  8600亿!华为突发大消息 ·  4 天前  
TOP电商  ·  8600亿!华为突发大消息 ·  4 天前  
51好读  ›  专栏  ›  超级美工

我靠!你还不会配色?

超级美工  · 公众号  · 电商  · 2017-03-26 19:30

正文

兄弟们    姐妹们


天南地北的老少爷们!


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


不好意思,开场白有点长

今天周末,天气不错,在家写写文章。


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



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


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


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


大家都知道 色彩三要素HSB(色相、饱和度、明度) 。我知道很多人其实不知道…

排版有排版的规则,对齐对比等等…配色也有配色的规则,毫无秩序的色彩搭配会看起来特别乱, 配色的规则就是HSB保持统一的情况下,色彩才会看起来非常协调和统一。


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


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


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


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



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



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


下面在换个风格


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


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


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


下面在换一个风格



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


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


这是为什么呢?且看下图



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








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