杂志风!好看到没朋友!
这样排版,肖战都觉得帅!
这是杂志风排版教程的下篇,如果忘记上篇的内容的话,可以先去回顾一下:点击查看。
前面讲了两招杂志风的排版技巧,今天从第三招开始讲。
先热身一下。
毫无疑问,对齐是最基本的设计规律。
那不对齐、错位在排版中就是绝对的错误吗?
显然不是这样,所有的规律都是用来打破的,而所有打破规律,又都是为了重建新的规律。
错位设计在有些时候就能达到破坏原有规律,重建新规律的效果。
错位排版的应用:
通过上面两个例子,我们可以看出来,错位排版并不是单纯地为了错位而错位,而是通过错位的方式打破原有画面平衡,然后通过小元素的穿插,以及大小的变化,轻重避让等设计手法,重新构建新的画面平衡。
更多案例:
错位的排版方式,可以营造出错落有致排版风格,相对于严谨的对齐,可以给人更活泼的感觉。
优秀的版式设计,很少刻意的遵循某一个死板的规律,而是在规律与突破之间寻找到了微妙的平衡。
再给大家看一些“错而不乱”的排版:
OK,理论讲完,
下面看操作!
利用错位排版的特点,做一张比较有张力的运动风格的海报。
首先抠一张“我心飞翔”的人物素材。再铺上一张天空的背景,这样会让人物更有起飞的感觉。
经过上面的处理之后,整个画面质感得到很大的提升。
接下来处理文案,选择视觉冲击力更强的手绘字体。
人物的形态是向左上运动的,因此文字的错位方式也可以向左上形成动感。
最后,为了保持画面的平衡感,我加入了线形nike标志,以及左下角的小字。
看下大图:
相对于四平八稳的排版方式,这种刻意制造的错位排版,视觉上更加具有张力,就像忽然使出了其不意的一招!
做设计的都知道:无对比,不设计。
对于杂志的排版,更是如此。大部分杂志的开本都比较大,文字信息多,因此设计师在排版的时候,一定需要将视觉层次拉开,引导用户的阅读视线。
放大字号,粗壮的字体,强对比的色彩,将关键信息放到页面正中间,这些都是有些的强化对比的方式。
将关键的信息提取出来,让它几乎占满排满空间,这样可以提升版式的跳跃率,极大的增强视觉张力。
将某些字符单独放大,当大到一定程度之后,在视觉上我们不再当它是一个文字,而是一个图形。
图形化的文字也是强化对比的有效方式之一。
手写字体是另外一种将文字图形化的方式。
在上图中,手写字的轻松、活泼,与工整的正文形成了强烈的对比。使得整个画面一下子就充满了生机。
下面我们用一个实操例子看看怎么通过强化对比,还强化画面的视觉冲击力。
下面这个男装广告,按照常规思路我们抠好图之后,然后选好合适的背景色,再把文字按步就班的排版好,一个基本及格的广告就做好了。
这样的广告看起来好像没啥问题,但又觉得有点儿不对劲。它清晰的将广告的信息传达出来了,但是也就仅仅这样,我把这种设计称之为“不痛不痒”的设计。
就好像一个有气无力的导购员,怎么可能让你会有购买的冲动?
优秀的电商广告不仅仅是将信息传达出来,更重要的是将信息聚焦、放大,更强烈的视觉冲击力才能刺激到用户的购买欲。
下面我们看看怎么通过强化对比来增加画面的视觉冲击力。
首先是尽量把商品图放大,让用户更容易的感知到商品的细节。
在颜色上多使用对比色,互补色,刺激用户的眼球。
文案的排版上,要营造出层次感,一眼看过去能看到重点。
经过一番调整之后,整个广告的视觉力度大大地提升了!
感受一下大图:
再来一个案例。
最近《庆余年》比较火,我们就以这个为主题做一张海报。
先去剧照里面选择一个角色作为海报主体,选谁呢?
当然是选择被演戏耽误的设计师——肖战小哥。。。
照片原本的比例是横向构图的,所以我们需要把背景图拉伸一些,铺满整个画面。
接着用书法字体写上剧名,为了让标题更有张力,我们把字号放得很大,直到撑到画面以外去。
找来一张金色的纹理图,叠加在文字上,OK,质感瞬间+10086!
将处理好的文字复制一层,往面下移动几个像素,这样文字就有了一定的厚度。最后再用相互穿插的方式,将小文字排版好。
大家在排版的时候,一定要注意小字的处理方式。小字在视觉上是起到辅助作用的,可以帮我们平衡画面,调节排版节奏,丰富画面层次,简直就是妙用无穷。
好了,看看大图:
就问你一句,帅不帅?!
好了,
到这里杂志风排版的教程就完整的结束了。
大家不只是看进去,更重要的是亲自动手。
这期的题跟上期还是一样的。
----------------------------------
应用今天学习到的知识点,自拟文案和素材,出1-2张杂志风格的设计稿。
尺寸:
宽度 1000px,高度不限。
格式:
提交作品的时候,需要把你的文件命名修改为:
你的名字-你的QQ-练习作品,如:阿门-QQ12345678-练习作品.jpg
(不要ai或者cdr等格式,也不要压缩包)
邮件标题:
20191016-你的名字-QQ-练习作品
我会选择几位同学送出庞门正道定制本各一本,这个是只送不卖的纪念品,纪念你曾经努力的意义。
下一期教程出来的时候公布优秀结果,投稿邮箱:
2994247228@qq.com。
-----------------------------------------------
上期练习一共收到116份作品,大家学习的热情非常高涨,希望可以继续保持!
全部作品截图:
有很多同学都做得很不错,下面精选出3位同学送出小礼物:
01号作品
小杰
比较精细的版式设计,文字的排版上有很多变化,整体给人很舒服、清爽的感觉。
02号作品
海玲
三张练习图的色调很统一,大感觉很舒服。在排版的细节上还可以再增加一些变化。
03号作品
喂喂
非常干练的排版,字体、版式、色彩都没得挑,整体感很强,一看就是老手。
以上三位送出庞门正道定制本各一个!请你们看到消息后,尽快将收件地址发送到邮箱2994247228@qq.com,方便我这边及时给你们寄出奖品,谢谢。
-----------------------
好了,
学到干货的同学请大方地点击一下喜欢作者!!:)
这样下一期干货来得更快!
(在公众号回复:色彩教程,排版教程,有惊喜)
-------------------------
往期精华文章导读:
发布了!一款免费字库的诞生!
搞定圣诞设计,看这一篇就够了!
-END-
越努力,越幸运。
这里是庞门正道。