HTML图片不能上下铺满屏幕_这应该是最最最简单的职场PPT图片排版方法了!

1d82b3db9e2b2ad15fafd1ceaa76e128.png

在之前的文章里,我分享过一些关于图片排版的方法。 比如像三维旋转: 887498bba3663501146bd09573541f4c.png 或者是图片虚化: 8549c28834c241905df6dc54e6612f73.png 案例来自互联网 不过,虽然这些方法,能够帮你做出很有创意的图片排版样式,但对于大多数职场人来讲,可能并不太实用。 为啥这么说呢?因为太耗时间,而且还具有一定的操作难度。 所以,有一些读者就问我,有没有一些非常简单,同时又很实用的排版方法呢? 肯定是有的,要不然我也不会再去写这篇文章了,对吗? 那这个方法是什么呢?两字概括就是,放大。 我们只需要把图片拉大,就可以很好的完成一页图文排版,够简单吧? 啥意思呢?咱们 简单举个例子。 比如像这个案例,应该算是职场PPT中很典型的页面,那么,该如何快速地对其进行优化呢? 18c371caed47931215055c07d7346668.png 我们只需要把图片放大,就像这样: 4844a3f215242e114acf8fee81cbe435.gif 然后简单的对文字进行排版,把列表型的文字内容变成横向排列: 9e97341c7f310ebfacfd4a881a379655.png ea6f1cbd3cdf056bf8b2172668fd7ee7.png 最后更改背景的颜色即可: b41f5b08f08e4707308617169bda34c3.png 怎么样?看起来是不是好很多呢?整个设计过程,可能连一分钟都不到即可完成。 这就是今天这篇文章,要跟大家分享的图片排版的方法,核心思路就俩字,放大。 不过,想要真正用好这个方法,我们还需要知道,到底该如何对图片进行放大。 这里呢,有三种常见的形式。 第1种,放大至一半屏幕。 这种形式,对于大多数的职场PPT而言,都是完全通用的,利用这个方法,不仅可以让图片的重点更加突出,而且页面的版式也会更加美观。 啥意思呢?看几个例子。 比如像这个页面,典型的人物介绍类的 PPT : edaf22355631dc26e8161c91a3e06288.png 我们只需要把人物图片拉大,就像这样:

49027d9b4b90c492544b17835c055e36.gif

然后把文字简单地进行对齐排列,并把背景色与图片色保持一致即可: 91bf9bf2b935b5f5a7ace656243c0b27.png 按照这个思路,咱们再来看这样的一个页面: 0add076790fbb458a1e2d2371398c9a1.png 同样的方法,对图片进行放大,使其占据二分之一的屏幕空间:

fb403c5ef1554cb8d0ea5e1db38c3a8a.gif

最后,依旧是简单的文字对齐排列即可: d75cd529830ee07a11d1557178e2a79d.png 当然,对于多张图片的 PPT 而言,也是一样通用的。 比如像下面这个页面,有3张图片进行排列: 2f06ac1ba9c8e6ccd80833e28dd85b5b.png 我们只需要对图片尺寸进行规整,保持图片间距相同,使其铺满一半的屏幕:

21402705d2aa6593d83f7f9317436245.gif

最后,将图片填充在色块内即可: 54e715309c1bd8b19f502dddbde22d28.png 另外,还有像这个页面: 81c9900eb4a9d88ef80001ed8cba2fce.png 对于两张图片而言,直接放大,使其占据半个屏幕,即可: 9525d2c7a5e23c9ac872dff3b53294b4.png 第2种,放大至整个屏幕。 相较于第1种的形式,它的区别就在于图片放大的尺寸,而这种形式呢,只适用于6张图片以下的图文排版。 啥意思呢?依旧来看几个案例。 比如像这个页面,很常见的一张图文排版的页面: d7e8d51b539f56eb1673bec411871f0c.png 那该如何进行优化呢?很简单,我们让两张图片放大,使其各占一半屏幕。就像这样:

d3becfa998f3f6566d1dfe6cac3342a8.gif

接下来,为了使页面底部的图片不会干扰文字内容的呈现,可以通过添加一层半透明黑色蒙版:

ef279147ca975774debab2258b937857.gif

来看下最终的页面效果: 81b6a7686c09fd72814fce5bd8cea939.png 再比如像这样的一个页面,属于典型的产品介绍型PPT: 33a56adc90464d3820df7117c001837c.png 呈现的方法也是一样的,先把产品图放大至全屏:

daa1e4fc50645adac1a7a5bf556494a7.gif

然后,简单地对文字内容进行排版即可: af38463d03fea763dc42789b9c56c457.png 对于很多学术类的 PPT 而言,这个方法也是通用的。 比如像这个页面,有两张白底的模型图,放在页面上有点像补丁,对吗? b0f44ca4f80ee1c1a33b3fb25d21791e.png 那该如何处理呢?我们可以在页面上插入两个色块,使其各占一半:

cc31b9dfd703eaa0fe76f191cfed01bd.gif

然后,利用 PowerPoint 软件自带的 [ 设置透明色 ] 功能,去掉图片底部的白色色块即可:

fd174d3601e2f1daa47ddc585f663465.png

来看下最终的页面效果: 2c86b1112662ba530a02ac641406c844.png 第3种,放大图片的边界。 如果页面上必须使用一些小尺寸的图片,那么可以使用这个方法,在图片的边框上去做文章。 最常用的方法呢?是套样机,或者加衬底。 啥意思呢? 为了方便各位理解,同样举两个例子。 比如像这样的一张 PPT 页面,展示了一个财务软件的界面图: 33f93521a139d8641f1caeb443c452a9.png 那么,为了能够放大图片的边界,可以为图片套用一个电脑样机模型: 这样,在对其进行排版呈现时,效果会更好一些: de3fcfb347c2771c17dc6caef44905f1.png 除了这个方法之外,还有像我之前帮一位读者修改的 PPT 页面: 4fc8f1ff3456d685988c37ea1b794049.png 我们可以借用贴纸的形式,把图片放在贴纸上,以此,来增加图片的边界: 506f56e2ea507d75a51752e3c0375784.png 明白了吗?以上就是3种最简单的图片排版的方法,我们只需要把图片拉大即可。 另外,在这里给各位送一个小福利,如果你没有样机素材,可以在公众号对话界面,回复关键词『福利包』,免费获取我收集的一些样机素材。 3a13d89787b00f96a9974683806e3bec.png 好了,就说这么多吧,希望对各位有所帮助。 更有体系地学习 推荐你阅读 以下内容 点击下方图片,即可跳转前往阅读:

8644b3bcd93c6d6a2d70bd9cf5b53d00.png

945ec21c53913f0b5f9f89f19bc74f05.png

旁友圈PPT学习社群

超25000人已加入,了解一下?

4门系统型PPT学习课程,6份近7000页PPT设计灵感手册,加入社群,免费获取 >> cd0af2821e3323bc337012076a11e4cc.png
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值