小伙伴们,上午好呀,我带着本周的改稿来啦。
按照惯例,分享一篇知乎上的改稿,先看一下原稿:

图源:知乎
分析一下这份稿子存在的不足:
01. 部分页面与整体风格不统一

02. 页面版心不统一

03. 色块突兀,大面积白色形状,给人一种简单截图般的廉价感。

其他还存在的问题有:对齐、字距、行距、图标不统一等情况~
这些在以前的改稿中都写过,今天就不过多赘述了。
问题分析完了,接下来就该改稿了~
我从原稿中选取了几页:

这一次我一共改了三版,前两版都是飞机稿。
第一版
从原稿中去掉多余元素,得到空白稿。

根据文案,我大概有两个改稿方向:
01. 将文案排列整齐,使所有页面的风格统一,让 PPT 看起来专业、舒适。
02. 通过对内容的分析,提取关键词,进行场景化设计
由于之前已经尝试过第一种方向:
所以这一次,就试试使用“场景化设计”吧。
首先,根据文案“我的偶像我做主”,进行联想发散:

用第二个方法构建场景,选择了这样一张人物图:

接着,在网上寻找了大量参考图之后,这两页让我有了灵感:

提取灵感图的部分设计元素,做出了如下效果:

做完之后,发现两个问题:
页面整体看起来较为割裂
后续页面延伸设计没有思路
所以,这一版暂时就先放弃了~
第二版
这一版尝试了图片+渐变色块的做法,效果如下:

音律:背景后面有一个人脸突然冒出来,还是蓝色的,有点“吓人”!
我反思了下,确实有一些不合适。
所以,这一版也放弃了。
这个时候,音律给了我这样一张参考,突然我的灵感就来了。

第三版
首先,我们来分析一下上面这张参考图。
配色上,主色为蓝色,平衡色为黄色。

同时,蓝色、黄色各配了同频色,起到丰富画面的作用。

排版上,这一页看起来非常有层次,原因就在于:
背景、左侧竖条栏、右边人物这三处,使用了多个形状进行叠加。

分析完成后,开始调整优化
今天的教程,大家可以这样食用:根据一页灵感图,提取关键元素,思考如何延伸到其它页面。
01. 封面页
先看初版:

做完后,分析该页存在如下问题:文字和背景没有拉开层次;文案“我的偶像我做主”字重不够;左侧竖向栏和右边的人物太“空”。
明确问题后,对页面进行优化:

调整了如下几处::
左侧导航栏下方,多叠了一层形状
文字“我的偶像我做主”加大字重,同时加强阴影效果
通过圆形与人物衬底进行布尔运算,让黄色衬底与整个页面建立连接

文字下方加入了“星星”这样的形状,构建视觉形式,方便其他页面延续
将人物略微缩小,并向上调整
这一次的改稿,我将过程稿 PPT 源文件也保留了。
大家拿到源文件后,可以仔细检查,对比改稿前后的区别。
02. 目录页
根据第一页的风格,我直接延伸了下面这样的效果,还是老问题:“空”!

别急,我们一步步来,先检查并发现问题:
目录这一块层次感不强,页面中的黄色占比太低,整体看上去蓝色太多。
继续迭代,做出如下效果:

延续了封面的风格,在左侧目录这一块叠加形状
右侧使用一些颜色较淡的圆形,进行点缀丰富
03. 数据页
这一页总体来看,内容较多,可以分为两块进行美化:

检查发现如下问题:
内容占比很小,间距过大,显得页面很空
为了元素效果更加统一,左边图表采用的是圆角矩形,右边应继续延续这个特点,调整环饼图的边角和衬底
平衡色黄色的占比太少
调整优化后,效果如下:

在两块内容下方,都添加蓝色衬底,同时将左侧的图表拉宽
增加黄色在画面的占比:在小标题右上角加“星星”;环饼图附近添加黄色线条
04. 内容及玩法页
这一页大致分为四块内容,先进行初步排版:

老规矩,检查并发现问题:
页面层次感不强;颜色较为单调,只有蓝色,缺少辅助色丰富页面;部分文字没有对齐。

我们来调整一下:

背景添加了文字“star”、使用浅黄色形状衬底
为四个蓝色形状都添加了阴影,并整体上移
改完啦,我们整体回顾一下修改后的页面:

这次改稿过程中,主要出现并解决的问题是:
部分页面黄色占比失衡
文字与背景之间缺乏层次感
好啦,修改后的 PPT 源文件,如果想要下载拆解学习,自取吧:
以上,就是今天分享的全部内容,希望对你有所启发~
——
公众号:自律的音律
原文链接:小白第一次做阅读型PPT,请问存在什么问题,该如何改进?