去年,我参与制作了一份名为「 工作型PPT灵感手册 」的产品:
该灵感手册是基于真实工作型 PPT 原稿来修改设计的,而且版式丰富多样:
刚好最近有读者给我留言:说想多看一些关于工作 PPT 的优化拆解。
那么,今天这篇文章就从
「工作型PPT灵感手册 」
中,挑选出两个案例,给大家分享一下 PPT 从0到1的优化制作过程。
注:文末可领取本文案例修改源文件
原稿的页面内容不多,主要是由两个部分构成,文字内容和合作伙伴 logo:
一般像这种 logo 页面,我们只需将其排整齐就好,比如
用整齐的色块作为 logo 载体:
又或是觉得颜色有些杂了,可以给 logo 调高亮度,统一做反白处理:
整齐是挺整齐了,但看起来比较空,很是单调,对吧?
那怎样能让页面排版看起来不空呢?
其实我们可以尝试大小不一的错落分散排版
,像这样:
分散排版有一个需要注意的点:
为了让页面看起来左右不失衡,尽量让左右两侧色块面积的和,大致上一样:
接下来,再加入一些浅色的小色块,作为氛围元素,这是
为了营造出即将有更多合作伙伴从页面中出现的感觉:
这时,页面底部还是比较空,我们可以放张粒子素材丰富一下,这样页面整体就不会太单调啦:
此外,还可以
将直角矩形改变成圆角矩形,圆润的角部看起来会更有舒适感
,这里使用了英豪插件(LvyhTools)的圆角工具,让圆角的大小统一:
一般把原稿优化成这样就可以了,但为了让 logo 由里向外散出的感觉更强烈一些,我还把向外发散的轨迹给绘制出来:
这向外发散的轨迹怎么绘制的呢?
也不难,先确定了色块元素的中心位置,然后用
「任意多边形工具」
绘制,像这样:
接着根据散射方向,将绘制的形状调节成透明渐变即可:
最后,我们把动画加上看看:
怎么样,效果还行吧?
我们再来看看第二个案例,原稿各内容之间的关系也很清晰,只要在此逻辑基础上进行优化即可:
先来处理中间圆形区域,稍微分析可知,其内容大致可以分为这几项:
以圆形为基础,我们可以尝试分散环绕排版,像这样:
其中的圆环是由两个不同大小的同心圆叠加而来
,小圆填充了蓝色渐变:
然后再插入三条线条,将大圆形均等分为三部分:
而环绕弧形文字的制作呢,可借助文本效果-转换中的拱形工具实现。
选中文本框,依次点击「形状格式 」>「文本效果」>「转换」>「跟随路径」>「拱形」:
此时文本已经有弯曲的效果了:
然后我们将文本框的高度和宽度统一,让文字弧度贴合圆形的弧度,比如这里设置为 11 厘米:
同样的方法,将其他两个文本转换弧化,然后分别与圆环居中对齐:
这样分散环绕排版就完成了。
接下来两侧的内容,我们可以
用圆角矩形代替箭头,减少尖锐感:
把 logo 和文字加上去看看效果,好像少了些向中心汇聚的趋势:
怎么办呢?