前面我们分别讲了排版的四大基本原则,
点击回顾一下撒!
《对齐后,你的稿子通过了!》
《没有对比,就没有伤害!》
《重复重复再重复的设计神技!》
这期我们就来总结一下这些规则,包括我们前面没讲的亲密性,也会一并讲到。
首先大家要知道一个原则,虽然这是四大基本原则,但它们之间并不是互相独立的,而是需要综合运用的。你做任何一个设计稿,不可能只用到其中一种原则的。
我们通过一个示例来回顾一下这四条原则。
上面这是一个自由散乱的排版,这种排版方式学术上一般称之为后现代自由浪漫主义风格,俗称逗逼。
好了,下面我们试着开始用前面学过的排版原则来优化它。
对齐
第一步是对齐,因为它们大小形状都不一致,所以我按重心进行视觉对齐。
为了帮助大家理解,找来一张非常适合的图,你看这些辣椒啊肉啊洋葱啊,都不是同样的东西,但是串在一起之后,是不是觉得已经很好分类了?(我真是个天才!)
重复
排版上的重复要诀是统一。
首先把元素去统一大小、统一间距、统一方向,这样我们就可以得到一个工整、能看的版面。再重复地在一个规律下出现。
为了帮助大家理解,我找来一张图非常好地说明,虽然长得都高矮肥瘦不一样,但是我们都穿上同样的衣服,这样就看起来统一了,然后按照一定的间距和方向排列在一期,看起来也很像很整齐很有规律在一起。
亲密性
亲密性就是指元素之间的关联性。
这个很好理解,不要和不是同一类的人站在一起,否则会发生不和谐的事件!
关联性越强,它们之间应该靠得越近。反之则应该离远点。
亲密性虽然比较简单,但是很多新手在排版的时候经常容易忽略信息的相关性。
比如说之前的名片作业题,有门友提交过来的作品就违背了亲密性原则:
好了,还是回到我们的案例上来。
对比
对比就是提炼画面重点,然后通过改变大小、颜色、位置等方式来强化它,使得画面主次分明。
由案例我们可以看到,对齐、重复、亲密性这三条原则可以让画面更有条理,而对比要做的事情恰恰是相反的,是打破画面原有平衡,建立新的秩序。
回顾完之前的内容,现在我们再通过一个实际的案例看看他们是如何综合应用的。
我在网上找来这样一张海报。duang~~~~~
非常的提神醒脑有没有?!辣眼睛是不是?
这密密麻麻的字真的刺瞎了我的狗眼!
先走一些空格,
不然没法好好看文。
走着
走着
走着!
差不多了!
先大概看看这张图里面存在的问题 。
问题很多,不过在我看来,最重要的就是两条:
1、信息很多,但是没有条理,分不清主次。
2、样式很多,但是看不出是食品主题。
如果硬要归纳成一条,那就是:做的很丑!
我们来一步步解决这两大问题,首先是做减法。
先把字体统一,背景色去掉。
duang~~
虽然还是很丑,但是狗眼起码不会被刺瞎!
就这样交稿吗?
可能老板会打死你!
继续做減法,将字体颜色简化成两种,重要的标红,不重要的灰色,这种简单粗暴的做法有利于我们快速的将信息层级梳理出来。
先看看什么是重要的?
当然是促销信息最重要啊!任选6代团购价,这个是对用户最有价值的信息,什么狗屁营养健康,什么美容养颜,都是唬人的东西,没有人看也没有人信,写上去仅仅是为了骗骗那些老人家而已!所以不要重点突出那些。
是不是梳理完主次,看起来舒服多了,想看的都看到了,不想看的弱化了。
到这一步,我们可以清晰的看到这张海报是想要做什么,这样就解决了第一个问题,完成了建立条理的过程。
来看下对比图:
虽然仅仅是纯文字,但是已经档次提高了很多,当然这个只是个半成品。
看看我们在这个过程中使用了哪些排版原则:
1、整体居中对齐——对齐
2、统一颜色,统一字体和间距——重复
3、相关的内容编成一组——亲密性
4、重要信息标红加粗——对比
接下来,进一步分析海报的内容:
确定好信息层次之后,先将次要的元素隐藏掉,先将最重要的部分处理好。
标题排版好了之后,就会发现画面还是缺了视觉重心,我们需要一张合适的素材图来提升氛围。
添加好主视觉的素材之后,再根据图片的颜色调节好文字和背景色,这样画面的元素更加统一。
到这里我们的设计基本完成了大部分,然后我们只需要将次要元素添加进来,以及再丰富一下细节即可。
如果觉得标题的黑体过于拘谨,不够视觉冲击力,也可以尝试一下特殊字体,起到强化对比的作用。
好了,再看下对比图。
这个促销传单,拿到手都愿意看多几眼,而不是辣眼睛。
大图。
虽然只是用了短短的十来分钟,没有太多的细化,但是一张传单应该有的要素和讲究,全部都在了。主次分明,核心信息传达到位。
上面的这个案例,看起来并不是什么高大上的设计,用到的设计手法也是一些最基础的排版规则。
这可能是我们工作中最常遇到的需求。它不需要天马行空的创意,可能会有很多文字,有明确的使用场景,以实用为主,总之就是有很多很多限制。而你需要做的是认真仔细的分析需求,然后用扎实的排版基础知识去一步步解决问题即可。
对新手设计师来说,你需要大量的、反复的去练习和巩固这些基础知识。
好了,这期内容就到这,布置下这期的作业。
-----------------------------------------------
下图是我在网上找来的另外一张设计稿,大家可以像今天的案例一样,利用学到的排版知识去优化它。
有奖品!
尺寸:
600 X 1000 像素
格式:
提交作品的时候,
需要把你的psd(不要ai或者cdr等格式)文件命名修改为:
你的名字-你的QQ-海报设计练习,如:阿门-QQ12345678-海报设计练习
我会选择3位同学送出珍藏版小鳄鱼钥匙扣各一个,不值什么钱,仅仅是纪念你曾经努力的意义,再下一期排版教程出来的时候公布优秀结果,投稿邮箱:
2994247228@qq.com。
-----------------------------------------------
上期的电商广告练习大家的热情不高,投来的作品相比上上期少了很多。
虽然数量不算多,但还是有不少优秀的作品。
下面精选出3位同学送出小礼物:
01号作品
火火—QQ496905646
火火同学提交的两张作品都很优秀,卖点表达很清晰,画面的形式感也到位。完全没有我看平常看到的电商广告模板化的感觉。
02号作品
Aga-QQ1216332003
Aga同学的作品是比较常规的电商广告,不过在字体选择、颜色以及细节上都处理得不错。
03号作品
Kevin-QQ694697093
Kevin同学的作品排版挺不错,颜色看起来也很舒适。不过作为是电商广告,在视觉上有点力度不够,焦点过于分散。
以上三位送出奖品小鳄鱼各一个!
没有获奖的同学不要灰心,不是你们做得差很远,只是获奖名额有限,下次可能就是你了!
还有一些同学的作品虽然没有获奖,但是也值得拿出来说说。
这个其实广告做得还不错,但是模特的选择上,有点太接地气了!
这是一枚会修仙的茶壶。
书法字体的选择上一定要注意可辨识度的问题。
你们都非常棒!因为每一个为自己未来努力的人都是最棒的!
------------------------
好了,
学到干货的同学请大方地点击一下喜欢作者!! :)
这样下一期干货来得更快!
(更多干货教程,回复:色彩教程)
越努力,越幸运。
这里是庞门正道。
本文标题:啊!这张百果园传单,厉害了!
- 相关推荐
【啊!这张百果园传单,厉害了!】相关文章: