怎么把页面按比例缩小_做PPT多图排版千万别套模板了,按这28种版式来,绝对靠谱!...

编按:

各种类型的PPT经常会用到图片,这些图片到底如何排版才更出色呢?今天给大家分享一篇PPT图片排版手册,主要介绍了多张图常见的排版方式,希望能帮助到您!

3f319a9c8fb86a6ce147f2c7aef131ed.png

嗨,大家好,我是P小白。

一张图排版很容易排版,无非是左图右文,上图下文等,但是很多PPTer对多张图片的排版就手足无措,不知道怎么排版才好看,怎么排版才能很好地将观点传达给观众?

其实,只要我们多看看一些品牌的发布会就能学会一些多图片排版的技巧了,如魅族16T的发布会就有很多图片,但页面排版并不显得凌乱。

如果需要PPT模板、原文件和原创教程素材,欢迎关注【PPT优秀教程】微信公众号(ID:PPTPowerPoint),即可获取哦~

b64b3c1c1cd5d048e7c3106e7b30bc94.png

再比如小米发布会。

53a155432ef4b7253305db38c32e50ae.png

看多了就可以总结一些多图排版的规律来,这里小白就总结了5个方面,它们分别是:图片大小一致无间距、图片间距一致大小一致、图片的间距一致大小不一、借助样机、不规则排版。

多图排版与单图排版并没什么大的区别,多图排版是如何把多张图片进行编排,形成一个整体的元素,最终类比于单图排版中的那张图片。

闲话不多说,我们进入正题。

01. 图片大小一致,无间距

正如标题所说,许多图片拼接在一起的时候,将所有图片裁剪成相同大小,很容易形成整体感,同时也容易对图片进行编排。

举个例子:

344e92a2eb8b9c39e375cf610c484c24.png

4张图片无间距排版,再添加蒙版遮蔽色彩;间白色色块突出个体,聚焦视线。

db520e027d5a9b5e1ded4a238f82e804.png

6张图大小一致无间距排版,左边运用色块衬底,突出文本。

57ca866dcde7fd94012148fe31e242a6.png

一样的排版方式,如果把图片分为6个正方形小块,无间距排版再加色块聚焦,同样能实现不错的效果。

3088bcb47da30920ff5ba07332e8a311.png

与第一张图片相似的道理,通过色块突出文本,聚焦视线。

v2-0ea7a12b65685da86307d9f1cf6629f2_b.jpg

当然,也可以创意排版,多张图片无间距排版,在留白的地方添加上文本,从而凸显主题。

总结一下:

(1)图片大小一致无间距排版时容易将所有图片识别成一个整体,之后流程可按照左图右文等基本方式排布;

(2)图片大小一致无间距排版使图片之间的联系紧密。

02. 图片大小一致、间距大小一致

适当留点空隙能够营造页面的呼吸感。图片大小一致,间距一致能使整个页面更加简洁明了。

举个例子:

39bd62fd8729c87ddc2117a284560bf9.png

只有两张图片时,图片大小相同,保持相同间距,可以将两张图片视为一个整体拦腰截断页面,文本上下编排。

79bfc54e2b06a9d68de50f608788cae9.png

相同的布局方式,只是把两张图片这一个整体放置在右下角,之后文本对齐。

8a8ab44ddab37db35a900326b16b0c46.png

三张图片大小一致横向分布,整体给整个页面“拦腰”,文本上下编排。

e94c7bf3588559b08bc9dc5610b06e69.png

左右排版也是一个不错的方法,红色色块聚焦,突出文本。

3615d7781fe2e1a77d415e1deabec527.png

四张图片整体还是一个正方形,整体视为一个元素后占据中心位置,文本左右排版。

ab18f9d3729d1c3f74ea244b68e75f5e.png

减少图片间的间距,再将图片稍微缩小,与右边文本形成对比,左图右文的形式,符合观众视线从左往右观看的习惯。

偶尔也可以用色块作为图片的一部分,色块与图片大小一致,间距一致,具有创新感。

1e5d3a234a5a25c2f5fe4a9435b41371.png

