领导和客户经常说的一个问题就是，这个设计总是感觉少了点什么东西，做的太‘平’了，缺少层次啊，你再改改吧，你脑海中可能一篇雾水，层次听过也知道，但是怎么做呢？视觉层次其实没有明确的官方定义，但是我们可以理解为通过点，线，面，色彩，图形等造型元素来表达平面构成与空间构成的方式，合理的点线面以及色彩，图形的排版会让平面和空间更加合理，既视觉层次。
视觉层次通过很多方面体现，比如颜色，元素大小和对比等等。下面我们可以以游戏网站讲解，设计都是相同的。
一、画面元素的层次
在做设计的时候，如果你只是把素材啪啪放上去，而没有处理画面元素之间的层次关系，比如元素之间的光影和透视，那么做出来的东西肯定会显得平!乱！花！如下图
大家可能有疑问，该放的元素我也放了呀，怎么还是会显得没有层次呢，咱们可以从一些好的摄影作品去学习他们的处理元素的手法，视觉层次和摄影中的透视其实是一个道理，这会让你受益匪浅。
上图这些都是我对照片的一些解析，大家从图中可以看出，摄影师处理视觉层次的一些手法，一般摄影照片中都会存在前，中，远三景，并且通过对着三者的不同处理手法来实作为现视觉层次。
如果把前景作为视觉中心如图一图二，那么前景一定是最大高清晰明朗可见，远景一定是模糊视觉上最弱的，如果把中景作为视觉中心如图三，那么前景和远景在视觉上最弱的，这样处理的话，整个照片就显得很有层次，看着也自然，因为人眼也是这样看事物的，至于如何加强或者弱化，无非就是大小，明暗，清晰度。
说了这么多，那么这些跟咱们的设计有什么关系呢，这些如何用到咱们的设计中呢，大家一起看看优秀的设计师怎么处理的吧！
上面的这个网页是EA旗下一款棒球优秀的展示页面美工招聘，做的很棒，大家可以看到这个网站层次鲜明，那么他们又是如何做的呢？下面咱们来解析下他们的处理手法吧！
可以清晰的从网页中看出网页分为前，中，远三景，以前景为视觉中心点，并通过对不同层次的元素进行不同的处理手法，如图所示，前景做了锐化，中景和远景都做了高斯模糊处理。
跟上图比这个处理手法有些不同，是以中景为视觉中心的，所以中景的元素是清晰可见的，前景和远景都是通过缩小，模糊等弱化处理，这种处理手法会显得更加有层次感。
二、颜色的层次
颜色的层次，你光做好元素的层次是远远不够的，颜色也至关重要，关于如何配色，网上的教程非常多，这里不多说了，这里主要说下怎么通过配色来表现层次感。
大家都知道做网店装修设计时候会有主色和辅色，对比色，但是不知道为什么做出来的东西不是单调就的花哨，那么这可能就是色彩层次没有处理好，色彩的层次是指的我把作品颜色去掉之后，作品中没有表现出从黑到白的存在比例，如果一个作品的黑色比较多那么整体的效果就显得很沉重，如果白色比较多那么效果就很苍白，如果灰色比较多，白色黑色较少，那么画面就显得很脏！
通过上图，大家可以看到，就算图片去色后，只剩下黑白灰，图片也不显得单调也不平，是因为设计师在颜色的明暗度和纯度上做了调整，所以就算去色后看着也很有层次感。
颜色之间的比例也会影响色彩层次，如下图，主色是蓝色，黑色，辅色是白色和黄色，大家可以看到这几种颜色的比例并不是均等的，如果所有地方只有一个颜色，那么这个网页肯定又掉入色彩单调的坑中了，如果各种颜色太多，每种颜色占的比例都很大，那么肯定掉入颜色花哨的坑中了，所以颜色自己的比例已一定要把握好，一般都是重点的地方想办法突出，作为视觉中心点，弱化不重要的，加强对比，这样层次就能出来，如下图
大家看到重要的信息是在整个网页中突出的，通过明暗，大小的对比，以突出视觉层次，从而实现视觉层次，这样做出的网页看着不单调也不花哨，方便浏览者找寻重要信息！
总结：
视觉层次是小伙伴们值得好好研究的一个地方，单视觉层次只是设计的一部分，除此之外还有字体排版，素材的选择等都需要好好钻研的，讲的不是很详细，但是希望大家都知道本文所讲的都是设计中需要注意以及思考的。
网友评论