平面设想自学入门教程：排版组成篇（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豆 会做得更好，感激有你！




原文地址：https://zhuanlan.zhihu.com/p/28915201
免责声明：
1、文章部分图片源于收集，均为表示图；
2、一切文章、图片、音频视频文件等材料版权归版权一切人一切；
3、因非原创文章及图片等内容没法和版权者联系，如原作者或编辑以为作品不宜上网供阅读，或不应无偿利用，请实时告诉我们，以敏捷采纳适当办法，避免给双方形成不需要的经济损失；
4、本页面内容由爬虫法式自动收集于互联网，如无意中加害了媒体或小我的常识产权，请电邮【E-Mail:cb@yoyodoc.com】告之，我们将于24小时内删除。

爱过就是完全脖

油管儿上的老工具了，感激作者的翻译和编辑。

伤心骑士口

感激搬运+翻译啊  就是有点小瑕疵 比如 go through 大佬你文章里都写了是贯串，可是视频里怎样还是”经过“，看得我一愣。。。(捂脸)
再次感激，我看完了你的文章，我去你网站进修去，哈哈~