声明：此文转载来源网络，笔者精力有限，未找到原文出处，如有问题，请第一时间联系。微信meigong2018，感谢每一个辛勤付出的劳作者。来源：超级美工 ID：chaojimeigong很多时候感觉自己做的图太平了，有点单调其实都是缺乏层次感，排版上层次感可以利用对比等手法去实现，其实画面也可以通过色彩的一些技巧来实现层次感。什么是层次？ 有变化就有层次。我们所说的一幅画面很有层次，就是指物体的明暗、和色彩层次的丰富程度。一般来说最低两个层次才能构成画面，比如白纸黑字。设计也是如此，需要背景层跟产品层。 
102608ui862j6j0bwi26bm.jpg
(240.49 KB, 下载次数: 0, 售价: 1 U点)
在摄影中侧光和逆光照片层次非常丰富，就像阶梯一样。画面除了色彩之外黑、白、灰的明暗变化多些，就会更丰富一些。
102607gupu5ualtkldastb.jpg
(402.93 KB, 下载次数: 0, 售价: 6 U点)
102607j75g47z77w745i7z.jpg
(113.6 KB, 下载次数: 0, 售价: 1 U点)
因为逆光使得画面的明暗反差非常大，所以更有层次感。侧光也是一个道理，会让人面部轮廓更显立体。
102607ci29ex885gjez86t.jpg
(254.83 KB, 下载次数: 0, 售价: 6 U点)
从色彩的角度来说，最能体现层次感的就是明度变化。如果一个画面中的色彩只有色相和纯度的变化，没有明度的差异，那么画面就会灰不溜的很平，没有立体感。
102608b4h74lxuj1l7lll4.jpg
(18.45 KB, 下载次数: 0, 售价: 6 U点)
根据日本色彩专家的研究，色彩明度对比的力量要比纯度大三倍左右。那么明度对比在设计中如何运用的呢？目前最常见的就是利用渐变色，而渐变色本身就具有层次丰富的特点，但是很多人只注重色相饱和度的变化，而忽视了明度变化。大家可以尝试用PS吸取一些渐变色，在PS里观察色彩变化和作者背后的用意。
102607bxoobokffxobr23s.jpg
(54.55 KB, 下载次数: 0, 售价: 3 U点)
下面看一组例子
102607c3t3t2zjemt552tt.jpg
(68.99 KB, 下载次数: 0, 售价: 2 U点)
102607nw97kt97eykyedtk.jpg
(91.08 KB, 下载次数: 0, 售价: 1 U点)
102607znn8a89a9crqcici.jpg
(109.41 KB, 下载次数: 0, 售价: 3 U点)
这些海报咱们只看背景层，也是包含了明度的变化。在多看几张
102608azk4vvuaqq22urkz.jpg
(107.83 KB, 下载次数: 0, 售价: 6 U点)
102607xryk9irz11lirnzx.jpg
(123.36 KB, 下载次数: 0, 售价: 2 U点)
102607t7tq7l8xazliqstq.jpg
(97.56 KB, 下载次数: 0, 售价: 6 U点)
比如这个网易的优惠券，只看背景本身也做了一些明度的变化处理，比如左上角那部分，这样一处理，视觉就丰富了很多。
102608l0z6p6k303b9qb06.jpg
(169.9 KB, 下载次数: 0, 售价: 2 U点)
102608wb35jf5n5jsk2e7v.jpg
(91.82 KB, 下载次数: 0, 售价: 4 U点)
上面2张也是，仔细观察海报背景层也都有深浅的变化。即使感觉背景简单，但是也包含了视觉变化。其实生活还是咱们最好的老师，这一切都是源自生活。自然界中绝大多数的物体都不是单一色彩。渐变本身就是自然的选择。
102608xtt0hhtqx99eghhk.jpg
(349.73 KB, 下载次数: 0, 售价: 2 U点)
比如上图，即使一片树叶也不是纯色，而由各种黄还有自身的肌理组成。
102608su2dpjx5poj2xnud.jpg
(236.3 KB, 下载次数: 0, 售价: 1 U点)
比如蓝天并不是单一纯蓝的，也有明度变化的，不然就成平面了……仔细观察蓝天越接近地平线越泛白。
102608ww7oosoynzafyyyz.jpg
(340.38 KB, 下载次数: 0, 售价: 1 U点)
102608ek153kk8mbdb1wip.jpg
(540.08 KB, 下载次数: 0, 售价: 4 U点)
比如极光其实从设计角度来看，也是一种渐变…不同明度不同色相的组合使得画面非常丰富。大自然就是我们最好的老师，观察生活，享受设计。 |
