平面设计没有好的排版,信息传达就会受阻,甚至导致页面凌乱不堪。掌握以下“5个排版原则”,很快你就能达到专业设计师的水准。

ff9c59afb2aea8012028a942a324.jpg本文经“GCFlearnFree.org”授权后,由@酷coo豆翻译中文,并发于平面设计学习日记网与站酷网。如需转载请联系“GCFLearnFree”取得合法授权。


一、什么是构成?

What is composition?

-

在设计领域,构成是指将一定的形态元素,按照视觉规律、力学原理、心理特性、审美法则进行的创造性的组合

在某种程度上来说,排版和构成它们是设计的构建模块。它使得你的平面设计作品更加结构化,更加易于被浏览,从版面的两侧边缘到主体内容之间。

为什么排版构成如此重要?构图,简而言之,这就是你安排组织内容的呈现方式。不管你是处理文字、图像、还是图形元素,如果没有一个深思熟虑的排版构成,你的工作基本上就会崩溃。


>>观看下面视频,学习排版构成的基础知识。

Tips:本文的翻译相对字幕更加贴切,大家不要忘记阅读哦。

二、5个基本原则

Five basic principles

-

想要精通排版和构图,关键是要像设计师一样思考。幸运的是,它比听起来更加容易。这里有5个基本原则,它可以帮助你改善设计工作,提高你的设计眼光。在你的下一个设计项目中,请牢记它们,并寻找机会应用这些原则。


2.1亲密性

Proximity

-

亲密性原则,是使用视觉化的空间来展现内容之间关联性的设计技法。在实践中,它非常简单——你所要做的就是:确保相关的元素被组合在一起,使他们建立更近的亲密性(例如,在图形中,文本或元素的块,如下面的例子所)。

彼此不相关的组合应该被分开,在视觉上强调它们之间的相关性薄弱。最重要的是,让人们只看一眼你的设计作品,就能更轻松地理解,无论是纯文本还是更加视觉化的作品。


2.2留白

White space

-

留白,是每一个构成中最重要的部分。现在,留白并不是字面上的“空白空间”;它意思是“负空间”,例如这个空间,是内容彼此之间的空间,存在于文本行之间,甚至是内容的外边缘。

留白,并没有“唯一正确”的使用标准,但是理解留白的意义,则有助于我们更好从事平面设计。留白空间,有助于你限定和分离不同的部分,让你的内容有呼吸的空间。如果你的设计开始变得凌乱或不舒服,那么,多一点的留白空间,可能正是你所需要的。


2.3对齐

Alignment

-

对齐,是你一直都在处理的事儿,即使你没有意识到。无论何时,你编辑邮件或创建文档时,文本都会自动对齐

当你通过自己手动调整元素的对齐方式时,(例如:图像或分离的文本框),处理起来可能会比较棘手,最重要的是保持始终如一

遵循这个原则,设想将你的内容安排在网格内部,就像下面的示例一样。值得注意的是:如何将这一条无形的线,置于每组图像和文本的中心?让每一个组合,以相等的外边距均匀分布、成一条直线对齐。

正是这种对细节的关注,才使得最终的作品更容易被阅读。如果没有统一的对齐原则,你的作品就会开始变得杂乱无章。

2.4对比

Contrast

-

对比,简单来说就是页面上的一个元素不同于另一个元素。在排版和构图上,对比可以帮助你做很多事情,比如:吸引读者的眼睛、创造重点,或者把注意力放在重要的地方。

为了在下面的例子中,为了创建对比,我们使用了颜色,以及不同风格的文本,以及不同大小的视觉元素。这使得设计更加具有活力,因此能更有效地传达信息。


2.4.1层级(Hierarchy)

对比也与层级结构紧密相关,是一种有助于读者浏览你作品的视觉化技巧。换句话说,使用不同级别的强调,能向人们直接展示该从哪里开始阅读,以及下一步该看哪里。


建立层级结构很简单:你只需决定哪一个元素你希望读者最先注意到,然后把它突出。高层级的项目通常是更大、更粗或者在某些地方更吸引眼球。


2.5重复

Repetition

-

重复是一种提醒,每个设计项目都应该有一致的外观感觉。这意味着要通过重复某些元素来增强你的设计感。

1c4d59afb3fda801211d251a0959.jpg

例如,你有一组特定的调色板,你可以寻找一些方法,将其贯穿在你的整个设计之中。如果您选择了一个特殊的标题样式,那么,请每次都重复使用它。

这不仅仅是出于美学上的原因——保持一致也能让你的作品更容易阅读。当读者知道该期待什么内容时,他们便可从容地专注于内容本身。


三、总结

Putting it all together

-

你可能会说,排版和构成是平面设计中的无名英雄,是很容易忽略的角色,但它们却是你所做的每副平面设计作品中的一部分。

以上这些设计原则,可以帮助你提升设计水准。只需要稍微注意细节,你就能创造出漂亮、专业的平面设计作品。

快速提升排版硬实力,请进一步参考《版式设计案例教程》(http://t.cn/RNoULkC),该视频是学习“排版构成”实战技能的最佳教程!能帮助你解决版式设计创意、灵感难题。让你的设计水平更上一层楼。


最后

In the end
-

@酷coo豆 希望你能喜欢学习排版构成的基础知识!当然,不要忘了学习我整理的其它平面设计自学入门系列文章,包括:字体排印、色彩理论、图像基础,以设计的基本原理。


排版相关书籍教程

Some books of composition

-

学习排版,一是要有系统的理论知识做指导、二是要学会在实践中如何去运用。从这两个维度出发,@酷coo豆 收罗了以下学习资源供你参考。

1视频-实战:《版式设计全案例高级教程》

“实践是检验真理的唯一标准”,通过实例教学,帮你解决版式设计创意、灵感难题,让你设计水平更上一层楼。

2书籍-理论:《写给大家看的设计书》

这本书,是无数设计师推荐过无数遍的经典著作,在此@酷coo豆 再一次的推荐给你。

3书籍-理论:《平面设计中的网格系统》

“100本经典平面设计书籍”之一,清华美院教授、书籍设计大师吕敬人老师亲笔撰文推荐本书。

如果有所收获,不要忘了点赞哦。