所有设计师都遵循的10条构图法则

10-Rules-of-Composition-All-Designers-Live-By_01-tb-962x0_meitu_3

您可以拥有世界上最漂亮的图形要素,但是如果您的构图不能满足要求,那么所有的这些图形要素对您而言没多大意义。所以,构图毫无疑问是十分重要的。那么准确地来说,什么是构图呢?好吧,用非常简单的熟语来说,构图就是将所有个体元素组合成一个整体的那一部分。在此过程中,所有的字体,图像,图形和颜色聚集在一起形成一个完整的设计。成功的构图意味着,您在整理,分配,对齐以及编辑的过程中不仅保持设计的美观性,还保持了它的功能性和效率性。所以,接下来让我们一起了解一下相关的技巧和技术,这些将很快就让您学会构图。

01.找到您设计的焦点

就像我们在学校里经常听到的那句话一样,专注是一件非常重要的事情。任何优秀作品的关键要素都是强有力的焦点,因为这个焦点可以让观众的眼睛一开始就很自然地落到设计的重要部分。在选择焦点时,请务必记住,一切设计的主要目标都是沟通。无论您是在传达一个想法,一些信息,还是一种感觉或情绪,您的设计都是在讲述一个具体的故事,所以一定要选择一个焦点,用最强大,最有效的方式去讲述这个故事。确定焦点的方式有很多,主要是运用比例尺,对比度以及视觉引导线等方法,我们将后续深入讨论它们。现在,让我们来分析一个例子。下例就是Matthew Metz为时装零售商Nordstrom设计的作品,因此这件作品的焦点是模特和她的衣服。所以,模特被放置在中央位置,字体和颜色块放置的方式突出了模特的脸部,而且将观众的注意力吸引到她的脸部和服装。视觉引导线将观众的视线引导至模特的全身,并且逐渐向下至信息密集处。

1

同样,Shauna Lynn Panczyszyn设计的这张海报也将焦点放在男子的人像上。该设计将焦点放在这张图片上,将他置于中央位置,用图形框住他,用涂鸦图形引导眼睛朝着照片的方向看。

2

02.用引导线引导视线

就像如果你想要某件东西被人看到的话,您会去指着它,用一种可以控制观看该设计角度的方式,也就是观看者在看到您的设计时所注视的视角,指着这件东西的某些线条和轮廓。引导线还常常用于流程图中,您可能已经见得很多了。流程图用线条将您的眼睛很明显地从一个点引向另一个点。下面这张由Paper和Parcel设计的约会卡片就用流程图引导线来呈现相关信息,这种方式独特而又有趣。

3

引导线还可以引导您访问各种信息层或信息点。正如前面所讨论的,你希望眼睛首先落在主要焦点上,但是它到了哪里?您不仅可以通过定位和调整引导线将视线引导至设计的焦点,还可以让它看到设计的其余部分。例如,您可以看看Design By Daythat设计的这张海报,它就用强大的引导线首先将您的视线引导至焦点,也就是标题,然后引导至不同层级的信息。

4

当然,并不是您的每个设计都会有明显的线条让您去调整视角,但这并不意味着您对此就束手无策。您可以查找图像和图形元素中的形状和线条,用某种方式让它们去引导您的视线。下面这张Trick Pony的海报就是说明这一点的典型例子,这个海报就用沿着男子左臂的线去引导您的视线,并把您的视线从图标中拉出来,让您能够往下看到这张图片的其余部分。这样,整个图形的形状就用来引导视线了。

5

03.构图中的规模和层次

规模和视觉层次是您设计成功与失败的创意基础,因此很重要的一点就是把握好这两个方面,从而保持良好的构图。简单地来说,层次结构就是元素的排列与设计,以便直观地表示重要性。所以,你可能会让一个很重要的元素大胆显眼,而让一个不那么重要的元素微小低调。

6

比例尺通常用于帮助沟通层次结构,让观众的注意力转向或者离开某些元素,从而突出显示其对沟通的重要性。例如,Jessica Svendsen设计的这张海报使用放大图像作为最大的元素,从而让这张海报能最大程度地聚焦观众的注意力。标题所用的字体最大最显眼,因为它是这张海报里最重要的书面信息,并且正文副本字体更小。所以,比例尺被用于突出焦点,保持排版层次。

7

比例尺是一个非常实用的工具,可以让您的设计更加具有比例感和尺寸感。您可以让您的设计看起来非常小巧玲珑,精致细腻,您也可以让它们变得壮丽恢弘。例如,Scott Hansen设计的这张海报使用两个缩小的人物轮廓来帮助传达他们面前的宏大场面,这立即让观众感受到眼前场景的规模庞大,气势恢宏。

8

通过对比构图中大规模元素旁边的小尺寸元素,您可以创建许多不同的效果。

04.平衡设计中的元素

