平面设计自学入门教程：排版构成篇（3/5）

骑车车上仙女山

平面设计没有好的排版，信息传达就会受阻，不但影响阅读效率，甚至导致页面凌乱不堪。通过学习本文所讲解到的“5个排版构图基本原则”，很快你就能达到专业设计师的水准。

版权声明

本文经“GCFlearnFree.org”授权后，由@酷coo豆 翻译中文。首发于平面设计学习日记网（xxriji.cn）与知乎专栏。如需转载请联系“GCFLearnFree”取得合法授权。

What is composition?

一、什么是构成？

在设计领域，构成是指将一定的形态元素，按照视觉规律、力学原理、心理特性、审美法则进行的创造性的组合。
在某种程度上来说，排版和构成它们是设计的构建模块。它使得你的平面设计作品更加结构化，更加易于被浏览，从版面的两侧边缘到主体内容之间。


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

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


https://www.zhihu.com/video/887650221335666688

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

本文地址：https://zhuanlan.zhihu.com/p/28915201
公众号：followdesign（平面设计学习日记）
中文翻译： @酷coo豆

Five basic principles

二、5个基本原则

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



Proximity

2.1亲密性

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


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



White space

2.2留白

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


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



Alignment

2.3对齐

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


当你通过自己手动调整元素的对齐方式时，（例如：图像或分离的文本框），处理起来可能会比较棘手，最重要的是保持始终如一。
遵循这个原则，设想将你的内容安排在网格内部，就像下面的示例一样。值得注意的是：如何将这一条无形的线，置于每组图像和文本的中心？让每一个组合，以相等的外边距均匀分布、成一条直线对齐。


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

Contrast

2.4对比

对比，简单来说就是页面上的一个元素不同于另一个元素。在排版和构图上，对比可以帮助你做很多事情，比如：吸引读者的眼睛、创造重点，或者把注意力放在重要的地方。
为了在下面的例子中，为了创建对比，我们使用了颜色，以及不同风格的文本，以及不同大小的视觉元素。这使得设计更加具有活力，因此能更有效地传达信息。



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


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



Repetition

2.5重复

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


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


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



Putting it all together

三、总结

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


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



最后， @酷coo豆 希望你能喜欢学习排版构成的基础知识！

当然，不要忘了学习我整理的其它平面设计自学入门系列文章，包括：字体排印、色彩理论、图像基础，以设计原理篇。

More Advanced tutorials

进阶教程推荐

平面设计作品没有好的排版，信息传达就会受阻。掌握版式构图，是每一位平面设计师的看家本领。学习排版，一是要有系统的理论知识做指导、二是要学会在实践中如何去运用。从这两个维度出发，@酷coo豆 收罗了以下学习资源供你参考。
1视频-实战：《版式设计全案例高级教程》
“实践是检验真理的唯一标准”，该套教程，是学习“排版构成”的实战技能的最佳教程！能帮助你解决版式设计创意、灵感难题，让你的设计水平更上一层楼。本教程由江遥录制（GDC平面设计在中国西安站十佳设计师）。
2书籍-理论：《写给大家看的设计书》
《写给大家看到设计书》这本书，是无数设计师推荐过无数遍的经典著作，在此@酷coo豆 再一次的推荐给你。
3书籍-理论：《平面设计中的网格系统》
国外出版35年来畅销至今，“100本经典平面设计书籍”之一，清华美院教授、书籍设计大师吕敬人老师亲笔撰文推荐本书。

写在后面

以上就是@酷coo豆 翻译整理的”平面设计入门：排版构图篇“的全部内容，希望对大家有所帮助。更多有关“自学平面设计”的话题，请持续关注「平面设计学习日记-知乎专栏」，或搜索：平面设计学习日记网。
本专栏将坚持为：热衷于为自学平面设计的朋友，提供优质学习资源。聚合推荐国内优秀设计导师，以及平面设计视频、书籍、经验教程等，让自学有路可循，成长更加高效。


如有所获，就请多多点赞或转发分享，有你的鼓励， @酷coo豆 会做得更好，感谢有你！

碎雨

油管儿上的老东西了，感谢作者的翻译和编辑。

柏拉图的爱情

感谢搬运+翻译啊  就是有点小瑕疵 比如 go through 大佬你文章里都写了是贯穿，但是视频里怎么还是”通过“，看得我一愣。。。(捂脸)
再次感谢，我看完了你的文章，我去你网站学习去，哈哈~