写在前面
平面设计中提及到的：排版设计、版式设计、构成、构图，往往说的都是那么一回事。除了研究概念时咬文嚼字一下，就不要像我一样去钻牛角尖了。
第一部分：排版构成基础
以下5条精辟版式设计原则，其已然成为设计师的通识基础，能够快速提升你的排版设计水平。而很多新手却浑然不知，掌握这些知识是非常有必要的。
无论是做平面设计、还是PPT、网页设计，没有好的排版，信息传达就会受阻，不但影响阅读效率，甚至导致页面凌乱不堪。通过学习本文所讲解到的“5个排版构图基本原则”，很快你就能达到专业设计师的水准。
1、什么是构成？
在设计领域，构成是指将一定的形态元素，按照视觉规律、力学原理、心理特性、审美法则进行的创造性的组合。
在某种程度上来说：排版和构成，它们是设计的构建模块。它使得你的平面设计作品更加结构化，更加易于被浏览，从版面的两侧边缘到主体内容之间。
为什么排版构成如此重要？构图，简而言之，这就是你安排或组织内容的呈现方式。不管你是处理文字、图像、还是图形元素，如果没有一个深思熟虑的排版构成，你的工作基本上就会崩溃。
2、五个基本原则
想要精通排版和构图，关键是要像设计师一样思考。幸运的是，它比听起来更加容易。这里有5个基本原则，它可以帮助你改善设计工作，提高你的设计眼光。在你的下一个设计项目中，请牢记它们，并寻找机会应用这些原则。
①亲密性（Proximity）
亲密性原则，是使用视觉化的空间来展现内容之间关联性的设计技法。在实践中，它非常简单——你所要做的就是：确保相关的元素被组合在一起，使他们建立更近的亲密性（例如，在图形中，文本或元素的块，如下面的例子所）。
彼此不相关的组合应该被分开，在视觉上强调它们之间的相关性薄弱。最重要的是，让人们只看一眼你的设计作品，就能更轻松地理解，无论是纯文本还是更加视觉化的作品。
②留白（White space）
留白，是每一个构成中最重要的部分。现在，留白并不是字面上的“空白空间”；它意思是“负空间”，例如这个空间，是内容彼此之间的空间，存在于文本行之间，甚至是内容的外边缘。
留白，并没有“唯一正确”的使用标准，但是理解留白的意义，则有助于我们更好从事平面设计。留白空间，有助于你限定和分离不同的部分，让你的内容有呼吸的空间。如果你的设计开始变得凌乱或不舒服，那么，多一点的留白空间，可能正是你所需要的。
③对齐（Alignment）
对齐，是你一直都在处理的事儿，即使你没有意识到。无论何时，你编辑邮件或创建文档时，文本都会自动对齐。
当你通过自己手动调整元素的对齐方式时，（例如：图像或分离的文本框），处理起来可能会比较棘手，最重要的是保持始终如一。
遵循这个原则，设想将你的内容安排在网格内部，就像下面的示例一样。值得注意的是：如何将这一条无形的线，置于每组图像和文本的中心？让每一个组合，以相等的外边距均匀分布、成一条直线对齐。
正是这种对细节的关注，才使得最终的作品更容易被阅读。如果没有统一的对齐原则，你的作品就会开始变得杂乱无章。
④对比（Contrast）
对比，简单来说就是页面上的一个元素不同于另一个元素。在排版和构图上，对比可以帮助你做很多事情，比如：吸引读者的眼睛、创造重点，或者把注意力放在重要的地方。
为了在下面的例子中，为了创建对比，我们使用了颜色，以及不同风格的文本，以及不同大小的视觉元素。这使得设计更加具有活力，因此能更有效地传达信息。
层级（Hierarchy）
对比也与层级结构紧密相关，是一种有助于读者浏览你作品的视觉化技巧。换句话说，使用不同级别的强调，能向人们直接展示该从哪里开始阅读，以及下一步该看哪里。
建立层级结构很简单：你只需决定哪一个元素你希望读者最先注意到，然后把它突出 。高层级的项目通常是更大、更粗或者在某些地方更吸引眼球。
⑤重复（Repetition）
重复是一种提醒，每个设计项目都应该有一致的外观和感觉。这意味着要通过重复某些元素来增强你的设计感。
例如，你有一组特定的调色板，你可以寻找一些方法，将其贯穿在你的整个设计之中。如果您选择了一个特殊的标题样式，那么，请每次都使重复用它。
这不仅仅是出于美学上的原因——保持一致也能让你的作品更容易阅读。当读者知道该期待什么内容时，他们便可从容地专注于内容本身。
3、总结
你可能会说，排版和构成是平面设计中的无名英雄，是很容易忽略的角色，但它们却是你所做的每副平面设计作品中的一部分。
以上这些设计原则，可以帮助你提升设计水准。只需要稍微注意细节，你就能创造出漂亮、专业的平面设计作品。
第二部分：版式设计进阶
掌握版式构图，是每一位平面设计师的看家本领。学习排版，一是要有系统的理论知识做指导、二是要学会在实践中如何去运用。不同的载体形式，在内容组织安排上会有细微差异，进阶阶段，我们则要着重去学习这些知识点。
从这两个维度出发，我推荐大家参考这套专业的《版式设计，全案例高级教程》。从最常见的：VIS应用系统设计、画册设计、折页设计、名片设计、书籍设计、海报设计等项目出发，通过“理论+实践”的专业示范讲解，将解决大家最实际的版式设计学习需求。
部分案例展示
以“优木”封面实例，演示画册封面设计。首先是以“标题”出发，展示适合各行业各业的「通用性画册封面」设计思路。↓↓↓
在通用型画册基础上，借助印刷制作工艺，凸显封面的特点。↓↓↓
从企业的“广告语”出发，制作企业专属画册封面设计，独特性更为明显。↓↓↓
画册设计的基本知识，学习画册开本尺寸、比例关系中的黄金比例和白银比例，以及什么是版心？以及版心距离、页面边距等基础知识。↓↓↓
画册病例纠错。纠正排版设计中常见的“主题表达错误”、“素材处理不完善”等问题。↓↓↓
画册病例纠错。纠正排版设计中常见的“比例关系不争取”、“色彩使用不当”等问题。↓↓↓
纠正排版设计中常见的“短行字图表化”、“色彩过于复杂等问题”，制作最终效果图，提升设计作品档次。↓↓↓
学习书籍装帧内页排版。利用网格系统、以及版式设计中的加减法原则、字体、颜色表现层级关系，制作成高大上的设计作品，让你的版式设计水平进一步提升↓↓↓
学习创意艺术海报排版，如何运用文字、图片、色彩、线条，打造形式美感及艺术感。↓↓↓
好看的作品关键是比例舒服，颜色的比例，轻重的比例，就跟一幅画一样，图文结合的排版需要控制好比重，可以把文字理解成图片的一种，一般有以下几种排法
1、上下分割型。2、左右分割型。3、竖向排版。4、满版型。5、中轴型。6、并列型。7、对称型。8、曲线、斜置型。9、重心型。10、自由型。11、并置型。
1.2-3种字体
很多人设计时的错误之一就是使用太多的字体、字样。字体尽量控制在2到3种，也就意味着主体部分应该统一字体和字号。加强标题，如有副标题也要加强。
最后，保持字体颜色和字距一致，保持页面的整洁。
2.距离产生美
字与字的间距、行与行的间距、标题与正文的间距、正文与边距的间距…为了良好的阅读感受，都需要避免间距过窄。如果需要集中排版，就要选择更小的字体，从而空出适当的间距。同时，也要注意保持页边距的宽度。
3.注意行距
行距即行与行之间的距离。行距适当地增大更能增强其易读性。根据前人经验，行与行之间至少留出比字体大两位数的距离，比如，10磅的字体对应行距应为12磅。
4.字间距
字间距即字母间的距离。大写字母和相邻的小写字母间的距离通常更宽，而字母间的距离应当是一样的。对于这种情况，我们可以以第三个字母开始的字距为标准进行调整。不要轻易尝试调整宽高比，不要随便拉长或者拉宽字体。
5.对齐对齐对齐
除了有特殊规定以外，不要总是把所有的东西都居中对齐，多考虑使用其他对齐格式。页面上的所有内容应该相互连接、帮衬，而不是散落在页边角落，否则看起来就会十分杂乱无章。
6.花体字不能让你一劳永逸
一些设计师发现了一种漂亮的花体字，就开始大篇幅地使用，然而却发现并不能突出自己要表达的信息。花体字的装饰性太强，具有特殊的美化效果，一般只能在篇幅较小的地方进行使用，比如标题和头条。但是一般来说，简单才是王道，这也解释了为什么“微软雅黑”“苹方”这些简单的字体受欢迎的原因。
7.字体大小
一定要仔细考量文本字体的大小。标题应当更大且标粗，但是文章篇幅字体也太大的话，就会显得文体比较low。举个栗子，当你去到一个高级餐厅时，你会发现里面的菜单的字体总是很小，因为这样看起来更精致。（当然也不能小得完全看不见！）对于标题和段落标题，尽可能地使用能区别于篇幅字体的更大一些的字体。
8.简单易读
不论文本的作用是什么，确保别人能轻松读懂你的内容。深色字体深色背景，显然是个无脑的排版。更有甚者，甚至把颜色对比超强的背景图和极浅的小字体进行搭配。记住，少即是多，越是简单的背景往往更能突出文本的内容。
9.颜色的重要性
什么样的颜色才能让排版更好看？毫无疑问，经典黑白配当选冠军。为什么这样说？因为灰度颜色通常更突出。使用颜色时，要避免过高的饱和度，因为亮色字体通常会妨碍阅读。还要避免对比强烈的颜色组合，例如红底绿字。彩虹似的渐变颜色字体也最好不要选哦，世界上没有“五彩斑斓的黑色”。
10.信息归类
信息的归类意味着将相似的内容排列在一起，这样能使信息表达更加明确。下面是两种排版，把关键词整合到一起更能抓住人的眼球，杂乱的归类和排版则让观众难以读懂。
这些规则可以应用到你所有设计的排版中去。好的排版无需图片修饰也能展现出设计的魅力。想要吸引所有的人去看你的设计，简单易懂永远是王道。
截图点评
排版作为一种设计手段，首要目的是为了解决阅读上的问题，好的排版首先能够降低读者观者的阅读负担，其次才是需要达到好看等美学上的目的。
推荐一本书《平面设计中的网格系统》
网格（grid）能够在排版中起到对齐、引导的作用，用好这一工具可以帮你更好地规划平面空间。
以下为一段试读（注：此段文字著作权属于原书作者，此处仅进行引用，如果觉得有帮助请购买原书）：
在开始设计之前，我们需要对在设计中可能出现的问题进行研究。例如开本的大小、文本与插图的关系、字体的选择、印刷方式以及纸张的品质，这些问题都必须先搞清楚。然后设计师开始通过绘制一些小尺寸的草图来尝试着解决这些问题。草图中的比例关系也应该与最终的版面相对应，这样就可以在设计正式版面时避免一些不必要的麻烦。小尺寸的草图也可以让设计师更容易看到整体的版面布局。
在进行草图绘制时，版面的分栏数是需要考虑的要点之一。对于需要进行图文混排的版面来说，特别是需要使用到大、中、小不同尺寸的图片时，如果使用通栏就会显得版面的自由度太低了。 两栏的分栏方式赋予文本和插图更灵活的变化。第一栏可以用来排文本，第二栏可以排插图，文本和插图也可以排在同一栏中。此外，两栏还可以再细分成四栏。
三栏的分栏方式同样也可以制造出丰富的版面变化，它既能容纳各类文本，又可以编排各种大小不同的插图。三栏还可以进一步细分成六栏。但使用三栏或者六栏有一个短处，那就是栏宽相对狭窄，因此也就不得不选择更小的字体来进行编排。不过，具体的分栏方式还是要取决于版面的需求。通常来说，在版面中需要对大量的文本和图片进行混排时，或者还需要插入大量的数据图表和图形时，四栏则是一种比较优选的分栏方式。
四栏还可以进一步分成八栏、十六栏甚至更多栏，这样的分栏方式更便于统计图表在版面中的展示。
……栏宽不仅仅是一个设计或形式的问题，它还涉及到文本的易认性。如果要让读者轻松和舒适地阅读文本，那就不能忽视字号的大小、行的长度和行距。
对于正常的印刷品来说，我们眼睛与它的阅读距离一般为30-35cm，字号的大小也应该按这个距离来计算。字号太大或太小都会让读者读起来很费力，也容易产生疲劳感。
层的概念
一张海报主要分三层，背景层/图形层/信息层
背景层一般避免用死黑（000000）或者大白（ffffff），黑白的海报例外。可以用乳白色，很深的灰色，会给人感觉比较高级，而且看着也比较舒服。
文字对齐
标题，
首先是信息层的文字排版，对齐方向统一。
文字在对齐的时候，上下行的关联性如果不是很大可以去掉标点符号以达到整齐的目的，这种方法比较常用在右对齐。
间距
然后就是行间距太小，用专业术语来说，会导致文本灰度值太高、直观的说就是行与行间太密，容易造成阅读障碍。
正文以及次要信息的文本行间距有个公式： 间距=字体点数＋2，这个公式只是参考用，实际使用还要根据字体不同，以及空间大小等因素进行调节。
----------------------------------
补充阅读
由于排版是一门很大的学问，不可能详尽的叙述，所以就需要结合理论和实际操作不断的练习。这里推荐一点额外的阅读。
1. 微博话题 #青椒姑娘的设计课# ，我觉得是一份非常棒的教程，详细列举了排版的各种技法，并且对英文字体的基础知识也有比较系统的介绍。
2. 英文字体学系统入门 - 《字体：形式与功能（Type: Form &a Function)》
这是一本英文进口书，整本阅读下来后可以对英文字体整个体系有个非常深入的了解。
字体在平面设计和排版中可以说绝对是最关键的一个环节了，毕竟排版排版，排的可不就是字吗？
3. 中文字体的应用 - 《字形散步》
中文字体的应用很重要的两点就是易读性和易辨性，这本书中从台湾街头的各种招牌、广告牌以及路标上的中文字应用进行点评，入手整个中文字体系，可以说是深入浅出的好书。
4. 許翰文的《字体设计数问》 记得是在豆瓣上看到的，找不到链接了，可以自行搜索一下，这里摘一段内容：
汉字的结构，无论简体或繁体，都要比拉丁字复杂。要进行视觉补偿的话，汉字必需要比拉丁字略轻才合乎视觉原则。
我认为字重是搭配上的重点。一般读者难以察觉字体与字体间的分别，搭配与否只凭「感觉」——这感觉一般是由字重去影响——字重差别大，中英文感觉便不配，但如果字重很接近的话，也可以避过一般读者的耳目，即使选了的中／英文字款不相配，看过去也不会太突兀。
……
风格这东西很抽象，最浅的，是看衬线或非衬线字体。深入的，可以是工具风格。举个例，龙门石碑是很古朴、也很传统属于中国文化（魏碑类）的字体。由于字的特式在于刻出来，因此造型有清脆、雄伟、刀刻的味道。
多图预警。这个问题困扰了我好久，无论是交作业，PPT，还是论文排版都很混乱。也不是乱，就是丑。
理科男，从小就没有什么审美观。不过这一定不是技术问题，因为office谁都会用————即使技术有差距，也是效率而不是审美观的问题。既然是审美观的问题，就要从这里解决。
=====目录======
1. 排版原则
2. 看别人怎么做的
3. 有用的小技巧
3. 色彩
==============
1. 排版原则
主要说【图文排版】，UI设计/图片宣传海报这种很专业的事情，还是让专业人士来吧。
这里先推荐一本书《写给大家看的设计书》 。英语好的可以看原版，我看的翻译版，语言容易懂，但有些啰嗦，这里尽可能用最简洁的话。
这本书全书就只讲了这四个词：亲密性、对齐、重复 和 对比
第一，亲密性就是把相关的项目放在一起。
首先要知道哪些东西相关联。
问：这里参数，使用说明，和拨打电话，和直接拨号的逻辑关系是什么？
答：参数与使用说明是 并列的兄弟关系，而后三者是包含关系。
因而：
这样一整理是不是好多了？注意：
高通骁龙821处理器，是属于参数的（两个的逻辑关系接近），因而与参数两个字靠的近。而与下方的使用说明离得远（因为这些参数与使用说明的逻辑关系远）。
同理，拨打电话是属于使用说明的，因而与使用说明靠的近。
售后服务是其他信息，因而要靠近一些，而与上面的短信离得远。
第二，对齐：同类元素对齐，边界提供力度。
其实这个原则很容易理解，就是 内容是同样地位的，对齐方式要统一。但是，不要滥用居中！！
所有都居中：
只有标题居中：
都居左：
会发现，与居中相比，会让人舒服得多。在确定你能hold住 居中 之前，尽量不用居中。
但是全部居左，也会有问题，要看是否影响阅读时候敏感度。
下图中直接拨号和下方的内容，虽然满足亲密性，但是再下一阶就会过度排版了，可以用缩进代替。
第三，重复。从标题和子标题入手。
重复给人一种，他们是同一类的感觉。 所有的一级标题都一致，每页的页眉页脚都一样，这样给你一种他们是同一类的感觉。
一些书的前言的页码是罗马数字正下方居中，而正文是阿拉伯数字下方居右和居右。这样就容易区分前言和正文。
正在看书，如果突然下一页的排版与前一页截然不同，就很可能是又进入到另一个part了，这样可以让人与前面的内容做分离。意思说，我与前面的不一样呦~
第四，对比。要么就完全一致，要么就截然不同。
可以看到，下方各个一级标题，字体都比正文内容大，但是阅读起来，仍不能一眼找到相应信息。
下面把一级标题很大看看：
是不是一眼就能很清楚找到想要的内容了？这就是对比。
对比一定要强烈。
2. 看别人怎么做的
随手拿了本最近在看的书。
封面:
中间的 书名，作者，版本 关系比较密切，而所获奖项，出版社相比而言关系不紧密————亲密性原则。
中间的 书名，作者，图标 关系紧密，都居中。但是出版社，和上方奖项，都居左——对齐
书名和作者 字体相差比较大——对比
扉页：
图标，中英文书名，作者，版本，都居右——对齐
上面书本信息和下面出版社相隔较远——亲密性
左上方大图标，和右边小图标——对比
大小图标——重复，图标和封面的图标——重复
目录：
章节之间相隔较大——亲密性
每章的名字华文宋加粗——对比
页码和章节有一条看不见的线条——对齐
每章，小节，简介字体大小都一致——重复
欢迎评论，共同学习！
