在视觉传达中,我们没有很多时间来传递信息。此外,我们的设计元素词汇是高度主观的,开放给观众的解释。

视觉层级是设计的重要方面。它规定了构图中的元素如何组织,以引导观众的目光,确保他们接收到设计师所期望传达的信息。

在学习平面设计、版面设计、UI设计、动态设计或其他任何视觉传达媒介时,理解视觉层级是至关重要的。

1、什么是视觉层级?

在我们解释视觉层级的定义之前,先来了解一下什么是层级?层级是指一种级别或排名系统。在层级中,级别越高,其重要性和影响的元素越多。

例如,本文的层级可以用树状结构来表示,其中每个分支是一节内容。我们已经完成了介绍,现在正在定义像层级这样的术语,接着我们会深入讨论连接层级和设计原则的部分。应用视觉层级不仅是为了观众。

2、在设计理论中应用视觉层级

我最喜欢的视觉层级例子之一是1968年地球从月球地平线升起的照片。

如果我们将这个图像拆解成设计元素,只有几个形状、一些纹理和少量的颜色。而图形设计的尺度和比例原则让月球在构图中占据主导地位,而地球则显得微小而遥远。

我们预期较大的元素是最重要的。在这种情况下,我们相信的和我们看到的之间存在概念上的不协调。地球与前景中那个没有特征的大块月球形成对比,使我们和我们的家园显得渺小。

不到十年后,星球大战的开场镜头使用图形设计原则展示了另一个最佳的视觉层级例子。你可以在一张静止的图像中看到帝国和反抗军的整个层级结构。前景中星际驱逐舰的灰色大块主导了画面,就像帝国主导了银河系一样。

3. 层次结构和平面设计基础

层级和图形设计基础是学习平面设计时最常见的内容之一。Envato Elements的这份菜单模板运用了层级原则,在段落样式中对内容进行结构化,以便让观众更好地理解。标题吸引观众的注意力,并解释了下面要期待的内容。段落样式可以使用较小的字体,并留出更多的空间来详细介绍菜单的内容。

学习设计层级时,要记住负空间和正空间同样重要。即使在不改变其他图形设计原则的情况下,负空间也可以将元素进行组合。

4、插画中的视觉层级是什么?

当排版不可用时,你可能会想知道如何改善视觉层级。在平面设计的视觉层级理论中,不仅仅是组织文本。这个来自Envato Elements的海报巧妙地运用了平面设计原则。

请注意,海报中的眼睛会吸引注意力。眼睛本身就有这个特性,但在这里,明暗对比、颜色对比和强调迅速抓住了观众的注意力。简单的线条和形状引导观众从眼睛到文本,同时传达了海报所传递的信息(夏季、热带、旅行、温暖),而文本迅速而高效地呈现了行动号召。

5、设计中的高级层级原则

芭芭拉·克鲁格(Barbara Kruger)是视觉层级设计的大师。克鲁格标志性的风格是用红色矩形突出显示大胆的Futura字体,强调排版而减弱视觉效果。

让我们来看看这件无色彩的作品,“金钱能买到爱”。尺寸和对比立刻将“金钱”和“爱”这两个词置于层级的顶端,而微小的“能”,“买”和“你”几乎不被注意到。

文字的放置和每个单词单独放在一个方框中迫使我们用多种方式阅读。由于英语假设我们从左到右阅读,所以“金钱”首先抓住我们的注意力,然后是“爱”。相比之下,微小的“能”,“买”和“你”迫使我们重新评估金钱和爱之间的关系,使我们面临更多问题而不是答案。我们是否需要放弃金钱才能得到爱?如果金钱能够买到爱,那么这真的算是爱吗?如果我们将其理解为“金钱可以买到你,爱”?

与此同时,我们几乎没有注意到的视觉效果是一个女孩吹了个嘘声,有点嘲笑观众。在克鲁格的作品中,视觉强烈的层级给概念上的模糊性让路。

层次

说到模糊性,让我们来看看克鲁格另一件作品的主题:“够残酷吗?”:安迪·沃霍尔。沃霍尔的作品探索了消费主义以及将诺玛·简·莫特森转变成可市场化的产品玛丽莲·梦露。

在这里,视觉层级设计是故意模糊的。缺乏视觉层级是重要的部分。沃霍尔关于玛丽莲·梦露的肖像系列摒弃了任何明确的视觉层级,使用了重复的形状。与克鲁格大胆的红色矩形不同,每个肖像的鲜艳颜色使得其中任何一个肖像都不会在众多作品中脱颖而出。

结论:用于改善视觉层级的方法?

为设计中的元素确定层级结构不仅对观众有帮助,对设计师本身也是如此。

一旦确定了层级结构,我们更容易知道要保留什么,要舍弃什么,以及要强调什么。我们还知道在哪里增加视觉吸引力,以增强设计的目标,而不是分散注意力。

精选文章:

字体也能演戏?快来看这些知名动漫中的字体演员!

什么是不拘一格的装饰:如何在家中混合搭配风格?

虚拟现实赋能包装设计,洞悉消费者心声

设计新潮:简约还是复杂,品牌标志的选择之争!

40度北京,南站室内摇身一变“戛纳海滩”?