简易设计入门——给大众的设计学通识课 2
让每个人都拥有设计学的眼光!
这是设计入门系列的第二篇读书笔记,建议先阅读第一篇后再继续阅读哦。
这次我们来讲一讲第二个原则:对齐。
首先对齐这个原则其实比较容易理解,或者说绝大部分人在设计一样东西时都会有意或者无意地去对齐。
对齐就代表着一种有序,在视觉上给人一种秩序感。
但我们现在再次强调这一原则,是为了加深这一概念,让你的每个作品都会有意(甚至是刻意地)去“对齐”。
任何一件优秀的作品,每个元素都是用心设计的,即使是一种“非对齐”,那也是经过深思熟虑,可以安排的。
所谓"对齐", 就是页面上的每一项都应当与页面上的某个内容存在某种视觉联系.
常见的对齐方式主要有:
- 左对齐
- 居中对齐
- 右对齐
- 两边对齐
在这里我想先把对齐的的最重要的原则提前告诉大家:
对齐并不是指只能采用一种对齐方式,而是要与某一个点,某条线或者某一个边界对齐.
但是在你得到更多训练或者有足够自信时,请尽量只使用一种对齐方式。尤其是不要把居中对齐当做你的默认选项, 你应该先尽可能的尝试其他对齐方式。
关于居中对齐
居中对齐是一种极其常见的但大多数时候很平庸的设计。将所有元素居中,给人一种很庄重的感觉,但是同时也让人乏味。
以封面为例子:

我们分析对齐时,可以采用这种划线的方式来强化对齐的参照物。这张名片采用了三种对齐方式,看起来很混乱。
现在如果让大家去修改的话,大概率会修改为这样:

可以看出元素的亲密性体现的还是不错的,在对齐上,我们可以看到中间有一条线作为参照,但是这线的强度并不高。但就像我前面说的,大多数人第一想到的都会是居中对齐,因为它看起来让作品有了那么一点点设计感。
不过如果你看名片稍微久一点,是不是就觉得有点乏味,觉得平庸了?

这版名片一眼看过去是不是比居中对齐更有设计感,更能多留住你的眼光?
由于采用了右对齐,你可以明显的感觉到右边有一种边界感,这样整体带给你的设计感更强烈,让布局有了一种力度。左边的留白既不会让人讨厌,也可以加上企业的logo(最好淡化处理)显得丰富些。
我们再看看一个例子:

这是一份报告的封面,左边的居中对齐其实是很常见的方式,但看起来显得很平庸;右边报告仅仅只是将文字全部换为左对齐,但是页面看起来比左边更加紧致,有特殊感。
我们再看第三个例子:

这是一张明信片,采用了居中对齐。看上去其实挺平庸的。想一想如果改变一下对齐方式和其他会出现怎样的效果。

第一幅图将他们改成了左对齐,并且加了一条虚线强化左边界,而这条虚线与右边的空白形成一种对比,给人一种开放的空间感;
(第二幅图似乎有点问题,应该是要把所有文本右对齐的,但是电子版本显示出错误。但是你可以想象出右对齐时也是比较新颖的设计;)
第三幅图则更加大胆一些,将眼睛作为背景淡化,文本采用右对齐,大胆奔放。
如果是你,你会选择哪件呢?
通过上面几个例子,其实主要就是给你强化不要下意识首先使用居中对齐这种方式的意识,因为大多数时候他看起来很贫乏,看上去没有太大新意。尽量去先去尝试其他的对齐方式。(然而很多人可能和我一样懒惰就居中对齐应付了事,其实只要多花一点点心思就可以给人留下不错印象!)
那么如果有些场景比较庄重,比如一些喜帖的设计,我们必须要用居中对齐该如何呢?
那就尽量用一些小技巧,让你的设计看起来有趣一些!
比如文本居中对齐,但是文本框一定要居于页面中央吗?


这两幅图就是个很好的例子。你依然可以看出采用了居中对齐,但是文本框和页面中线有一定错位,这种错位让作品的基调有趣起来!
我们还可以想一想如何强调表达我们想要表达的内容:

这里填充了文字背景,让边界感更强,突出了文字内容。(当然这里还运用到了对比的原则)
比如我们的版面大小一定要是常见的方形或者A4大小吗?可不可以让它变得瘦高或者宽矮些?



所以很多时候并不是某种设计一定平庸,加入一些小巧思,便可以让你的设计别具一格。
我们再来讲一讲一些杂志排版方面的设计,虽然我们不一定能用到,但是这种设计思想值得借鉴。
首先就是标题的对齐方式:

我们绝大部分人的一个比较顽固的观念是: 标题(尤其是主标题)必须居中.
这个想法不一定完全错误,但是如果考虑到标题和文章其他部分的关系就有得研究了。
上面的杂志文章有三个副标题,每个标题都用大字号,加粗字体并且居中对齐。这是大部分人的默认做法。
但是我们第一个副标题为例,一眼看去会发现有一种别扭感,和下文极其不相称。

划线分析原因是正文采用左对齐,每一行右边会留下长度不等的空白,坑坑洼洼的。这时候你再让标题居中,是不是就立不住脚了,看着要滑倒了?
这只是其中一个不合理之处,除此之外还可以看到文章亲密性划分可以更近一步,将三部分之间的空白留大些;上方标题的细线右端没有和右端对齐,整个页面右边界极其破碎;图片带有边框,但是这个边框和左右边界很突兀,比如中间的空白到图片那里忽然就凹下去了……
我们看一看修改后的样子:

修改后某页杂志观感一下子提升许多。主要修改点就是上方发现的问题。但有一处需要强调:
每个副标题下面第一段都没有开头缩进!
这在我们看来可能不符合语法,但是我们如果从缩进的目的来理解就可以接受了。
“将一个段落缩进的目的是为了告诉你这里有一个新的段落,不过,(上方有个标题)你肯定知道第一段当然是一个新段落.”
此外,文章正文采用了两遍对齐,这样边界感更强,你至少可以在这个页面上看出三个边界。
(当然,你还可以将副标题改变下颜色来突出强调,不是这就用到“对比”的原则了。)
还有一种类型必须讲讲,那就是如果有图片那该如果设计。不同于上方杂志文章内的图片,它一般常见于一些宣传广告。
首先我们要意识到,巨大多数图片本身是具有很明显的边界,所以它自带有强烈的边界感,自己就可以用来充当边界.
我们正是利用了这一点,再结合适当的对齐方式就可以让作品的关联性得到很大加强。


下图中的对齐感非常强烈。此外这里做了点很小的细节修改,将“6”换为“Six”,更方便排版。
比如你的简历当中也会含有一些照片,利用好图片的边界,大胆的设计吧!
总而言之,这次主要讲解了“对齐”这个原则。虽然我们平时也会有对齐的意识,但这种意识并不足够,需要得到足够的强化,才能够让你的设计摆脱平庸。
现在你可以在生活中多多观察那些传单或者宣传册,留意一下它的对齐细节,来看看它的设计师是业余还是专业。
当你有了一些设计的思想时,你就能够发现生活中到处充满着设计,慢慢欣赏这些设计作品,何尝不是一种乐趣呢?
最后在恬不知耻地宣传一下自己的处女作MAD(*^▽^*),链接在下面。
感谢大家阅读!