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

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

浅谈平面设计师必备的视觉层次指南,PS教程,

Brad Vetter Design

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

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

浅谈平面设计师必备的视觉层次指南,PS教程,

Jason Booher

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

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

浅谈平面设计师必备的视觉层次指南,PS教程,

From Canva’s “Why Every Design Needs Three Levels of Typographic Hierarchy”

这个将文字分为3层次的方法能用个任何的设计里面(从名片到网站)。让我们在更详细的了解一下每个层次并看看他们通常可能被用在哪里。

第一层次:一般来说,你排版中的第一层次会是最重要的内容,这些内容应该是你设计中最容易被看到的元素

第二层次:第二层次的元素一般是为了整合你的设计,或者把相关的信息链接起来。它们不能跟你的第一层级的元素一样出众,但是应该很清楚的指导阅读者区分设计中不同的部分和引导读者。

第三层次:对于一个文字的排版,第三层次一般是指完整的信息,目的或者是设计的细节。它可以是长的或者短的(比如一整片文章,一个简短的注释,一个简介)。但是这部分主要考虑其强烈的可读性,即使文字的大小看起来稍微小。

想获得更深入的文字排版层次指导,请点击这个网址:Why Every Design Needs Three Levels of Typographic Hierarchy

04.字体:仔细选择字样类别和风格

排版层次不是文字排列时需要考虑的唯一一个方面。您的字体本身的外观 - 字体类别(无衬线,衬线字体,脚本,或装饰)和样式(粗体,斜体,小盘股等) - 这些因素决定是否造就好的设计

可以把字体想象作为人格类型。你知道有些是响亮而华丽的,有些是安静,但有趣的,其他的一些是灵活的,适用在什么地方,取决于跟谁搭配。

适当地使用这些特性(使之与你项目中的内容相匹配),并有策略地提升你的设计。虽然排版层次将整合你的设计,使之便于浏览,文体的选择则有助于提升设计的整体气质,并创建一个自然的强调方式。

例如,Duane Smith在他的名片设计里面使用了不同字体的搭配,其中包含了(衬线字体,无衬线,并在顶部有点脚本),利用其大小,颜色和气魄,以帮助特定元素(如他的名字和电话号码 )在画面中跳跃出来。

浅谈平面设计师必备的视觉层次指南,PS教程,

Duane Smith

这是可行的,因为选择不同的字体可以互相弥补——他们并不冲突,而且多亏了他们清晰的层级才不会造成注意力的混乱。此外,大写的文字能够提升小号字体设计的可见性,就像名片展示的那样。

Atomicdust的书的封面则不是相近的字体,而是结合了两种截然不同的字体,有意的将手写体的和另一种传统衬线设计放在一起以从视觉上表明书的标题,并创造了一个清晰的焦点。

浅谈平面设计师必备的视觉层次指南,PS教程,

Atomicdust