用心感受、用心体会、用心设计、用心反馈

视觉层级除了让画面的视觉编排更加精致好看，更重要的功能是能让画面有效地被组织，让观看者更容易理解。

视觉层次？层级？

多数人较多接触的词汇是“层次”，经常用来描述画面是否丰富有变化？而这里说的“层级”主要讲的是优先顺序。

层次是指系统在结构或功能方面的等级秩序。具有多样性，可以按照物质的质量、能量、运动状态、空间尺度、时间顺序、组织化程度等多种标准划分。不同层次具有不同的性质和特征，既有共同的规律，又各有特殊规律。

最初心理学家基于格式特原理来检测用户对于元素之间关系的视觉感知，发现人们倾向于将视觉关系靠近的元素群视为有关系的一组。

层次：关系变化 | 层级：优先顺序

虽然层次与层级的意思很接近，但他们之间还是有些许的差异。

层次：既有共同的规律，又各有特殊的规律。

层级：注重在优先顺序，且有层次的特性。

不止要了解层次，更要学习如何运用层级来提升你的视觉；当你会使用层级的时候，其实就已经拥有了层次的概念。

最简单的方式就是善用对比。接下来介绍这些对比方式：大小、上下左右、色彩、图片。最后则是学习如何融会贯通且打破规则。

运用大小

通常我们会优先注意最大或最显眼的对象，最简单的做法就是使用大小来把元素按照优先顺序排列。

上下排列，同时具有大小变化时，较难分辨出谁先谁后，左图我们习惯由上面的点阅读至下方的点。

文字描述的内容也会影响你的阅读顺序，左右的差别以图形来说并没有太大影响，但以文字来说，阅读顺序的方向会随着内容而改变。通常我们最常以“Z” 字形的方向阅读。

色彩比基本的无彩色更容易被注意

为何会说不好掌握呢？因为当我们的背景是深色甚至是其他有彩色的时候，对比情况也会有所不同。

学习色彩之间的对比关系，就能做出相应的对比效果

图比文字吸引人

多数人都对猫很有感觉，所以放了猫来示意，并不是放张图就能达到吸引人的效果，而是图片的内容是否吸引人？

范例

水中的人

工作插图

切口

主题原因，可以大胆的留白，由线条引导搭配切痕的流动，最后让画面聚焦到刀尖上。

画面中的物件安排具有视觉层级，看似不单调，也不会让主题失焦。

看到这里我们需要考虑的东西也就很清楚了：

·总结

今天我们主要说的是层级，顺便说到了层次，说到层级我们从几个方面来分析了画面中的层级：

• 元素的大小分布
  

• 元素的上下分布

• 元素的左右分布

• 元素的展示形式(图片或色块)
  

• 元素的色彩对比(有彩色和无彩色)

• 
  

通过这几个点我们分析了在广告设计中元素的层级关系。

·写在后面

好了，今天我们就说这么多，你学废了么？

如果那块还有疑问，那就回过头来把这篇文章再看一遍，每一遍的收获都是不一样的哦！学会了这篇文章中的层级关系的梳理，会让你的设计更加突出，同时达到营销的目的，这就是设计，把该表达的表达清楚，让用户第一眼就看见我们想让他看的内容，并且这个内容也是他感兴趣的。

各位，加油！！！