为什么你的设计不够引人注目：层次结构在平面设计中的重要性

最新推荐文章于 2024-07-18 10:12:23 发布

设计MALL

最新推荐文章于 2024-07-18 10:12:23 发布

阅读量64

点赞数

文章标签：笔记学习音视频

本文链接：https://blog.csdn.net/shejiMALL/article/details/132687306

版权

视觉层次是设计的一个重要方面。它控制着构图元素的组织方式，以引导观看者的眼睛并确保他们接收到设计师想要传达的信息。

什么是视觉层次？

在我们讨论视觉层次结构定义之前，什么是层次结构？等级制度是指级别或级别的系统。层次结构中的级别越高，它的重要性就越高，它管辖的元素也就越多。

例如，本文的层次结构可以表示为一棵树，其中每个分支都是内容的一部分。我们完成了介绍，现在我们正在定义层次结构等术语，然后再进入连接层次结构和设计原则的部分。应用视觉层次结构不仅仅适用于观看者。

文章内容层次结构可视化

视觉层次在设计理论中的应用

用1968 年拍摄的地球从月球地平线上升起的照片来举例。

如果将图像分解为设计元素，只有几个形状、一些纹理和一点颜色。比例和比例的图形设计原则使月亮在构图中占据主导地位，而地球则显得渺小而遥远。

较大的元素是最重要的。在这种情况下，我们所相信的和我们所看到的之间存在概念上的不一致。地球与前景中若隐若现的毫无特色的月球形成鲜明对比，使我们和我们的家园显得很小。

阿波罗 11 号任务图像：月球与地球在地平线上的视图

不到十年后，《星球大战》的开场场景使用图形设计原理建立了另一个最佳视觉层次示例。在一张静态图像中看到帝国和叛军的整个等级制度。前景中的歼星舰的灰色质量占据了画面的主导地位，就像帝国统治银河系一样。

层次结构和图形设计基础

版式层次结构是学习如何进行图形设计时最常见的事情之一。Envato Elements 的此菜单模板在其段落样式中采用层次结构原则来为查看器构建内容。标题吸引观众的注意力并解释下面的内容。段落样式现在可以使用较小的字体，并有更多的空间来提供有关主菜的详细信息。

版式设计中的视觉层次结构：查看源模板！

学习设计层次结构时，请务必记住负空间与正空间同样重要。即使不改变任何其他图形设计原则，负空间也会对元素进行分组。

使用正空间和负空间对层次结构进行分组

什么是插图中的视觉层次？

想知道当排版不可用时可以使用什么来改善视觉层次结构？图形设计中的视觉层次理论不仅仅是组织文本。Envato Elements的这张海报巧妙地运用了平面设计原理。

注意海报中的眼睛如何吸引注意力。无论如何，眼睛往往会这样做，但这里重视对比度、色彩对比度和强调，立即吸引观看者的注意力。更简单的线条和形状从眼睛引导到文字，同时也给人一种海报所提供的内容（夏天、热带、旅行、温暖）的感觉，并且文字快速有效地传达了行动号召。

在插图中使用视觉层次来传达号召性用语

设计中的高级层次原则

芭芭拉·克鲁格（Barbara Kruger）是视觉层次设计大师。克鲁格的标志性风格是红色矩形中的粗体 Futura，重点强调排版而不是视觉效果。

让我们来看看这幅无彩色作品《金钱可以买到爱情》。比例和对比度立即将“金钱”和“爱”这两个词推到了层次结构的顶部，而微小的“可以”“购买”和“你”几乎被忽视。

字体的放置以及每个单词在各自的框中的分离迫使我们以多种方式阅读它。由于英语假定我们从左到右阅读，因此“金钱”首先吸引我们的注意力，然后是“爱”。相对微小的“可以”“买”“你”迫使我们重新审视金钱与爱情的关系，留给我们的疑问多于答案。我们需要放弃金钱才能拥有爱情吗？如果金钱能买来爱情，那真的是爱情吗？如果我们把它理解为“金钱可以买到你，爱”呢？

与此同时，几乎没有注意到的视觉效果是一个女孩吹覆盆子的照片，有点取笑观众。在克鲁格的作品中，视觉上强烈的视觉层次让位于概念上的模糊性。