个人中心 我的学堂 我的旅行 退出账号

设计师排版的懒人法则

2017.04.07 | , , ,
蚂蚁景观 蚂蚁景观

作者:小蚂哥
原文链接

大家好,我是小蚂哥。之前给大家聊了聊意向图和整理文件的方法。

大家很是热情啊,在后台留言说让我讲讲排版。其实也就是版式设计。

小蚂哥立马屁颠屁颠的找朋友征询意见,得到的大多数回答居然是版式还用得着设计?

看来建设行业的设计人员普遍对版式没有概念啊,那么这期就还让我这个老司机教你懒人的排版法则,

坐好了,开车喽~

以下封面不针对与任何公司和个人,纯碎设计交流,注意前方高能前方高能~

一直以来,小蚂哥都有着每天浏览方案的习惯,实际的方案文本可以让我们全面的了解项目。

但每次点开早就下载好的文件,迎面就扑来了酸爽的气息。

看这销魂的绿色和五颜六色的色块,看到这种封面你还有心思往下看吗?

当然还有这种的:

一大片幽兰占据了整个画面,随意摆放的字体,甚至手绘的效果图也是蓝绿色的,怎么看都不是自然和谐啊亲~

居然还有这样的,设计师究竟遭遇了什么~

你也许会说难看,但你知道他们的问题到底出在哪了吗?其实很简单,他们都没有信息分组~所以我的懒人法则一就是信息分组

方案的本质就是要让客户和读者最准确快速的获取信息,这也是版式存在的必要条件。那么作为汇报文件,我们的信息或者说手中的拼图就是图片和文字。我们还举之前的例子来说吧~

封面的信息并不多,但设计师显然在排版的时候不知道信息的递进关系,对于汇报方案的封面第一位应该是项目名称,公司名称是第二位,其余应该是最后才被感知的。

所以当把所有的图形信息省去之后,这两组信息应该是这样排布,注意两组信息之间是要有一定的间距的,同时为了区别信息的层级,字号和颜色都有所调整。

这会让人第一眼识别到项目名称,信息的获取是你来引导的(这才是设计师应该做的啊)一般一个版面可以区分三个层级的信息。

所以明白了吧,当你两眼一抹黑不知道怎么排版的时候首先要确定你信息的重要次序,顺着排下来就可以了。电影海报就是严格按照信息的获取顺序设计的,look

上面我们讲的反面例子还犯了一个大忌,就是没有骨骼,小蚂哥曾经在平面公司上了一年多的班,学到的最多的就是版面的格式,其实任何一个版面,哪怕是很小的名片都是有格式的。

九宫格的版式

左右分割的版式

今天我们分析版式的话,可能10期也讲不完,其实有个懒人专用的版式技巧,小蚂哥也是屡试不爽,那就是:对齐!!!

之前我们看到这种版式,各个元素都没有对齐的关系,所以更谈不上什么骨架了

如果我们还用这些元素,但注意对齐的话是这个样子的:

可以看出来,比原来效果好多了,对齐你可以是中轴线,也可以靠左靠右,但总之单页上的所有元素遵循一个对齐规则就可以了。

网上下载的万用模板就是左对齐,同时也注意了信息分组,所以看上去干净清爽。

以上两招是基础中的基础掌握了上面两招,小蚂哥保证你的方案文本做出来不会差,不过要想做的好,我们还需要更多的懒人技巧,我们接着往下看。

多数人排版或者ppt的时候都习惯选择纯色,觉得颜色亮,对比强,但出来的效果往往让人更加“印象深刻”

现在多数景观从业人员都是园林专业的,对于没有艺术功底的小伙伴们,小蚂哥需要你们明白一个词“不饱和色”

当饱和的红黄蓝和白色或者黑色搅拌时就会形成灰度不同带有不同颜色倾向的灰颜色,这就是不饱和色。我们在ppt里和各种排版软件中都能找到。

为什么要用不饱和色呢,因为不会闪瞎我的钛合金眼啊,哈哈哈。

不饱和色让人眼感觉舒服,所以在排版中,合理使用不饱和色的版式就会显得很高大上,比如AECOM兰溪谷方案的封面就是。

在深棕色背景下的亮黄色显得极为突出,虽然字号不大,但还是一眼能够识别,信息的传递顺序是通过颜色的对比传递的,这就是一个好的封面。

这个封面的颜色更为灰,但灰不意味着脏,所以这中间的尺度感还是需要把握的。

那是不是纯色就不能用呢,当然不是,纯色用的好的例子比比皆是。但这期是懒人法则哈,小蚂哥就不讨论了。

懒人版式的下一个法则是

