设计师排版的懒人法则 建筑学院 • 2017-04-07 上午8:00 • 在职建筑师, 学生, 建筑设计, 排版构图, 经验 老司机教你懒人的排版法则， 坐好了，开车喽~ 大家好，我是小蚂哥。之前给大家聊了聊意向图和整理文件的方法。 大家很是热情啊，在后台留言说让我讲讲排版。其实也就是版式设计。 小蚂哥立马屁颠屁颠的找朋友征询意见，得到的大多数回答居然是版式还用得着设计? 看来建设行业的设计人员普遍对版式没有概念啊，那么这期就还让我这个老司机教你懒人的排版法则， 坐好了，开车喽~ 以下封面不针对与任何公司和个人，纯碎设计交流，注意前方高能前方高能~ 一直以来，小蚂哥都有着每天浏览方案的习惯，实际的方案文本可以让我们全面的了解项目。 但每次点开早就下载好的文件，迎面就扑来了酸爽的气息。 看这销魂的绿色和五颜六色的色块，看到这种封面你还有心思往下看吗？ 当然还有这种的： 一大片幽兰占据了整个画面，随意摆放的字体，甚至手绘的效果图也是蓝绿色的，怎么看都不是自然和谐啊亲~ 居然还有这样的，设计师究竟遭遇了什么~ 你也许会说难看，但你知道他们的问题到底出在哪了吗？其实很简单，他们都没有信息分组~所以我的懒人法则一就是信息分组 方案的本质就是要让客户和读者最准确快速的获取信息，这也是版式存在的必要条件。那么作为汇报文件，我们的信息或者说手中的拼图就是图片和文字。我们还举之前的例子来说吧~ 封面的信息并不多，但设计师显然在排版的时候不知道信息的递进关系，对于汇报方案的封面第一位应该是项目名称，公司名称是第二位，其余应该是最后才被感知的。 所以当把所有的图形信息省去之后，这两组信息应该是这样排布，注意两组信息之间是要有一定的间距的，同时为了区别信息的层级，字号和颜色都有所调整。 这会让人第一眼识别到项目名称，信息的获取是你来引导的（这才是设计师应该做的啊）一般一个版面可以区分三个层级的信息。 所以明白了吧，当你两眼一抹黑不知道怎么排版的时候首先要确定你信息的重要次序，顺着排下来就可以了。电影海报就是严格按照信息的获取顺序设计的，look 上面我们讲的反面例子还犯了一个大忌，就是没有骨骼，小蚂哥曾经在平面公司上了一年多的班，学到的最多的就是版面的格式，其实任何一个版面，哪怕是很小的名片都是有格式的。 九宫格的版式 左右分割的版式 今天我们分析版式的话，可能10期也讲不完，其实有个懒人专用的版式技巧，小蚂哥也是屡试不爽，那就是：对齐！！！ 之前我们看到这种版式，各个元素都没有对齐的关系，所以更谈不上什么骨架了 如果我们还用这些元素，但注意对齐的话是这个样子的： 可以看出来，比原来效果好多了，对齐你可以是中轴线，也可以靠左靠右，但总之单页上的所有元素遵循一个对齐规则就可以了。 网上下载的万用模板就是左对齐，同时也注意了信息分组，所以看上去干净清爽。 以上两招是基础中的基础掌握了上面两招，小蚂哥保证你的方案文本做出来不会差，不过要想做的好，我们还需要更多的懒人技巧，我们接着往下看。 多数人排版或者ppt的时候都习惯选择纯色，觉得颜色亮，对比强，但出来的效果往往让人更加“印象深刻” 现在多数景观从业人员都是园林专业的，对于没有艺术功底的小伙伴们，小蚂哥需要你们明白一个词“不饱和色” 当饱和的红黄蓝和白色或者黑色搅拌时就会形成灰度不同带有不同颜色倾向的灰颜色，这就是不饱和色。我们在ppt里和各种排版软件中都能找到。 为什么要用不饱和色呢，因为不会闪瞎我的钛合金眼啊，哈哈哈。 不饱和色让人眼感觉舒服，所以在排版中，合理使用不饱和色的版式就会显得很高大上，比如AECOM兰溪谷方案的封面就是。 在深棕色背景下的亮黄色显得极为突出，虽然字号不大，但还是一眼能够识别，信息的传递顺序是通过颜色的对比传递的，这就是一个好的封面。 这个封面的颜色更为灰，但灰不意味着脏，所以这中间的尺度感还是需要把握的。 那是不是纯色就不能用呢，当然不是，纯色用的好的例子比比皆是。但这期是懒人法则哈，小蚂哥就不讨论了。 懒人版式的下一个法则是 当我们排版时免不了要用中英双语，但英文和中文的结构不同，英文的笔画平均所以非常适合作为装饰线来使用。 比如在这个封面中，英文完全作为装饰线被放在最上面，这能使你的文本更加 的国际化。 不过说到线，这里有一个忌讳，就是尽量不要把图片切成线，就像这样： 不仅把中间文字的重点夺走了，还让图片没有了识别性，翻译成人话就是 玩脱了~~ 如果你觉得前面几招都太简单了，那你一定对下面这招感兴趣： 怎么解释呢，我们可以看看下面的版式 当图形有了透叠关系后，版面自然就丰富起来了， 关键在于一个字： 透。透出空间，透出变化。 上面的封面能感觉是用心在做了，但是依然很乱，原因就是没有透~~ 如果我们把透这个思维用在方案汇报文件上就会是这个样子 是不是感觉方案的质感一下子就出来了，这种图片和透明色块叠加的手法，既简单，又方便，别说我没教给你哈。 最后如果你对与颜色和版式都完全没有感觉，也看不出来我说的上面那些封面的好与坏，小蚂哥告诉你一个惊天大绝招，懒人法则终极绝招！！ 就像我做的上图一样，一个页面只说一个信息，只放一张图片，只用黑白两色，这样不仅信息传递到位了，还确实不用动脑子啊亲~ 还有大厂风范，你说好不好~ 授人与鱼不如授人与渔，小蚂哥还是希望大家能活用上面几个懒人法则，先把事情做对，再把事情做好。 好了这期就到这了，我是小蚂哥，带你玩转景观，我们下期见~ 本文来自 © 建筑学院， 发布于 © 建筑学院官方网站。 未经授权，禁止转载或摘编。 编辑版本版权归 © 建筑学院官方网站 所有， 设计、图纸及照片版权归设计方 © 建筑学院 ↗ 所有。 查看作者在建筑学院发布的更多作品： 建筑学院 @ 建筑学院官方网站 排版构图 建筑学院编辑 下载原图 收藏 13 关于作者 建筑学院编辑 关注私信 9.0K 文章 202 评论 6 粉丝 建筑学院（ArchCollege）是中国领先的建筑师移动垂直社区，成立于2012年，超过 70% 的年轻建筑师正在使用我们的产品。我们致力于通过建筑设计新媒体与在线教育平台，连接教育、行业与科技，为建筑师提供灵感与成长支持，陪伴并见证每一位青年建筑师的专业进阶与时代探索。 斜轴侧平面图不会？建筑表现达人用5步告诉你 上一篇 2017-02-17 上午8:30 分享丨Rhino画剖面的各种姿势~~~ 下一篇 2017-06-25 上午9:00 猜你喜欢 2019同济大学建筑系本科生毕业展 | 别人家的毕设 2019-06-13 好图分享 跟大洲学排版2.0：绘图到排版的图面表达工作流 2017-07-27 建筑设计 同济保研夏令营快题公开课02：常见功能性建筑设计 2019-08-02 学生 如何做好排版设计？格式塔原理？视觉补齐？ 2017-09-21 建筑设计 经验 | Portfolio排版策略，那些你不知道的 2017-11-09 学生 看完别人家的课程设计，我怀疑莫不是上了个假的建筑学？ 2017-07-19 建筑设计 发表回复 请登录后评论...登录后才能评论 提交 评论列表（13条） 画眉 2017-07-24 下午4:08 不错 回复 超人静 2017-04-07 上午8:54 不错，受教了。 回复 Y 2017-04-11 上午8:50 厉害 回复 贺仪 2017-11-09 下午2:44 大巧若拙 回复 开心就好 2017-11-19 下午10:48 学到了 回复 小妖精 2018-07-05 上午10:46 可以的 回复 孙启文 2018-12-02 下午9:05 没有图啊 回复 light 2018-12-13 上午10:35 看不到图片 回复 Υozora* 2018-12-18 上午12:24 看不到图片怎么破 回复 小叮丹 2019-01-11 上午1:14 没有图啊，是我瞎了嘛 回复 萌猫 2019-03-25 下午5:36 @小叮丹：说的太对了 回复 William 杨 2019-03-12 上午8:02 没图你说个.. 回复 Li 2019-03-21 上午1:51 我以为是我一个人看不见 看完了发现原来就是没有图片 回复 甜甜圈 2020-04-17 下午1:07 app看得到图 回复 建筑学院 2020-04-17 下午3:53 @甜甜圈：之前临时下架了，现已重新上线 回复
