小伙伴们,上午好呀,我带着本周的改稿来啦。
按照惯例,分享一篇知乎上的改稿,先看一下原稿:
![小白第一次做阅读型PPT,请问存在什么问题,该如何改进?](https://tu.aboutppt.com/2021/09/frc-d28f66a39269d883dbb6dd49482af72d.png?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
图源:知乎
分析一下这份稿子存在的不足:
01. 部分页面与整体风格不统一
![小白第一次做阅读型PPT,请问存在什么问题,该如何改进?](https://tu.aboutppt.com/2021/09/frc-ed4f9a13fe5d8763ca86fff18b76278a.png?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
02. 页面版心不统一
![小白第一次做阅读型PPT,请问存在什么问题,该如何改进?](https://tu.aboutppt.com/2021/09/frc-dd5d0291301d3ce3d6266fadfa1f3275.png?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
03. 色块突兀,大面积白色形状,给人一种简单截图般的廉价感。
![小白第一次做阅读型PPT,请问存在什么问题,该如何改进?](https://tu.aboutppt.com/2021/09/frc-65b32b8a9d739b1c7620466003cd42d0.png?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
其他还存在的问题有:对齐、字距、行距、图标不统一等情况~
这些在以前的改稿中都写过,今天就不过多赘述了。
问题分析完了,接下来就该改稿了~
我从原稿中选取了几页:
![小白第一次做阅读型PPT,请问存在什么问题,该如何改进?](https://tu.aboutppt.com/2021/09/frc-dca4e9b6852f44748b9afdbab0801258.png?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
这一次我一共改了三版,前两版都是飞机稿。
第一版
从原稿中去掉多余元素,得到空白稿。
![小白第一次做阅读型PPT,请问存在什么问题,该如何改进?](https://tu.aboutppt.com/2021/09/frc-1fe6623a4d30427022dca03630367c89.png?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
根据文案,我大概有两个改稿方向:
01. 将文案排列整齐,使所有页面的风格统一,让 PPT 看起来专业、舒适。
02. 通过对内容的分析,提取关键词,进行场景化设计
由于之前已经尝试过第一种方向:
所以这一次,就试试使用“场景化设计”吧。
首先,根据文案“我的偶像我做主”,进行联想发散:
![小白第一次做阅读型PPT,请问存在什么问题,该如何改进?](https://tu.aboutppt.com/2021/09/frc-095a203a1b5c2159675bfc4d9e00a5c6.png?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
用第二个方法构建场景,选择了这样一张人物图:
![小白第一次做阅读型PPT,请问存在什么问题,该如何改进?](https://tu.aboutppt.com/2021/09/frc-9e7c3646456fd4e6c12e755ba0dbbd29.png?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
接着,在网上寻找了大量参考图之后,这两页让我有了灵感:
![小白第一次做阅读型PPT,请问存在什么问题,该如何改进?](https://tu.aboutppt.com/2021/09/frc-20acfba49b3b53fc45c642d8362a7cc7.png?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
提取灵感图的部分设计元素,做出了如下效果:
![小白第一次做阅读型PPT,请问存在什么问题,该如何改进?](https://tu.aboutppt.com/2021/09/frc-e6b398438816b6b965488f21f3316de1.png?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
做完之后,发现两个问题:
页面整体看起来较为割裂
后续页面延伸设计没有思路
所以,这一版暂时就先放弃了~
第二版
这一版尝试了图片+渐变色块的做法,效果如下:
![小白第一次做阅读型PPT,请问存在什么问题,该如何改进?](https://tu.aboutppt.com/2021/09/frc-9cb4669ab4ed05fe39d22cc6f4a34ebc.png?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
音律:背景后面有一个人脸突然冒出来,还是蓝色的,有点“吓人”!
我反思了下,确实有一些不合适。
所以,这一版也放弃了。
这个时候,音律给了我这样一张参考,突然我的灵感就来了。
![小白第一次做阅读型PPT,请问存在什么问题,该如何改进?](https://tu.aboutppt.com/2021/09/frc-a46cbf8c489b033b31525adcec511b23.png?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
第三版
首先,我们来分析一下上面这张参考图。
配色上,主色为蓝色,平衡色为黄色。
![小白第一次做阅读型PPT,请问存在什么问题,该如何改进?](https://tu.aboutppt.com/2021/09/frc-091b5e1e0fa6e4982dcefa967b5fef49.png?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
同时,蓝色、黄色各配了同频色,起到丰富画面的作用。
![小白第一次做阅读型PPT,请问存在什么问题,该如何改进?](https://tu.aboutppt.com/2021/09/frc-03f740dba20b34be42522872b3d77989.png?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
排版上,这一页看起来非常有层次,原因就在于:
背景、左侧竖条栏、右边人物这三处,使用了多个形状进行叠加。
![小白第一次做阅读型PPT,请问存在什么问题,该如何改进?](https://tu.aboutppt.com/2021/09/frc-d925c61b7d3995952c2892b8d7c7e864.png?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
分析完成后,开始调整优化
今天的教程,大家可以这样食用:根据一页灵感图,提取关键元素,思考如何延伸到其它页面。
01. 封面页
先看初版:
![小白第一次做阅读型PPT,请问存在什么问题,该如何改进?](https://tu.aboutppt.com/2021/09/frc-e93e594d8eceac8797dfdd506fac5f38.png?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
做完后,分析该页存在如下问题:文字和背景没有拉开层次;文案“我的偶像我做主”字重不够;左侧竖向栏和右边的人物太“空”。
明确问题后,对页面进行优化:
![小白第一次做阅读型PPT,请问存在什么问题,该如何改进?](https://tu.aboutppt.com/2021/09/frc-463efcfb9c6b6a083e6e1385a6cb0fb4.png?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
调整了如下几处::
左侧导航栏下方,多叠了一层形状
文字“我的偶像我做主”加大字重,同时加强阴影效果
通过圆形与人物衬底进行布尔运算,让黄色衬底与整个页面建立连接
![小白第一次做阅读型PPT,请问存在什么问题,该如何改进?](https://tu.aboutppt.com/2021/09/frc-f81cba2842e4196f7cff21003036373b.png?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
文字下方加入了“星星”这样的形状,构建视觉形式,方便其他页面延续
将人物略微缩小,并向上调整
这一次的改稿,我将过程稿 PPT 源文件也保留了。
大家拿到源文件后,可以仔细检查,对比改稿前后的区别。
02. 目录页
根据第一页的风格,我直接延伸了下面这样的效果,还是老问题:“空”!
![小白第一次做阅读型PPT,请问存在什么问题,该如何改进?](https://tu.aboutppt.com/2021/09/frc-9bae11c0fc8d717f558048117be3745d.png?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
别急,我们一步步来,先检查并发现问题:
目录这一块层次感不强,页面中的黄色占比太低,整体看上去蓝色太多。
继续迭代,做出如下效果:
![小白第一次做阅读型PPT,请问存在什么问题,该如何改进?](https://tu.aboutppt.com/2021/09/frc-2f659c20a1c669f768b585d338a30568.png?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
延续了封面的风格,在左侧目录这一块叠加形状
右侧使用一些颜色较淡的圆形,进行点缀丰富
03. 数据页
这一页总体来看,内容较多,可以分为两块进行美化:
![小白第一次做阅读型PPT,请问存在什么问题,该如何改进?](https://tu.aboutppt.com/2021/09/frc-09a11d277670a4d05935212204b8e954.png?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
检查发现如下问题:
内容占比很小,间距过大,显得页面很空
为了元素效果更加统一,左边图表采用的是圆角矩形,右边应继续延续这个特点,调整环饼图的边角和衬底
平衡色黄色的占比太少
调整优化后,效果如下:
![小白第一次做阅读型PPT,请问存在什么问题,该如何改进?](https://tu.aboutppt.com/2021/09/frc-e250cd4d3f4a2ccae4c11cfd791d2a2b.png?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
在两块内容下方,都添加蓝色衬底,同时将左侧的图表拉宽
增加黄色在画面的占比:在小标题右上角加“星星”;环饼图附近添加黄色线条
04. 内容及玩法页
这一页大致分为四块内容,先进行初步排版:
![小白第一次做阅读型PPT,请问存在什么问题,该如何改进?](https://tu.aboutppt.com/2021/09/frc-721118fb03efe0556206dcbaaf406d1b.png?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
老规矩,检查并发现问题:
页面层次感不强;颜色较为单调,只有蓝色,缺少辅助色丰富页面;部分文字没有对齐。
![小白第一次做阅读型PPT,请问存在什么问题,该如何改进?](https://tu.aboutppt.com/2021/09/frc-17f7c8ed20abd74936562eeda45a91f3.png?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
我们来调整一下:
![小白第一次做阅读型PPT,请问存在什么问题,该如何改进?](https://tu.aboutppt.com/2021/09/frc-955fa2e8eb4dadfb06e9beb3322239f0.png?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
背景添加了文字“star”、使用浅黄色形状衬底
为四个蓝色形状都添加了阴影,并整体上移
改完啦,我们整体回顾一下修改后的页面:
![小白第一次做阅读型PPT,请问存在什么问题,该如何改进?](https://tu.aboutppt.com/2021/09/frc-f89e881dff9b63f7f9efa782d1b3eb06.png?imageView2/0/w/3000/h/1080/format/webp/interlace/1/q/80)
这次改稿过程中,主要出现并解决的问题是:
部分页面黄色占比失衡
文字与背景之间缺乏层次感
好啦,修改后的 PPT 源文件,如果想要下载拆解学习,自取吧:
以上,就是今天分享的全部内容,希望对你有所启发~
——
公众号:自律的音律
原文链接:小白第一次做阅读型PPT,请问存在什么问题,该如何改进?