多张图片作为一个整体拦腰,需要注意的是人物视线尽量都在同一条水平线上。

113eaf0c3583afd71e979a620e8650ca.png

与无间距的页面排版有些类似,不过依旧是左文右图的排版方式,从左往右阅读。

6a365c9024734fc5f2d8af8e3a872bd5.png

图片更多一点时,与拦腰的处理方法还是一致,只不过图片缩小了而已。

6b9b3b261c066af4241ec7dadb13b1fb.png

当图片多得能填满整个页面时,可以按实际情况适用蒙版将整个页面色彩遮蔽。不过需要图片大小及间距需要保持一致。

总结一下:

(1)多张大小一致的图片排版时留一定的间隙,整体页面不会太沉重,有一种呼吸感;

(2)图片过多时裁剪成统一大小,缩小图片进行排版。

03. 图片间距一致,大小不一

如果上面两种最简单的排版方式学会后,可以考虑如何进行创新,如大小方面进行改变,间距保持不变。

举个例子:

0b8f3e2f47925e1fdc6388c3202746c5.png

两张图片的长度一致,但是宽度不一,这种方式打破了固有的局限性,更活泼一些。

45d833f4a37616709c44bc3b719a4bef.png

除了将图片裁剪成竖状,横条也是不错的选择,长度保持一致,宽度不一,同样打破了传统思维。

af50c027d098943b1077c2285db43087.png

还是同样的思想,一大两小图片,间距保持一致,左图右文排版。

447bbba837906b782793dae7405f1a2f.png

当然,也可以调大间距,不局限于一个矩形中。

97aae0f0d051b6e5651cd7bda281503a.png

裁剪成不同类型,间距一致,左图右文的排版方式。

总结一下:

(1)图片排版不一定局限在矩形中,也可以留出缺口,形成不规则的形状;

(2)图片之间的间距按照实际情况调整,不能过大,否则会丧失亲密性。

04. 借助样机

部分场合还可以使用样机协助排版。不过这种情况有局限性,只在时间充裕图片较少的情况下使用,有时在特定的情况下使用也会使人耳目一新。

89deda7aaa6cc6f12052e2467fdad517.png

运用样机将图片进行填充,倾斜的方式再加上渐变的蒙版,打破思维又凸显了文本。

893820bba3dd5acd00900d008cdac05e.png

图片比较局限,只能填充在三个样机框中,但是样机增强了图片的趣味,这种图片排版方式也不失为一种好的方法。

总结一下:

(1) 使用样机时有一定的局限性,但是在特定的情景中使用能给人一种新奇的感觉;

(2)样机网站有dimmy、smartmockups等。

05. 不规则排版

如果图片排版后的整体不再是矩形,而换成了其他的形状又是一种新的玩法咯!

2840604fd8e966cb1664421899c39a99.png

裁剪后正方形旋转45°,保持间距一致,遵循左文右图的排版方式,能够让页面有设计感。

4e29e77ead7b74846d4c50b42cbfea1a.png

或者图片排版好后再添加修饰文本、框线等基础元素。

100b58e7e6b94346f6e5851adfce3fb5.png

裁剪为平行四边形进行排版,左图右文。

73b567a116cdc2e872c82a483822d4aa.png

同样的原理,在图片背后添加相同形状色块衬底,提升页面的逼格。

54d7d35dbaa7631aaf3e61b4475b6c6c.png

或者把图片换成圆形、正六边形等都能让人觉得页面新颖,有创造性。

总结一下:

(1)图片可以不仅仅局限于矩形,也可以尝试圆形、四边形、正六边形等其它形状,使页面变得与众不同;

(2)图片排版完成后可以按情况添加修饰,如线框、色块等等。

说了这么多,跟着小白来看看这期的案例教程吧~

a7523458604b8916d1fa766638ecb4a8.gif

第一步:在插入选项卡中选择图片,shift选中后插入6张高清图(可以在pexels或unsplash下载),之后进入islide选项卡(插件,百度搜索islide下载即可)。

