早啊,小伙伴们,本周的改稿如约而至啦~
今天,依旧是分享一篇知乎上的改稿,先看一下原稿:
![课堂分享的PPT这样改,今天老师应该会夸我吧?](https://tu.aboutppt.com/2021/09/frc-8801e284308dc829d23c8e6a10fb6828.png?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
图源:知乎
从原稿中选取几页进行修改:
![课堂分享的PPT这样改,今天老师应该会夸我吧?](https://tu.aboutppt.com/2021/09/frc-58d79bd6bff1ee6b8fb4391c0e64f262.png?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
这一次,我们就先不设定设计规范了,而是选择先做两页,接着根据这两页的风格来定设计规范。
Tips:其实很多时候,设计规范并不都是提前设定好的,而是试做几页风格稿后再构建出来的。
好了,接下来正式进入改稿过程~
01. 封面页
![课堂分享的PPT这样改,今天老师应该会夸我吧?](https://tu.aboutppt.com/2021/09/frc-b78d9c2f87d43710ab7fa7e82de50189.png?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
首先,来分析一下页面存在的不足:
没有标题,如果这是一份作品集,会让人感觉不用心
文字和图片没有拉开层次
那该如何优化呢?
根据内容可以知道,这是一份森林报告,由此我们可以想一句相关文案:春回大地,森生不息。
此外,如果只有这一句,读者看到封面后,会对内容摸不着头脑,所以可以再加二级标题:森林资源调查报告
![课堂分享的PPT这样改,今天老师应该会夸我吧?](https://tu.aboutppt.com/2021/09/frc-b7b16b44b7f7c8d9d37e091867a7d7f4.png?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
接着,我们对文案进行简单的排版:
![课堂分享的PPT这样改,今天老师应该会夸我吧?](https://tu.aboutppt.com/2021/09/frc-eaccbd0df72afd4bf064fb0d31a7928c.png?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
为了增加文字的表现力,我们可以给第一层级的文字换一种字体:
![课堂分享的PPT这样改,今天老师应该会夸我吧?](https://tu.aboutppt.com/2021/09/frc-1752b723952e73658efc70417ccf3bb7.png?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
现在基本文案已经排好了:
![课堂分享的PPT这样改,今天老师应该会夸我吧?](https://tu.aboutppt.com/2021/09/frc-a4d50db446edad1d2c773256467fbb55.png?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
接下来就可以丰富页面了,根据文案内容,我们可以选一张森林图片作为页面背景:
![课堂分享的PPT这样改,今天老师应该会夸我吧?](https://tu.aboutppt.com/2021/09/frc-5e925d0169b7710278f21fd244058460.png?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
观察页面后发现:文字与背景的层次没有拉开。
我们可以将下方的森林单独抠出来:
![课堂分享的PPT这样改,今天老师应该会夸我吧?](https://tu.aboutppt.com/2021/09/frc-73346dc1e501b2d766cacaa5b00d9d7c.gif?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
并且将背景设置虚化效果:
![课堂分享的PPT这样改,今天老师应该会夸我吧?](https://tu.aboutppt.com/2021/09/frc-b955a30e860e1c99430b923795bbf106.gif?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
再来看一下优化后的效果:
![课堂分享的PPT这样改,今天老师应该会夸我吧?](https://tu.aboutppt.com/2021/09/frc-34ba5981d1c314981de1dcf68f67cbe8.png?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
继续检查页面,发现文字排版比较平淡,我们可以试一下将标题文字单独拆开,进行错落排版:
![课堂分享的PPT这样改,今天老师应该会夸我吧?](https://tu.aboutppt.com/2021/09/frc-c434e5e8292aa13c414b4f3d81449f1c.png?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
书法字排版需要注意的点:文字之间要填补缝隙
![课堂分享的PPT这样改,今天老师应该会夸我吧?](https://tu.aboutppt.com/2021/09/frc-321ca295f38ef0c446587742a43dc236.png?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
02. 两段式内容页
先看一下原稿:
![课堂分享的PPT这样改,今天老师应该会夸我吧?](https://tu.aboutppt.com/2021/09/frc-193c6b159659ba7a3529979d507a39b2.png?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
这一页存在的不足有:
一级标题与文字下方的形状亮度对比不够
二级标题的文字对齐方式有误
PPT中的正文内容不需要首行缩进
一级、二级标题都使用了框来修饰,重点太多相当于没有重点
分析完问题后,我们继续修改。
先把文字提取出来:
![课堂分享的PPT这样改,今天老师应该会夸我吧?](https://tu.aboutppt.com/2021/09/frc-6588b04287f2d0984a99dd174b1fcdd8.png?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
为了凸显出文字的层次感,这里可以在二级标题下加一个形状:
![课堂分享的PPT这样改,今天老师应该会夸我吧?](https://tu.aboutppt.com/2021/09/frc-66b5762b3a0f5811a14768206682d564.png?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
文字内容处理好后,接下来就该想版面布局了。
既然这一页的内容是讲林木的生态特征,那我们可以直接找一棵树,填补右边剩余区域:
![课堂分享的PPT这样改,今天老师应该会夸我吧?](https://tu.aboutppt.com/2021/09/frc-26c8925029149077bd9469e21e41d748.png?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
现在页面看起来比较“空”,检查一下原因,主要的问题是:树这一边没有层次感,可以在树的下方加一个渐变形状:
![课堂分享的PPT这样改,今天老师应该会夸我吧?](https://tu.aboutppt.com/2021/09/frc-140cbb02629d4f4be549e768a00c81bd.png?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
观察一下优化后效果,发现这页与封面页的风格不统一,这里可以将封面页的背景直接叠在下方:
![课堂分享的PPT这样改,今天老师应该会夸我吧?](https://tu.aboutppt.com/2021/09/frc-9816f6614de0523f412a5fd4d2b6e5ff.png?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
为了文字阅读的舒适性,这里可以在第三层级的文字下方,加上一层形状:
![课堂分享的PPT这样改,今天老师应该会夸我吧?](https://tu.aboutppt.com/2021/09/frc-fb1363bbe708431e330c55be137483c1.png?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
到这里,这一页就修改完成了~
☆ 构建设计规范
两页完成之后,我们的设计规范就可以构建了,以便后面页面的风格延续。
先来看配色,根据所选的背景图片,可以将主色直接规定为:绿色,再辅助一些绿色的同频色进行点缀:
![课堂分享的PPT这样改,今天老师应该会夸我吧?](https://tu.aboutppt.com/2021/09/frc-b29aae859850af1b2b485050c969feab.png?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
接着规范一下我们的字体:
![课堂分享的PPT这样改,今天老师应该会夸我吧?](https://tu.aboutppt.com/2021/09/frc-62ff941d806ccc86c3120d994c5f1df3.png?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
03. 数据页
这一页是典型四点式数据页:
![课堂分享的PPT这样改,今天老师应该会夸我吧?](https://tu.aboutppt.com/2021/09/frc-ac77bd73f03e13eda562ffb7741d4b00.png?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
按照惯例,先分析一下不足之处:卡片形状的阴影生硬;卡片内文字顶格排版,没有留出上下边距。
接着提取原稿中的内容:
![课堂分享的PPT这样改,今天老师应该会夸我吧?](https://tu.aboutppt.com/2021/09/frc-6774f33f4f4f08b950980e8ac797a36e.png?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
由于这一页内容较少,我们可以这样处理:
对文字内容进行层级区分,将数字单独提取出来并放大,增加文字在页面的占比。
![课堂分享的PPT这样改,今天老师应该会夸我吧?](https://tu.aboutppt.com/2021/09/frc-0e6c0d655863904e0ebd21ffe606e45c.png?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
文字内容排好后,就可以丰富页面了。
这里继续将封面的背景延续过来,置于文字层下方:
![课堂分享的PPT这样改,今天老师应该会夸我吧?](https://tu.aboutppt.com/2021/09/frc-ca23dabf02b2fef3a96e6513fe5d3742.png?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
现在来整体检查一下页面:依旧是需要提升文字和背景图片的层次。
所以,可以继续使用第二页的方法,在文字下方添加浅色衬底:
![课堂分享的PPT这样改,今天老师应该会夸我吧?](https://tu.aboutppt.com/2021/09/frc-0517770d92acae0b6f66c4abb4fa494e.png?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
衬底添加后,我们发现文字与背景又有一点割裂,可以将形状的填充类型改为渐变填充,让形状与背景看起来更加融合:
![课堂分享的PPT这样改,今天老师应该会夸我吧?](https://tu.aboutppt.com/2021/09/frc-51a0061cdb368cb65015efeb575343fe.png?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
到这里,我们的改稿就结束了~
这次改稿,我们用到了这些小技巧:
通过书法文字错落排版来增加页面表现力
使用高质量的背景图来烘托页面氛围
通过免抠图来丰富文字少的内容页
最后,再整体回顾一下优化后的页面:
![课堂分享的PPT这样改,今天老师应该会夸我吧?](https://tu.aboutppt.com/2021/09/frc-f8a545ec7148396da9044ed0658ce665.png?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
修改后的 PPT 源文件,如果想要下载拆解学习,自取吧:
以上,就是今天分享的全部内容,希望对你有所启发~
——
公众号:自律的音律
原文链接:课堂分享的PPT这样改,今天老师应该会夸我吧?