平面设计师必备的视觉层次指南

你的设计工具箱里有什么？确保你的设计作品能够尽可能有效地传播，你要展示出作品的所有内容——即使是那些被遗忘的艺术课程概念，比如色彩理论和成分组成——要有策略的运用它们，而不是只坚持你自己喜欢的那几个或赶流行的技巧。

be77574fdcc432f875a429046f5e.jpg

你的设计工具箱里有什么？

确保你的设计作品能够尽可能有效地传播，你要展示出作品的所有内容——即使是那些被遗忘的艺术课程概念，比如色彩理论和成分组成——要有策略的运用它们，而不是只坚持你自己喜欢的那几个或赶流行的技巧。

这就是视觉的层次结构：使用你设计工具箱中的所有资源——颜色、对比、字体、间距、和其他基本原则——来组成和优化你的作品内容。

30cd574fde1632f875a42927ec8e.jpg

视觉层次结构的一个最重要的功能是帮助作品建立一个焦点，当观众开始浏览你设计作品时给他们一个入口点，并且让他们能够看到你要展示的最重要的信息在哪里。

让我们回顾一些不同的方式，通过突出我们的设计元素，来创建一个清晰的具备焦点和动态的视觉层次:

1.使用大小来加强（或削弱）可见性

你有没有听过“会哭的孩子有奶吃”？换言之：最大的设计元素最吸引眼球。扩大一个对象的大小（其尺寸）和规模（它与其他对象的大小关系）是提高它视觉重要性最简单直接的方法。

这里，Erin Lancaster通过增大设计元素使传播主题立马变得清晰，这包括同时增大夹页排版和使用大幅照片等方法。

0575574fde2b32f875a429b21154.jpg

Erin Lancaster

另一方面，一些设计元素没那么重要或者你想把它弱化，可以通过减小它的大小来使它不那么明显，以此来降低它的视觉层次。

就像任何的设计准则一样，平衡和适度都是关键。一个太大的视觉焦点会毁掉一个设计，而一个太小的次要信息则会损害其可用性。］

2.色彩和对比度：对观众注意力直接的吸引

在视觉上最能引起我们注意的就是色彩，特别是当它被有意图地用在特别重要的信息传达或者图像当中。比如像红色或者黄色这样明亮的色彩，不管它是出现在道路两旁的交通标志上还是挂在当地咖啡馆门头上的招牌上，我们都很难不去注意到它。

99U

然而，如果你想把彩虹当中出现的所有颜色都用于设计中，当你忽略其中任何一种颜色都有可能影响视觉层次的构建。这也是我们提倡带使用尽可能少的颜色并且带有目的性的使用它的关键原理所在。

从另一个角度来说，在色彩和对比度的设计上，也有很多创造性的方法可以应用于引导观众的视线，包括：

色温：色彩可以是冷的（就像蓝色和绿色），暖的（例如红色、橘色和黄色），也可以是中性的（比如黑色、白色、灰色，有些时候出现的棕色或米色）。色温的混搭，特别是出现高对比度的时候，能够产生很大的视觉吸引力。

这份由设计工作室Zee设计的剧场海报，融合了生动跳跃的暖调橘色和明亮的冷调蓝色，使用这样引人注目的撞色，强化了色温的对比度，这样的色彩搭配就产生了非常有趣的视觉效果。

Zee

维持在一个色相可以更好的帮助设计进行视觉上的衔接。比如Keith Johnson的传单和网页横幅特征就不是创建视觉重点，而是用了相近的颜色来统一设计。

Keith Johnson

色值：颜色的色值指的展示为颜色的亮或暗。像色温一样，不同色值的颜色可以通过互相搭配，产生戏剧性的效果，而相似的色值的颜色则会有更均等的视觉重量。

在下面的设计中， Brad Vetter为了演出而设计的凸版印刷海报中背景显示了两种类似光照的柔和色调。与之相对比，深海军蓝被用来强调标题——出演的艺术家。

Brad Vetter Design

饱和度：一个极其纯的颜色，其明度是100%饱和，越接近灰色，就越不饱和。采用明亮的或柔和的颜色（一种单一的颜色或者与别的颜色相配合）是在设计中实现高对比或者低对比的重要策略。

在 Jason Booher的书籍封面设计，用于提亮视觉的醒目红色与标题相呼应。标题能够更加突出是因为它的整体背景色是一个褪色的中性色彩。这个作品还展现了色温之间的对比——暖色和中性色。

Jason Booher

03. 排版的层次结构：从3个层次来组织你的设计

对于任何以文字为主的设计，文字排版层次是视觉层次中一个不可忽视的部分。若想了解文字排版层次最基本的概念，只要去想想那些报纸或者杂志文章里面的标题，子标题和正文。