6个小技巧，让你的视觉层次“蹭蹭蹭”提升！

  当用户在浏览信息很多的网页时，作为设计师要做到，即使用户只是简单的浏览，也要有能在用户脑海中形成记忆的视觉元素，而这些元素就是视觉中的主，而当用户仔细阅读时才能记忆到的元素才是视觉上的次。从局部来说，要能在视觉上形成先后顺序。这期的内容长沙天琥设计培训学校就设计中体现视觉次序手法进行阐述，这些也是打破版式的常用手法。

  一、大小对比

  首先，每个人在浏览东西时都会有自己固有的习惯，比如：从上到下、从左到右，这叫常规方式，而作为设计师，不能仅仅局限于常规形式，完全的常规带来的是设计上的枯燥、乏味。要学会利用设计知识打造不同的视觉次序，营造出更强烈的设计感、层次感。

  在众多营造视觉次序的手法中，大小对比几乎是每个人都能想到的一种形式，也是很多人认为的较简单的一种，比如：

  经过大小对比的形式能直观营造出视觉焦点，这种形式在设计中也是较容易接受的一种。如果左侧放置的也是四块小的产品，给人的感觉就会显得枯燥、乏味，版式太过统一，而正是因为这种放大产品的处理手法，拉开了对比，才使得版式不显呆板。

  这种形式无论是在文字排版、海报、页面都是很实用的一种，合成设计中的近大远小也同样适用，只是在做对比效果时一定要大胆。

  二、配色方式

  经过改变不同的配色方式，也能在视觉上营造出视觉层次的变化，比如我们常见的经过有彩色与无彩色进行区分的手法：

  在原本无彩色的排列方式中加入有彩色，在视觉上就形成了很强烈的差异化，而正是因为有了强烈的差异，使得存在差异的部分成为了更容易吸引用户的区域，所以就在视觉上形成了先后顺序，同时这种差异的形式也能起到一定打破版式、活跃版式的作用。而在有彩色之间，同样也能经过差异化形成视觉上的主次。

  三、形态的不同

  营造不同的视觉次序较重要的就是在正常人习惯的固有次序上寻找变化，那么我们同样可以以形态上的变化作为差异化的形式，比如：

  在固有的形态中寻找其中可以引起差异化的元素，从视觉感受而言可以分为两种：头等，改变了原本的习惯性的阅读方式，也使得整体主次发生了变化。

  第二，原本枯燥、呆板的重复式的结构上因为元素形态的改变，也起到了打破整体版式的作用，使得整体版式变化更多，层次感更强且版式因此也变得更加活跃。形态上的变化还可以这么体现：

  虽然都是矩形框，但是线框与色块形成了很明显的差异，同样也可以体现视觉层次，而这种形式在很多页面中也很常见。

  四、空间留白

  当要求不能改变很多时，在原有的基础上只需要改变空间位置或者留白方式，也可以营造不同的视觉次序，比如：

  在不改变其大小、颜色、形态的前提下，只是改变了空间留白，也能起到改变视觉次序的作用；而在编排或者标题设计中，经过空间留白的方式拉开层次、次序也很常见：

  同样是重复的形式，左侧完全没有给人一种有层次、有次序的感觉，在用户眼中，这只不过是一团信息；而右侧经过改变留白的方式充分的体现出视觉上的层级关系，每一个独立存在的标题或者栏目之间都应该用留白的方式体现，这种留白要遵循的原则是：标题与文案的留白要小于栏目与栏目之间且大于说明性文字信息之间，只要这样才能真正意义上的将层次拉开。

  五、投影的方式

  投影在设计环节中是很常用的一种手法，经过投影可以体现出前后层次，也能改变视觉次序，比如页面设计中的：

  这里只是在色块上添加了简单的投影效果，原本的视觉次序就瞬间被打破，而这种投影在海报设计中较常用的是打破前后关系，使得海报更有层次感：

  这种大投影的方式，是很多海报以及页面中常用的手法之一，因为有了投影，使得画面整体形成了明显的层次关系，而投影对于用户来说也是很容易接受的。

  比如：按钮的投影、主体的投影等等，看似很小的改变，往往能给页面带来很明显的效果。这种形式也可以理解为形成遮挡关系，在一些小场景的设计中，一样很实用：

  有了遮挡关系，就会形成视觉上的层次，这种看似简单的手法，较终所呈现的效果却是立竿见影的。

  六、高斯模糊

  拉开视觉次序的另一种手法：模糊，很多人对于 PS 里的模糊工具并不陌生，而经过将视觉元素模糊化处理，一样能起到营造视觉层次的效果。

  经过虚实对比，使得视觉层次变化更强，这也是合成设计中常用的手法之一，而在文字设计中，一样可以经过这样的手法来拉开视觉次序关系。

  经过模糊字体中某个笔画，在视觉上形成了一定的空间关系，也使得整体层次感更加丰富，这也是很多设计师喜欢在作品的较后环节加一些飘飞模糊的点状元素丰富整体的原因：视觉层次的变化对于整体而言是不可缺少的一部分，有时只需要一点点的变化就可以带来意想不到的效果。

  七、应用于版式中

  这期所说的很多都属于细节上的变化，但是很多人对于细节并不重视，认为不重要，但其实出色的版式设计基本上都是用不同的细节处理方式堆砌而成的，这期所说的这些形式用于版式设计中也同样很实用。

  如果你的版式太过呆板，可以经过考虑这些方面在适当的位置进行打破，打破的意思是：在原本很呆板的基础上寻找视觉上的层次变化，使得整体版式活跃起来且富有细节感。

  视觉层次感是提升整体设计感很重要的一种形式，如何在固有的视觉基础上打破束缚，在形式上形成变化，对于每个设计师而言都是至关重要的；而很多设计手法都存在着共通性，只要学会灵活运用，那么我们的设计作品就不会显得平庸无常。当然这期所说的也并非全部，这些只是很常用的一些形式。

  更多设计资讯，培训课程，开班时间，学校地址等学校信息，请进入长沙天琥设计培训学校：http://cstianhu.5zix.com/网站详细了解，咨询电话：18670081751，咨询QQ：1434119060

尊重原创文章，转载请注明出处与链接：http://cstianhu.5zix.com/news/44070/ 违者必究！ 以上就是长沙天琥设计培训学校 小编为您整理6个小技巧，让你的视觉层次“蹭蹭蹭”提升！的全部内容。

---

• ← 什么样的logo设计较有效
• 想设计出完美的海报？这10个技巧帮你达成愿望 →