当我们排版时免不了要用中英双语,但英文和中文的结构不同,英文的笔画平均所以非常适合作为装饰线来使用。

比如在这个封面中,英文完全作为装饰线被放在最上面,这能使你的文本更加

的国际化。

不过说到线,这里有一个忌讳,就是尽量不要把图片切成线,就像这样:

不仅把中间文字的重点夺走了,还让图片没有了识别性,翻译成人话就是

玩脱了~~

如果你觉得前面几招都太简单了,那你一定对下面这招感兴趣:

怎么解释呢,我们可以看看下面的版式

当图形有了透叠关系后,版面自然就丰富起来了,

关键在于一个字:

透。透出空间,透出变化。

上面的封面能感觉是用心在做了,但是依然很乱,原因就是没有透~~

如果我们把透这个思维用在方案汇报文件上就会是这个样子

是不是感觉方案的质感一下子就出来了,这种图片和透明色块叠加的手法,既简单,又方便,别说我没教给你哈。

最后如果你对与颜色和版式都完全没有感觉,也看不出来我说的上面那些封面的好与坏,小蚂哥告诉你一个惊天大绝招,懒人法则终极绝招!!

就像我做的上图一样,一个页面只说一个信息,只放一张图片,只用黑白两色,这样不仅信息传递到位了,还确实不用动脑子啊亲~

还有大厂风范,你说好不好~

授人与鱼不如授人与渔,小蚂哥还是希望大家能活用上面几个懒人法则,先把事情做对,再把事情做好。

好了这期就到这了,我是小蚂哥,带你玩转景观,我们下期见~

15条评论
建筑学院
建筑学院 2020-04-17 15:53:19 回复 0

回复 甜甜圈: 之前临时下架了,现已重新上线

甜甜圈
甜甜圈 2020-04-17 13:07:23 回复

app看得到图

甜甜圈
甜甜圈 2020-04-17 13:07:23 回复 0

app看得到图

萌猫
萌猫 2019-03-25 17:36:13 回复 0

回复 小叮丹: 说的太对了

萌猫
小叮丹 2019-01-11 01:14:21 回复

没有图啊,是我瞎了嘛

Li
Li 2019-03-21 01:51:34 回复 0

我以为是我一个人看不见 看完了发现原来就是没有图片

William 杨
William 杨 2019-03-12 08:02:57 回复 0

没图你说个..

小叮丹
小叮丹 2019-01-11 01:14:21 回复 0

没有图啊,是我瞎了嘛

Υozora*
Υozora* 2018-12-18 00:24:41 回复 0

看不到图片怎么破

light
light 2018-12-13 10:35:36 回复 0

看不到图片

孙启文
孙启文 2018-12-02 21:05:30 回复 0

没有图啊

小妖精
小妖精 2018-07-05 10:46:50 回复 0

可以的

开心就好
开心就好 2017-11-19 22:48:14 回复 0

学到了

贺仪
贺仪 2017-11-09 14:44:14 回复 0

大巧若拙

画眉 2017-07-24 16:08:11 回复 0

不错

Y
Y 2017-04-11 08:50:20 回复 0

厉害

超人静
超人静 2017-04-07 08:54:12 回复 0

不错,受教了。

蚂蚁景观 蚂蚁景观

作者:小蚂哥
原文链接

media@archcollege.com
建筑学院来稿须知 关闭
感谢您的关注与支持!我们非常欢迎各类投稿。
几点简单的来稿须知,望您耐心读完。
来稿要求如下:

● 作品类稿件

1、高清项目实景照片/效果图/模型照片/手绘草图
2、高清技术图纸,如:分析图/主要平立剖/总平面/关键节点详图
(图片要求:无水印,格式为JPG,图片分辨率72,宽度大于1200像素)
3、详实的设计说明800字左右(word格式)
4、真实准确的基本项目信息
5、如有项目视频,请提供高清项目视频
6、贵司的LOGO、官网相关信息。(用于注明文章出处及作者)

● 其他稿件

1、配图清晰且无水印图片
2、内容有趣有料,文字流畅通顺。
3、作者姓名,若有公号请提供公号名称及LOGO
我们的编辑将在收到稿件后的3个工作日内审稿并与您取得联系,如果没有刊载也会在3个工作日内您答复。
投稿邮箱:tougao@archcollege.com
如有其他疑问请加微信: jzxy-yz
建筑学院 建筑学院

建筑学院APP

为建筑师而打造的精品应用

点击下载
close
社交账号登录
close
close
close
欢迎加入【建筑学院】
快去完善你的个人信息吧!
完善资料
等下完善
close