@小梦同学
Hey~又见面了。
我是想要陪你一起进步的小梦同学。
相信图片排版一直以来,是不少同学的“固定烦恼 ”。
(过一段时间就会冒出来的那种)
想要解决这个烦恼,你是不是也看了不少教程,但真正做起来的时候还是没什么头绪呢?
所以,今天我打算分享一下图片该怎么排版的问题。也给不同数量的图片排版一些参考的建议,一起来看看吧。
01
一张图
和想要学会跑就要先学会走同理,我们先从基础的一张图来循序渐进的学习图片排版。
就我个人的经验而言,学习图文排版最有效最直接的方式就是拆解别人的版式。
下面我会用一些案例来解释这句话。
左右分割
我们先来看张图吧。
(图源网络,侵歉删)
如果现在要求你说出这张图的构图手法,你可能轻而易举就能说出这是左右构图。
没错,这是一张非常标准的左右布局的PPT。
虽然它没有什么出彩,值得让人惊叹的地方,但是它胜在干净,整洁,看起来非常舒服。
这就是左右分割式排版的魅力。
我知道你肯定忍不住嘀咕——
这谁都会排啊。
是的,原理就是这么简单,一边是图片,一边是文字,怎么排都难以出幺蛾子。
但我猜想很多小伙伴只是知晓了这个名词,但压根没有掌握其精髓。
在用这个方法的时候,只会使用矩形,很少甚至没有使用过别的形状来排版。
现在,让我们再来看几张案例图。
(图源网络,侵歉删)
(图源网络,侵歉删)
(图源网络,侵歉删)
(图源网络,侵歉删)
(图源网络,侵歉删)
乍一看下来,是不是觉得排版方式非常丰富,每一张都不一样。
如果今天我没有把它们都给罗列在左右分割这一个小标题下,而仅仅是你在网上浏览到它们,你是否会将它们归类为左右分割的版式里呢?
我想不少小伙伴的答案都是“否”吧。
我们总是羡慕别人好会排版啊,随随便便就能做出一个页面来,即便看了非常多案例,自己却还是无从下手。
而导致这一困境的真正原因就是我们没有去做总结。
我们可以看到上面这几张案例图,用的配色,形状等都完全不一样。
可是你再仔细一点去观察,就能发现它们全都是一边图片,一边文字。
这可不就是左右分割吗?
如果,你再多走一步,将它们大概的版式在PPT里简单复刻一下,你会更加清晰明了。
接下来,我会放一些版式图帮助大家理解,每一种颜色,对应一种元素,别搞混了哦。
(图源网络,侵歉删)
(对应版式图)
就以这张为例,我们不需要把每一个文字摆放的位置,图片的间隔之类的都完美复刻,只需要做出大概样子就行。
通过这样一张版式图,这张PPT的结构立刻就很清晰了。
我还总结了好几种经常用到的左右分割的版式,一并奉上。
(左右分割版式图)
(左右分割版式图)
(左右分割版式图)
(左右分割版式图)
(左右分割版式图)
这些也只是版式当中的冰山一角,不过万变不离其宗,形式再多样,依旧逃不过一边图,一边字的原理。
如果你也有总结出这样的通用版式图,我相信要你做出一套PPT来并不是什么难事儿。
上下分割
在左右分割里我已经讲过,如何在变化丰富的排版里提取出其版式图的问题了。
所以接下来,我就不再那么仔细地进行解释了。
(图源网络,侵歉删)
(对应版式图)
(图源网络,侵歉删)
(对应版式图)
其实第二张的对应版式图已经算是做得比较详细了,每一块文案的位置都按原PPT复刻了出来。
版式图到底是略还是详,这个要看个人习惯,主要是自己看得明白就行。
(上下分割版式图)
(上下分割版式图)
蒙版/色块
(图源网络,侵歉删)
(对应版式图)
其实每个版式都不是“死”的,在版式图的基础上完全可以做一些改动。
黄色部分你可以做成一个带透明度的蒙版,这样它的通透感和时尚感更加强烈。
也可以做成一个实实在在的色块,只不过在配色方面得注意点。
通过加蒙版或者色块的方式丰富画面,还有很多案例,但是篇幅原因,我就再放两张过过瘾吧。
(蒙版/色块版式图)
(蒙版/色块版式图)
02
两张图
因为两张图的排版方式其实跟一张图的排版方式相差不大,我更想要花一点篇幅在说三张图和多图的排版方式上。
所以,这部分我简单带过一下啦。
(图源网络,侵歉删)
(对应版式图,对角布局)
(左右布局)
(上下布局)
03
三张图
三张图的排版对于日常我们做商务类,汇报类的PPT来说会比较少见一点,但是在杂志风的PPT里却是比较常见的。
三张图的排版相对于一张图或者两张图的排版来说要更难一点,为什么呢?
只要图选得好,一张图基本随便放都不会太车祸,两张图也比较容易做到视觉平衡,一左一右,一上一下。
但是三张图就不一样了,稍微排得不到位,就容易造成画面的视觉失衡,不协调反乱都是极有可能发生的事情。
平时我们对杂志风PPT的讲解会比较少一点,借着今天这个机会,让我们看一看三张图要怎么排出好看的感觉来。
交叉
(图源网络,侵歉删)
(对应版式图)
(图源网络,侵歉删)
(对应版式图)
平行
(图源网络,侵歉删)
(对应版式图)
(图源网络,侵歉删)
(对应版式图)
错落
(图源网络,侵歉删)
(对应版式图)
有没有发现,这张版式图貌似跟我上面方的案例图不太一样?
我前面也说了,版式不是“死”的,我们是可以添加自己的想法的。
我觉得案例图的这种纵向排版方式可以借鉴,但我不喜欢两张图片正对着。
我希望画面可以更活泼一点,于是我就将左侧两张照片进行了错落摆放。
拆解案例图不仅是提供给我们对版式的学习,也是激发我们延伸思考的重要手段。
04
多图
终于到了我最期待的部分了。
多图排版应该是最难驾驭的了吧。
那么多张图,到底应该如何都“塞”进PPT里,还要美观,不显杂乱。
前几天我看到了一份面食的PPT,其中有个页面做得很好看。
(图源网络,侵歉删)
毋庸置疑这是一个多图排版页面,我暂且称它是用了 “构成法” 吧。
这个方法很巧妙,一边是一碗完整的面,一边是组成这碗面的食材。
我觉得在你需要拆解某一张图,分别讲解其中的细节或者局部的时候,可以参考这张PPT的排版方式。
(对应版式图)
接下来,你可能会误以为自己看了张马赛克。
重度密集恐惧症患者先捂好眼睛。
对,没错,就是这么一张渐变色的,非常好看的马赛克版式图。
它做出来的效果你一定见过很多次。
(图源网络,侵歉删)
只要把图一放,是不是瞬间就有感觉了呢?
这种排版方式就是 “平铺法” 。
这是规规矩矩的将所有图片裁成了一个样式的形状,你大可以随心所欲,按照矩阵来设置不同的图片大小和方向。
像这样。
另外,还有一些别的多图版式,我就不一一赘述了,直接上图。
对角线法
(图源网络,侵歉删)
(图源网络,侵歉删)
(对应版式图)
层级法
(图源网络,侵歉删)
(对应版式图)
对比法
(图源网络,侵歉删)
(对应版式图)
虽然我想尽量用最少的图,向你们展示更多的排版,但是不知不觉中还是放了非常多张图。
毕竟排版的原理不见得有这么多,但套路却是千千万的。
希望你们喜欢。
我们下期见。
好课推荐
如果你想更加深入研究PPT,希望让PPT成为自己个人技能,并且有机会作为副业的话,那么一定不要错过这门训练营。
专为0基础小白打造,学完学费全返
扫码开启你技能学习的第一步
特别声明:以上内容(如有图片或视频亦包括在内)为自媒体平台“网易号”用户上传并发布,本平台仅提供信息存储服务。
Notice: The content above (including the pictures and videos if any) is uploaded and posted by a user of NetEase Hao, which is a social media platform and only provides information storage services.