排版的基本规则

发布时间:2019-01-21 点击数:113

 本文转载自“旁门正道”公众号。如有侵犯,请联系网站管理员删除。

 



首先大家要知道一个原则,虽然这是四大基本原则,但它们之间并不是互相独立的,而是需要综合运用的。你做任何一个设计稿,不可能只用到其中一种原则的。


我们通过一个示例来回顾一下这四条原则。



上面这是一个自由散乱的排版,这种排版方式学术上一般称之为后现代自由浪漫主义风格,俗称逗逼。


好了,下面我们试着开始用前面学过的排版原则来优化它。



第一步是对齐,因为它们大小形状都不一致,所以我按重心进行视觉对齐。


为了帮助大家理解,找来一张非常适合的图,你看这些辣椒啊肉啊洋葱啊,都不是同样的东西,但是串在一起之后,是不是觉得已经很好分类了?



重复

排版上的重复要诀是统一。



首先把元素去统一大小、统一间距、统一方向,这样我们就可以得到一个工整、能看的版面。再重复地在一个规律下出现。


为了帮助大家理解,我找来一张图非常好地说明,虽然长得都高矮肥瘦不一样,但是我们都穿上同样的衣服,这样就看起来统一了,然后按照一定的间距和方向排列在一期,看起来也很像很整齐很有规律在一起。



亲密性

亲密性就是指元素之间的关联性。




这个很好理解,不要和不是同一类的人站在一起,否则会发生不和谐的事件!



关联性越强,它们之间应该靠得越近。反之则应该离远点。


亲密性虽然比较简单,但是很多新手在排版的时候经常容易忽略信息的相关性。



对比

对比就是提炼画面重点,然后通过改变大小、颜色、位置等方式来强化它,使得画面主次分明。



由案例我们可以看到,对齐、重复、亲密性这三条原则可以让画面更有条理,而对比要做的事情恰恰是相反的,是打破画面原有平衡,建立新的秩序。


回顾完之前的内容,现在我们再通过一个实际的案例看看他们是如何综合应用的。



非常的提神醒脑有没有?!辣眼睛是不是?先大概看看这张图里面存在的问题 。



问题很多,不过在我看来,最重要的就是两条:


1、信息很多,但是没有条理,分不清主次。

2、样式很多,但是看不出是食品主题。


如果硬要归纳成一条,那就是:做的很丑!


我们来一步步解决这两大问题,首先是做减法。


先把字体统一,背景色去掉。

duang~~

虽然还是很丑,但是起码不会刺瞎眼!



继续做減法,将字体颜色简化成两种,重要的标红,不重要的灰色,这种简单粗暴的做法有利于我们快速的将信息层级梳理出来。


先看看什么是重要的?

当然是促销信息最重要啊!任选6代团购价,这个是对用户最有价值的信息,什么狗屁营养健康,什么美容养颜,都是唬人的东西,没有人看也没有人信,写上去仅仅是为了骗骗那些老人家而已!所以不要重点突出那些。



是不是梳理完主次,看起来舒服多了,想看的都看到了,不想看的弱化了。


到这一步,我们可以清晰的看到这张海报是想要做什么,这样就解决了第一个问题,完成了建立条理的过程。


来看下对比图:

虽然仅仅是纯文字,但是已经档次提高了很多,当然这个只是个半成品。



看看我们在这个过程中使用了哪些排版原则:


1、整体居中对齐——对齐

2、统一颜色,统一字体和间距——重复

3、相关的内容编成一组——亲密性

4、重要信息标红加粗——对比



接下来,进一步分析海报的内容:



确定好信息层次之后,先将次要的元素隐藏掉,先将最重要的部分处理好。




标题排版好了之后,就会发现画面还是缺了视觉重心,我们需要一张合适的素材图来提升氛围。



添加好主视觉的素材之后,再根据图片的颜色调节好文字和背景色,这样画面的元素更加统一。


到这里我们的设计基本完成了大部分,然后我们只需要将次要元素添加进来,以及再丰富一下细节即可。



如果觉得标题的黑体过于拘谨,不够视觉冲击力,也可以尝试一下特殊字体,起到强化对比的作用。



好了,再看下对比图。

这个促销传单,拿到手都愿意看多几眼,而不是辣眼睛。



大图。

虽然没有太多的细化,但是一张传单应该有的要素和讲究,全部都在了。主次分明,核心信息传达到位。


上面的这个案例,看起来并不是什么高大上的设计,用到的设计手法也是一些最基础的排版规则。

这可能是我们工作中最常遇到的需求。它不需要天马行空的创意,可能会有很多文字,有明确的使用场景,以实用为主,总之就是有很多很多限制。而你需要做的是认真仔细的分析需求,然后用扎实的排版基础知识去一步步解决问题即可。



标签
logo设计 品牌vi设计 画册设计 包装设计 吉祥物设计 创意海报设计 图库