一起来唠唠排版的二三事吧

又到了一周一会的制图教室时间啦~应我们广大粉丝的要求，今天准备给大家带来一期接地气的排版分享帖~众所周知，好的图纸最后呈现到心仪的学校或者公司面前的时候，还要靠好的排版来包装包装，作为一个有理想有抱负的设计人，怎能容忍排版方面输人一截呢！可是，话说回来，排版也是个技术活儿，图纸咱画得多了，教程也看得多了，总也算得心应手，可作品集这辈子可能也就做个一两次两三次的，练手机会太少，总觉得缺点神助，可如何是好呢？

所以这一期，制图教室给大家带来一些排版方面的TIPS、可供大家借鉴的优秀案例以及一些实用的素材，咱这次抛开大道理不说，接地气地跟大家唠一唠排版这件事儿。

0 1

赏图但还得搭配

首先我们都知道，作品集总共可以分为几大部分：封面、目录、扉页以及内容页。

单独每个部分相信大家都能找到一些美图来参考，包括内容页的排版，网上也有很多教给大家排版框架的文章。这里简单给大家摘录一些网上的学习资料~

首先是篇幅最多的内容页排版套路。

这部分小编觉得最重要的是关注比例问题。图片在整个页面的占比，大家需要从这些模板里仔细揣摩。全屏是最简单的，不用担心比例出错。等分其次，横版等分则注意竖向页面占比，竖版等分则注意横向页面占比；大小组合的情况对比例的考验是最大的。如果说要简单概括，一般可以以三等分点作为一个较好的比例分割点，黄金分割点当然也很棒，只是如此精确可能是强迫症患者的福音~

以上是各种分法的页面布局，大家注意比例。

全屏的布局样式就不用再说了，图片直接撑满页面就好啦~

然后是我们的第一印象封面图赏。

封面可发挥的空间很大，每个人都有自己独到的表达。不做总结，静静看图就好。没有经验的小伙伴从模仿开始，大神们就自由发挥啦~

还是直接上图。

先来一波干净纯洁系列，这个流派的封面大面积白色调，文字、图案都是走的秀气风格。

有偏爱浅色白色的流派，那就肯定还有偏爱深色的流派。

从这些案例里也不难看出，黑白灰果然是建筑师们万年不变的真爱！但是，设计圈儿可不能只是黑白灰，偏爱色彩的人儿也大把大把的。

单彩色是个不错的选择，甚至不用考虑配色的问题。

多彩色还需考验大家的配色功底。

接下来我们看看目录页。

目录页也是我们整个作品集中初步印象的关键，很能体现作为建筑师的设计能力。

因为是图集类型的目录，一般大家都会采用配图目录，这就和书籍类的出版物有所不同了。

目录页的图片一般就是一个阵列的表现形式，当然阵列也有花样可以玩。有排排坐整整齐齐的阵列，就有来点斜角插点色块的阵列。简单来两个栗子~

扉页一般和设计相关，或者需要作品集整体配合，这里就暂时不给大家案例了。

图看过了不只是热闹而已，这里小编想提醒大家的却是另外一点，那就是，这四大部分还得配合起来相得益彰！这一点甚为关键！如果只是机械地借鉴别人的美图，四大部分单独一看，美则美矣，但放到一块儿之后，可能就是出现东拼西凑的既视感，整体性得不到保证是整个作品集排版失败的一大重要原因！

0 2

字体选择和排版

都说建筑师靠图说话，作品集里图确实占了绝大部分，但文字也是必不可少的，哪怕只是几个关键词或者关键句。而且细心的小伙伴应该也会发现，文字在整个作品集的排版里也起着重要的作用，满是图片的页面上，有了几排小字，或是有了几个大字，一下就多了一个层次，精气神儿都不一样了呢！

那么，说到文字就不得不说字体的选择了。关于有衬线字体和无衬线字体这两个概念，相信大家也已经耳熟能详了。各有各的好，还看怎么搭配。

对字体没有任何感觉的小白，小编建议，选择一套干干净净的无衬线字体就好。毕竟咱玩儿的不是字体，精力有限就不用在字体上过于纠结。

我们更应该注意的是，不同层级的字体设置要明确！主标题、副标题、正文，这是三个最基本的层次，通过文字的大小和粗细加以区别。附注的文字还可以选择小号字体、浅色或者甚至是斜体来与其他层级的文字拉开差距。

来个例子看看。重点看文字啊！

字体选择过关之后，同样也有排版的问题。关于文字排版，小编只有一点想说，那就是：

整齐！整齐！整齐！

没有什么比整齐更重要的了！

每一个页面里需要有明确的对位关系，和图片、和其他段落文字。零零散散乱七八糟的摆法一般人可是驾驭不了的哦。

页面与页面之间也要有准确的对位关系，尤其是每页都会重复出现的文字内容，不然出现翻页的时候错位的情况就很是尴尬了，直接掉一个level！

0 3

什么都没有直接上模板快捷

说好的不讲大道理，还是码了一顿“废话”。最后的最后，还是直接祭出最最快捷的法宝。一套ID的模板分享给大家，赶时间的、嫌自己太菜的、懒人党的，通通给我用起来！

0 4

真的是最后的最后

排版其实也是个审美的事儿，所以，万变不离其宗的还是，大家伙儿多看看牛B的平面设计作品，提升自己的审美，培养那种玄妙的感觉，说不定，不经意之间，出手就是作品了~那时候还管它什么模板、套路，自己就是标准！

这里粘两个小编自己喜欢的网站，算是抛砖引玉了~评论区留给大家，尽情丢出你们的玉石吧~

GRAPHITICA

http://graphitica.com/

AH X HA

http://studioahha.com/