ddd96e2703a0b7d0cda7fae27e1d1cd9.gif

第二步:进入islide选项卡后,在设计排版这一栏选择裁剪图片,单位选择后面,同时选择裁剪的长宽均为63.5毫米(幻灯片页面宽为190.5毫米),一键裁剪即可。

4474af2e5e0530ff069e75455ca85f73.gif

第三步:仍在islide选项卡中,选择设计排版矩阵布局,将横向数量改为2,这时所有图片都自动排版成无间距的格式。选中左边三张图片shift键平移,与页面左对齐,右边三张图片同样的原理右对齐。

ae17c109232cd0709ad135f8dc8a351b.gif

第四步:插入选项卡中选择形状-矩形,沿着中心空白的区域添加矩形色块,同时邮件设置形状格式,颜色r29,g39,b59,“线条”设置为“无线条”。

b49c8a7dd2fd97c16ba4f7ce31b41f2b.png

第五步:添加文本,文本颜色修改为白色,居中对齐,整个页面就制作完成咯~

好了,本期教程就到这里咯,咱们下期再见!

辛苦码字作图,觉得不错,记得点赞哈~教程来源:部落窝教育:http://www.itblw.com

本文为部落窝教育独家授权作品,本文作者:P小白。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/537628.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

磁盘阵列怎么做_设计与后期制作该怎么选择笔记本电脑?朋克老师来教你

最近有很多人问我设计与后期制作该怎么选择笔记本电脑?既然选择笔记本电脑就说明在相关工作中对电脑有移动需求,比如自媒体、记者、影视后期出组人员等等,那该如何选择呢?视频剪辑咱们按工作内容分类聊一聊。第一类,平…

EventBus源码分析

简介 前面我学习了如何使用EventBus,还有了解了EventBus的特性,那么接下来我们一起来学习EventBus的源码,查看EventBus的源码,看看EventBus给我们带来什么惊喜以及编程思想。 这个图我们从一开始就一直放置在上面了。我们在来回顾…

Vue.js 概述与 MVVM 模式

