设计中如何体现视觉层次

版权申明：本文原创作者“美工美邦”，感谢“美工美邦”的原创经验分享！

FEVTE编注：更多平面设计理论学习请访问飞特网平面设计理论知识栏目，地址：https://www.fevte.com/plan/shejililun/

在设计环节中，对于视觉次序的营造是每个设计师所必须精通的，视觉次序也可以理解为视觉层次，它是设计中的必然，无论是海报设计还是页面设计，从整体来看总会有强弱、主次之分，因为有了视觉上的变化，才使得整体更富有层次感；从大体来说：当用户在浏览信息很多的网页时，作为设计师要做到：即使用户只是简单的浏览，也要有能在用户脑海中形成记忆的视觉元素，而这些元素就是视觉中的主，而当用户仔细阅读时才能记忆到的元素才是视觉上的次；从局部来说：要能在视觉上形成先后顺序；这期的内容就是：设计中体现视觉次序手法有哪些？这些也是打破板式的常用手法！

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

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

通过大小对比的形式能很直观营造出视觉焦点，这种形式在设计中也是最容易接受得一种；如果左侧放置的是也是四块小的产品，给人的感觉就会显得枯燥、乏味，板式太过统一，而正是因为这种放大产品的处理手法，拉开了对比，才使得板式不显呆板！这种形式无论是在文字排版、海报、页面都是很实用的一种，合成设计中的近大远小也同样适用，只是在做对比效果时一定要大胆！

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

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

第一行色块能最快引起注意的是第二个，通过色彩饱和度的不同，在视觉上形成了很明显的差异化，进一步改变了原本的做从左往右的习惯性视觉次序；而第二行色块中最快能引起注意的是红色，因为这里用到了改变色系的形式进行视觉上的次序划分；而之所以在有彩色中也能很好的体现视觉层次最重要的一点是，他们之间形成的差异足够明显，而不是似有非有！

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

在固有的形态中寻找其中可以引起差异化的元素，从视觉感受而言可以分为两种：第一，改变了原本的习惯性的阅读方式，也使得整体主次发生了变化；第二，原本枯燥、呆板的重复式的结构上因为元素形态的改变，也起到了打破整体板式的作用，使得整体板式变化更多，层次感更强且板式因此也变得更加活跃；形态上的变化还可以这么体现：

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