平衡在很多方面都是非常重要的,您的设计也绝不例外。但是我们如何在设计中达到完美的平衡呢?那么,让我们来看看两种常见的平衡类型以及该如何掌握这种平衡。首先,我们来看看对称平衡。对称平衡就像它的名字所说的那样—使用对称性来平衡您的设计。通过从左到右或从上到下来重复某些设计元素,您可以创造出强烈的平衡感。下面就是一个对称平衡的例子。Jennifer Wick设计的这款婚礼请柬让字体和图形元素镜面成像,从而形成一幅对称构图。对称让整个设计变得优雅,干净,并且非常平衡。

9

另一种平衡是不对称平衡,这是一种更为常见的类型。不对称平衡也是一个更够很好地自我解释的名词,因为它涉及到创造出没有对称的平衡。接下来是一个典型的非对称平衡的例子。Munchy Potato设计的这张海报通过有目的地分散和缩放元素来实现不对称平衡。

10

在上述设计中,三个中央圆圈是设计中最大的元素,它们均由字体,分界线以及底部角落小巧而且质地粗糙的圆圈所平衡。掌握不对称平衡地一个好方法是认为每个元素都是有“重量”的。较小的物体可能比较大的物体“轻”,质地粗糙的物体可能比色彩艳丽的物体“重”。无论您的设计是怎样的,均衡这些“有重量”的元素,直到达到高效平衡。

05.使用相互补充的设计元素

您已经听说过相互补充的颜色,那您听说过相互补充的设计元素吗?一个成功高效的构图的关键之处是花时间细心有目的地挑选设计中的每个元素,使整体中的每个部分能够互补。构图中的常见错误是使用不能相互补充的图像。所以,当您的构图中要使用多个图像时,尽量确保它们组合起来会看起来高效统一。要实现这一点的方式有很多,下面是一些建议。使用同一拍摄手法拍摄出来的照片。这是一种简单的方法,可确保您的照片看起来和谐统一,因为它们可能是用相同的艺术指导和摄影风格拍出来的。看看这本由Jekyll&Hyde和Elena Bonanomi发行的杂志,他们就是用这种方法创造出一个美观的布局。

11

照片着色手法一致。随着过滤器和图像调整工具的普及,您可以对照片进行着色和调整,以获取更加统一互补的调色板。下面这张海报由A is a Name设计,上面的每张照片都用的是单色滤镜,用一种更加自然的方式将每张图片联系在一起。

12

选择用相似方式拍摄的照片。尝试选择具有相似美学和风格的图像,例如,如果一张图片特别简约,您可以选择其他极简主义的图片与其形成补充。看看下面这个由Feint设计的网页,这个网页选择的是质地粗糙的一些图片,这些图片纹理深厚,木纹密集而且色调较冷。

13

创建一个整体和谐的布局也意味着字体和图片能够配对并且相互补充。每种不同的字体如果使用得当,应该都具有一定的色调和想法—-例如,有大量花饰和卷边的精细草书字体往往就表达出了几分优雅与精致。所以,您应该带着一定的目的和意图去选择字体。例如,Adam Hill设计的这张活动海报是为了“庆祝纹身和古典摇滚之间不可分割的联系”而举办的活动。传统的复古风图片,豪放的草书标题与不羁的板衬线体正文相互补充。干净,轻薄,细小的无衬线字体并不适合摇滚的狂野和豪放,而这张图片所宣扬的就是这样一种自由不羁的理念。

14

06.提升(或减少)你的对比度

对比度是强调和隐藏设计中某些元素的有用工具。增加对比度或使用高对比度的特征颜色,可以帮助某个元素脱颖而出并吸引注意力。同样,降低对比度,可以使元素慢慢淡入背景。下例Thebault Julien设计的这张海报就使用高对比度颜色来构图和突出显示焦点图像,用更加大胆的字体来突出显示关键信息。同时还用更加轻盈纤细的字体将其他元素从聚光灯照射的区域推出去。

15

虽然前面案例中鲜艳的颜色突出了设计,但下一个示例就使用鲜艳的颜色来隐藏设计元素。Melanie Scott Vincent设计的这张海报在黄色背景上使用黄色回形针,在物体和背景之间创造出低对比度差异。虽然这种设计通常来说是要避免的,但在这种情况下,它强调了活动名“ignored everyday”。

16

在这种设计中,对比还可以用来“隐藏”设计中的某些元素,并在其中创造一些含义。因此,无论是将焦点调整到某个元素还是让其远离某个元素,您都可以试着在您的设计中使用对比度。

07.重复设计元素

请跟我读:“重复是构图成功之母。”要想让您的设计布局具有一致性和逻辑性,您可以试着从设计的某一部分截取特定元素,并将其应用于其他版块。您可以将一种风格的字体应用到您的设计的多个部分,或者多次重复使用一个图形主题。所以,请试着将您的设计与重复元素结合在一起。重复是多页面布局的关键因素。让您的布局或者设计里的一些元素重复可以帮助每个页面流畅地进入下一个页面,从而创建一组完整的页面。例如,您可以看看Mauro De Donatis和Elizaveta Ukhabina设计的这些杂志页面。在这种设计中,每一版面的构图都相似,唯一的区别在于书面内容以及颜色和图片的使用。这种重复的组合有助于读者快速识别格式,从而更快地熟悉相关信息。