一、Vue.js 1. Vue.js 是什么 Vue.js 是一个轻巧、高性能、可组件化的 MVVM 库,拥有非常容易上手的 API; Vue.js是一个构建数据驱动的 Web 界面的库。 2. Vue.js 的特性 1. 轻量级的框架 2. 双向数据绑定 3. 指令 4. 插件化(组件化&#…

ipad录屏软件_如何在 Mac 上优雅的截图和录屏

在使用电脑的时候,很多时候我们都需要截屏或者录屏分享。所以你可能已经听过 snip,或者经常使用 QQ、微信 等软件来实现截屏。但是今天我们一起来看一下,怎么使用系统提供的功能,来优雅的实现截图和录屏。最开始的这几篇都比较基础…

安卓平板微信和手机微信同时登陆_Mac电脑如何同时登陆多个微信或QQ

现如今,微信和QQ已经不单单是简单的社交软件了,也成了工作必备软件,工作中用它传个文件,发个通知,不知道有多方便。但是很多人希望将工作圈和生活圈分开,有人想出拿两部手机的方法,倒是可以&…

苹果x人脸识别突然失灵_教你解决mac电脑键盘失灵的问题

无论是使用WIN系统还是苹果电脑都有可能遇到键盘失灵,无法使用的问题,那么苹果电脑键盘失灵该怎么解决呢?这里macw小编为大家带来了苹果电脑键盘失灵解决教程,赶紧收藏起来吧!无线键盘失灵解决教程1、确保蓝牙已启用并…

产品文档如何说清楚产品业务?关注这几点就够了

如果产品文档没把产品业务说清楚会有什么影响? 常见的:产品不符合业务(实际使用场景),验收不通过,需要加班修改,调整。产品经理被骂。 严重的:甲方爸爸受不了了,换供应…

高德百度地图如何获取附近小区酒店银行等?

概述 实现以下功能:根据当前定位,查找附近小区 实现步骤 高德,百度地图实现方式相同,步骤都是如下: 1.获取当前位置的经纬度 2.查询poitype编码。 (小区,写字楼,银行&#xff0…

angular 字符串转换成数字_Python基础语法大全:字符串的处理与使用

本文来自牛鹭学院学员:邓瑞杰字母处理string.capitalize()返回元字符串,且将字符串第一个字母转为大写,其它字母小写string.title()返回元字符串,且将字符串第一个字母转为大写,其它字母小写string.swapcase()用于对字…

1亿像素的真相

世界那么大,谢谢你来看我!!关注我你就是个网络、电脑、手机小达人 乔布斯曾说,“手机拍照上主打高像素,是手机厂商利用广大消费者对照片成像原理知识漏洞的表现。” 小米发布了一款有1亿像素的概念型手机&#xff0c…

python实现链表的删除_Python中 为我们提供了一些独特的解决方案的方法特性

实际上,在日常的工作中,我们很多需求,无论是常见的、还是不常见的,Python 都为我们提供了一些独特的解决方案,既不需要自己造轮子,也不需要引入新的依赖(引入新的依赖势必会增加项目的复杂度)。但是 Python…

打通C/4HANA和S/4HANA的一个原型开发:智能服务创新案例

2019独角兽企业重金招聘Python工程师标准>>> 今年6月SAP发布C/4HANA之后,有顾问朋友们在公众号后台留言,询问C/4HANA如何同SAP的数字化核心S/4HANA系统结合起来,从而打通企业的前后端业务,帮助企业实现数字化转型。 有…

爬虫的重要思想

1.理论上讲只要网页上面能够看到的数据都是可以爬取的,因为所有看到的网页上的数据都是服务器发送到我们电脑上面的,只是有的数据加密过,很难解密。 2.在网页上无法看到或者无法获取的数据,爬虫同样不可能拿到,比如一…

python web环境傻瓜搭建_python——web 环境搭建

1.安装引用第三方库 selenium pip install selenium 2.下载浏览器驱动(驱动版本和浏览器版本要对应参考链接 http://npm.taobao.org/mirrors/chromedriver/) 查看浏览器驱动对应关系,本次已最新驱动版本作为教材讲解 版本2.42 发布时间2018.9…

项目管理十大知识领域,为何不含

问:项目管理十大知识领域,为何不含以下几项:立项管理,合同管理,文档管理,变更管理? 答: 立项完了才有项目; 合同管理包含在采购管理; 变更管理在整体管理&am…

在职场遇到一个总是说话带刺的同事怎么相处?

网友: 带刺的人如果总是扑空,或者总是戳进一团棉花,你说他,她还能坚持多久。职场重心是工作,是做事,不要为这些无聊的人事太费心,刺猬带着刺到处转,最后结果不会好的。 网友&#xf…

postgresql 怎么读_大数据采集和抽取怎么做?这篇文章终于说明白了!

本文来源于公众号【胖滚猪学编程】,转载请注明出处! 关于数据中台的概念和架构,我们在大白话 六问数据中台和数据中台全景架构及模块解析!一文入门中台架构师!两篇文章中都说明白了。从这一篇文章开始分享中台落地实战…

ZooKeeper应用——解决分布式系统单点故障

1.单点故障问题什么是分布式系统中的单点故障:通常分布式系统采用主从模式,就是一个主控机连接多个处理节点。主节点负责分发任务,从节点负责处理任务,当我们的主节点发生故障时,那么整个系统就都瘫痪了,那…

生活之难:生活到底难在哪里

生活之难:生活到底难在哪里 一、总结 一句话总结:难在天性,难在竞争,难在积累,难在追求,难在自己 难在天性 人的天性就是好吃懒做好玩不动脑的,但是生存的压力(食物,房子…

python中元祖 字典 列表的区别_Python中元祖,列表,字典的区别

原博文 2016-08-16 15:25 − Python中有3种內建的数据结构:列表、元祖和字典: 1.列表 list是处理一组有序项目的数据结构,即你可以在一个列表中存储一个序列的项目。 列表中的项目应该包括在方括号中,这样Python就知道你是指明一个…