以下文章来自ppt优秀教程,作者P小白
![](http://resources2020.oss-cn-beijing.aliyuncs.com/image/20932a2644d7e0decd222a7d08e5d8cd.jpg)
每天分享PPT图文教程、视频教程等高效办公软件教程。
微信扫码观看全套Excel、Word、PPT视频
大家好,我是P小白。一张图片的排版很简单,无非是左图右文、上图下文等。然而,很多PPTer对于多张图片的排版却束手无策。 ?
其实只要看一些品牌发布会,就能学到一些多画面布局的技巧。比如魅族16T发布会的图片很多,但页面布局看起来并不凌乱。
另一个例子是小米发布会。
如果看多了,可以总结一下多图排版的一些规则。这里小白总结了5个方面,分别是:图片大小一致且无间距、图片间距一致且大小一致、图片间距一致且大小不同、借助原型和不规则排版。 跨度>强>跨度>
多图排版和单图排版没有太大区别。多图排版就是如何将多个图像排列成一个整体元素,最终类似于单图排版中的图像。
废话不多说,进入正题。
01
图片大小相同,无间距
正如标题所说,当很多张图片拼接在一起时,将所有图片裁剪成相同的尺寸可以很容易形成统一感,也很容易排列图片。
例如:
4张图片无间距布局,并添加遮罩遮盖颜色;中间的白色色块突出了个体并集中了视线。
6张图片尺寸相同,排版无间距,左侧使用色块基板突出文字。
同样的排版方法,如果将图片分成6个小正方形块,无间距排版和色块聚焦,也能取得不错的效果。
与第一张图类似,用色块突出文字,聚焦视线。
当然,创意排版也是可以的,多张图片无间距排版,在空白处添加文字,突出主题。
总结:
(1)当图片大小相同且无间距时,很容易将所有图片作为一个整体识别,然后可以按照左图右图等基本方法来安排流程文本;
(2)图片大小一致,无间距排版,使图片之间联系紧密。
02
图片大小和间距相同
适当留出一些空间可以让页面产生呼吸感。一致的图像大小和一致的间距可以使整个页面更加简洁、清晰。
例如:
当只有两张图片时,图片大小相同,间距相同。两张图可以看成一个整体,页面中间被截断,文字上下排列。
同样的布局方法,只是将两张图片整体放在右下角,然后对齐文字。
三张图片大小相同,横向分布,使整个页面整体“下划线”,文字上下排列。
左右排版也是一个好方法。红色块集中并突出显示文本。
四张图片整体仍是一个正方形,视为一个元素占据中心位置,文字左右排列。
缩小图片之间的间距,然后将图片稍微缩小,与右侧的文字形成对比。左图右文的形式符合观众从左向右观看的习惯。
有时候,色块也可以作为画面的一部分。色块的大小和间距与图片相同,很有创意。
多张照片作为一个整体拍摄。需要注意的是,人物的眼睛尽量在同一水平线上。
有点类似无间距的页面布局,但仍然是左文字右图片的布局方式,从左到右阅读。
当图片较多时,处理方法还是和中间一样,只是图片减少了。
当图片过多填满整个页面时,可以根据实际情况应用蒙版对整个页面进行着色。但是,图像大小和间距需要一致。
总结:
(1)多张相同尺寸的图片排版时留出一定的间隙,这样页面整体不会太厚重,有呼吸感;
(2) 当图片过多时,将其裁剪为统一尺寸,并缩小图片以便排版。
03
图片间距相同,大小不同
如果你学会了上面两种最简单的排版方法,你就可以考虑如何创新了,比如改变大小,保持间距不变。
例如:
两张图片的长度相同,但宽度不同。这种方式打破了固有的局限性,更加活泼。
除了将图片切割成竖向形状外,横条也是不错的选择。长度一致,宽度不同,这也打破了传统思维。
还是同样的思路,一大两张小图,间距一致,左边图片右边文字排版。
当然间距也可以加大,不限于矩形。
切割成不同的类型,间距一致,左图右文字的布局方式。
总结:
(1)图片布局不一定限于矩形,也可以留有间隙,形成不规则形状;
(2)图片之间的间距要根据实际情况调整,不宜太大,否则会失去亲切感。
04
带有模型
在某些场合,还可以利用模型来辅助排版。但这种情况有局限性,只有在时间充裕、图片较少的情况下才使用,有时在特定情况下使用才能有清爽感。
利用原型填充图片,倾斜的方法和渐变蒙版打破思维,突出文字。
图片比较有限,只能填在三个mockup框中,但是mockup增强了图片的趣味性,这种图片布局也是一个好方法。
总结:
(1) 使用原型有一定的局限性,但在特定的场景中使用可以给人新奇的感觉;
(2)Mockup网站包括dimmy、smartmockups等
05
不规则排版
如果排版后整个图片不再是矩形,而是换成其他形状,那将是一种新的玩法!
裁剪后,正方形旋转45°,保持间距一致,遵循左文字右图片的布局方式,可以让页面有设计感。
或者图片排版后,添加修饰文字、框架线等基本元素。
剪成平行四边形以便排版,左边是图片,右边是文字。
也是同样的原理,在图片后面添加相同的形状和色块背景,以增强页面的风格。
或者将图片改为圆形、正六边形等,可以让人感觉页面新颖、有创意。
总结:
(1)图片可以不限于矩形,还可以尝试其他形状,如圆形、四边形、正六边形等,让页面与众不同;
(2)图片排版完成后,可以根据情况添加装饰,如线框、色块等。
说了这么多,跟着小白来看看本期的案例教程吧~
第一步:在插入选项卡中选择图片,shift插入6张高清图片(可以在pexels或者unsplash中下载),然后进入islide选项卡(插件,百度搜索islide即可下载) 。
第二步:进入islide选项卡后,在设计布局栏中选择裁剪后的图片,选择后面的单位,选择裁剪的长宽为63.5mm(幻灯片页面宽度为190.5mm),然后一键裁剪即可。
第三步:还是在islide选项卡中,选择设计排版矩阵布局,将横向数量改为2,此时所有图片都会自动排版成无间距的格式。用shift键选中左边三张图片进行平移,并在页面左侧对齐,右边三张图片按照同样的原理向右对齐。
第四步:在“插入”选项卡中,选择“形状”、“矩形”,然后沿着中央空白区域添加一个矩形色块。同时,设置电子邮件中的形状格式,颜色r29、g39、b59,并将“线条”设置为“无线条”。
第五步:添加文字,将颜色改为白色,居中对齐,整个页面就完成了~
好了,本次教程就到这里,我们下次再见!
PPT教程文章推荐
PPT表格除了数据展示之外,还可以有更多刺激的游戏玩法,太棒了!
PPT图表最强攻略:这个PPT图表太漂亮了!领导赞不绝口!
不管你信不信,只要在PPT中添加一个矩形,再脏的PPT也能一秒变高!
PPT设计时间线,还在傻傻的用箭头吗?教你3招,效果很“屌”!
点击“阅读原文”了解更多信息!
文章为用户上传,仅供非商业浏览。发布者:Lomu,转转请注明出处: https://www.daogebangong.com/articles/detail/PPT%20Tutorial%20No%20ideas%20for%20PPT%20graphic%20layout%20Breaking%20the%20rules%20according%20to%20these%2028%20layouts%20it%20is%20absolutely%20reliable.html
评论列表(196条)
测试