17

重复也是设计单页构图的关键因素。重复图形元素可以让您的设计强大统一,就像下面这张Jessica Hische设计的活动海报一样。整张海报都在重复某些字体风格,图形样式和线条重量,让整个设计高效统一。如果突然在中间的某个地方使用粗大的粉红色线条图形,整个设计的和谐统一就会被破坏。因此,在整个设计中,不用那么多的字体和颜色,图形风格尽量简单和一致,最终的设计也会是美观而又强大的。

18

在设计时,请记录您使用的字体,线条粗细,颜色等,并尝试在整个设计的其他地方重复使用它们,让整个作品衔接一致。

08.不要忘记留白

冒犯“空白”的最简单方法就是将其称为“空无一物的空间”。空白意味着此处应该充满一些东西,它尚未让自己发挥最大用处,但事实并非如此。有策略地使用空白可以平衡您的构图中复杂而又拥挤的部分,让您的设计自由呼吸起来,从帮助提升设计的清晰度和整体外观。例如,您可以看看Cocorrina的这个设计,它使用空白来平衡图像,纹理和字体,让整个设计看起来整洁而又精致。

19

那么,我们该如何在设计中使用空白空间呢?缩小你的图形元素。您可以通过缩小图像,字体,图形等方式在您的焦点周围创建大面积的空白空间,同时让整个设计待在原始图形框架内。例如,您可以看看Serafini Creative设计的食谱卡,该设计缩小了中央设计的范围,从而在设计周围创建了一个美丽的白色空间框架。

20

不要用内容填满每个空间。正如前面提到的那样,空白空间并不是“空无一物的空间”,它身上也有自己的任务和需要完成的目标,所以不要觉得非得用更多的内容去填充手头的空白空间。例如,您可以看看Creative Web Themes的这个网站设计,该设计用一张图片来代表产品,一个大胆的标题,两个小的副本行,一个可以让您进一步获取信息的链接。这个简单的布局,再加上并非每个空间都被填充内容的设计方式,白色空间有足够的地方来完成自己要做的事情,并让每个元素都能够整洁有效地呼吸。

21

在设计自己的作品时,问问自己是否设计中的每个元素都是100%必需的。您需要所有的字体吗?你需要明亮的蓝色标题吗?您需要3个不同的图像吗?减少设计中不必要的细枝末节,您可以充分利用空白空间,让自己的设计更加简洁直接。

09.对齐元素

在设计一个包含许多元素的构图时,不要将所有元素扔到一页上就万事大吉了,将它们对齐是让您的设计由粗糙变为别致的一种快捷有效的方式。难以调整这些元素?使用超级方便的自动对齐工具,Canva会帮您统统消除这些麻烦。只需在页面上拖动你的元素,Canva就会将它与其他元素对齐,并将其卡入到位,就像魔术一样神奇。看看下面这个对齐精美的例子吧,它由Huck设计而成,其元素之间的高度一致性让整个设计布局清晰大方,整洁高效,易于浏览且让人眼前一亮。用强有力且合乎逻辑的方式对齐元素也有助于您在元素之间创建秩序。所以,如果您要使用了很多图片,字体以及图形元素,对齐可能是您最好的朋友(您可能必须得使用了对齐这种方式了)。在处理字体时,对齐也非常重要。有很多方法可以调整你的字体,但对于较长的副本来说,最佳原则是坚持左对齐,因为这是眼睛最容易浏览和理解的模式。

10.将您的设计分成三份

三分法是一种简单的技术,设计师将他们的设计分成三排三列,垂直线和水平线相遇的地方就是您的焦点所在。在下面这个例子中,您就可以看到设计师William Beachy就用这个方法玩转自己的设计。在每一个线路的交叉处设置焦点,他的设计高效且不同寻常。 Beachy还指出:“您可以添加一些动态和兴趣点来避免中心设计。”三分法为您的设计元素定位和成型提供了快速指南,是着手设计构图的绝佳方法。您可以看看Gajan Vamatheva为国家图片库设计的网站,并花点时间想一想,按照三分线的规则,这些交点在哪里。您可能会注意到,这些线条会在每张图像的焦点上相交,如第一张图像中的两个远足者,第二张图像中最大的那只鸟。这些线条也会在文本框周围的点相交,从而将视线吸引到这些点。如果您要开始自己的设计,并且打算使用三分话的话,那您可以从网格设计开始。网格可以帮助您以更合乎逻辑的方式调整元素,并更清楚地了解设计焦点在哪里。

当您发现了一种自己觉得非常有效的设计时,试着在心里将这个设计分解,然后寻找这个设计的基础结构。它是否使用三分法则呢?或者它可能使用了特定的网格布局。无论哪种方式,分解一些让人颇受启发的例子,并尽可能从这些例子中学到点东西。

自由发挥

将您的设计构图放在一起时,您需要考虑很多事情。尤其当您还是一个初学者时,您可能需要付出一些努力,并花费很多时间来移动这些东西,调整元素的大小,然后再移动它们,但是一定要坚持下去。