专栏名称: 庞门正道
播主:阿门-前腾讯视觉设计师、站酷排名前10的自由职业设计师。  每天早上与你一起分享一点设计&摄影小知识小技巧。 欢迎回复或咨询探讨相关话题。
目录
相关文章推荐
字体设计  ·  1000多张学生们的版式及电商设计作业展 ·  1 周前  
字体设计  ·  字体设计没灵感了? ·  5 天前  
字体设计  ·  渐变海报不妨试试这样设计 ·  5 天前  
楼市大嘴巴  ·  4梯88户的楼里,叠住着一千多户成都人 ·  5 天前  
优秀网页设计  ·  9月!这 6 款 AI ... ·  1 周前  
51好读  ›  专栏  ›  庞门正道

同学,你的排版错位了!

庞门正道  · 公众号  · 设计  · 2024-09-11 23:15

正文

大家好~

新的干货表情包,它来了~


我们都知道,对齐是一种基本的排版规则。整齐的画面可以给人稳定、平衡的视觉感受。



那不整齐就错了吗?


当然不是。今天我就给大家介绍一种不整齐的排版手法:错位。


错位排版,顾名思义,就是使文字、图形等元素在排列时离开应有的位置,形成一种非对称、非均匀的布局。这种排版方式能够打破传统对齐的束缚,在排版中增添更多的创意和个性。


好了,那就话不多说,

直接干货走起。







左右错位是最常用到的一种排版方式,一般将文字进行水平方向的移动,故意制造一种不整齐、不对称的效果,从而使版式更加富有视觉节奏感。


来看看实操案例。


第1步,

准备一张月饼的素材图。



第2步,

打上标题文案。



第3步,

将标题进行换行,以及左右错位,让版式产生一定的层次感。



第4步,

在PS中的视图-新建建考线版面,新建一个栅格系统。然后在网格中填充其它文案信息,完善整个画面的排版。



第5步,

画面的中间部分有点空,在月饼的两旁再添加两句文案填充一下。最后在背景中添加渐变以及噪点纹理。



OK,

搞定收工。










上下错位不仅是指将元素进行垂直方向的变化,同时也可以加入方向的变化,形成横竖交叉的效果,这样会更加打破常规,创造更多样化的排版效果。


来看看实操案例。


第1步,

抠一张茶具的素材图。



第2步,

在茶杯的底下拉一下渐变,承托住产品图。



第3步,

画一个圆形,圈住产品图,填充黄色,使画面的色彩不会过于单一。


第4步,

打上标题文案。



第5步,

将标题折成两部分,做成横竖错位的效果。



第6步,

在画面空白区域穿插其它文案信息。



OK,完工。


这看起来很容易啊,我上我也行~









倾斜可以形成动势的效果,而错位也很有运动感,所以这两者是一对黄金搭档,几乎所有的倾斜排版都会加入错位,否则会显得很奇怪。


来看看实操案例。


第1步,

准备一张运动鞋的素材图。



第2步,

因为鞋盒是长方形的,所以我们在鞋盒的下面同样拉几个长方形,延展出画面的构图。



第3步,

将鞋子以及长方形,分别做出倾斜以及错位,营造出向下掉落的动势。



第4步,

在长方形的色块上面填充文字内容。



第5步,

在画面的上下区域填充好其它次要文字信息。



第6步,

给画面叠加做旧的纹理效果。



OK,完工。


继续,不要停。







有时候出于构图的需要,画面的图形会是几何形状,此时我们可以将文字打散,形成错落的效果,呼应几何形状的外形进行排版。


来看看实操案例。


第1步,

准备一张素材图,做一张户外主题的海报。



第2步,

画面一个几何多边形,将图片嵌入到图形中。



第3步,

打上标题文案。



第4步,

将文字打散,沿着多边形的边缘做排版,将文案与几何形状结合起来。



第5步,

用线条以及英文字母将两部分标题连接起来。



第6步,

在画面的四角填充其它文案,再叠一张背景纹理。



OK,完工。


今天的内容就到这。。


走了~


下面就到你们动手的时间。

结合今天讲到的内容,自拟素材,做1-4张练手海报。


注意了!

我给大家提供了一个作业PSD模板,必须按模板的尺寸提交,没有按模板要求提交的不参与优秀作业评选!!


下载地址:(提取码: pmzd)

https://pan.baidu.com/s/1XX2wG8L_yhNj_zKDQnhpUg?pwd=PMZD


文件命名:
你的名字-你的QQ-作业.jpg

例如:阿门-12345678-作业.jpg

提交作品时,务必将你的每个文件按格式要求命名。不需要发 psd 源文件,也不要压缩包,有多少张就直接上传多少张。

下面是投稿的邮箱。

投稿邮箱也换了!大家不要发原来的旧邮箱。


投稿邮箱:

[email protected]


邮件标题:

20240911-你的名字-你的QQ-作业


作业每两期公布一次,我会选择4位同学送出庞门正道定制本各1本,这个是只送不卖的纪念品,纪念你曾经努力的意义。



期待你的参与,让一百多万门友共同见证你的进步!


上两期教程一共收到55份作品,希望大家都像这样同学一样,练起来!


全部作品截图:


很多同学都做得十分用心,共精选出4位同学,送出小礼物:


01号作品

结冰
左图的线条元素用得特别好,上下呼应,使画面很有活力。右图的构图和色彩都不错,就是中间的两个人物剪影看起来识别性不够强,不太能认出来是悟空。


02号作品

路飞

路飞同学是经常投稿的熟面孔了,希望一直保持。两张图的色调都挺喜欢,虽然同是绿色,但是一个清新,一个偏质感一些。手写字体应用得也不错!


03号作品

彭小北

两张图的排版都不错,没啥问题。左图的色彩有点过于单一,尽量不要使画面完全是同一个色调。



04号作品

皮皮虾

左图的上下对称构图很不错。右图后视镜的色彩与画面的融合不是太协调。



以上五位送出庞门正道定制本各一个!

请把你的 收件人姓名、手机号、收件地址 发送到邮箱。



-----------------------

好了,

学到干货的同学请大方地点击一下喜欢作者!!:)

这样下一期干货来得更快!

(点开公众号底部菜单,有惊喜)



-END-


本文章转载自微信公众号:庞门正道

越努力,越幸运。

这里是庞门正道。