以上图片案例素材均来源于网络分享,侵删
![](http://dingyue.ws.126.net/2023/1204/fa64b453j00s54ql50242c001jk00v9m.jpg)
我们在做工作总结或者年终总结以及其他类型的PPT时,总会遇到目录页的展示。
如果你没有好的设计思路和方法,就会做成下面这种效果,看起来很普通且单一。
![](http://dingyue.ws.126.net/2023/1204/5d8a1034j00s54ql100lfc001jo00vdm.jpg)
那么应该如何做出一个高级且又不复杂的目录页呢?
下面跟大家分享一个实战案例,比如这页内容。
![](http://dingyue.ws.126.net/2023/1204/1355db00j00s54ql200gyc001jm00vdm.jpg)
接下来分享两个设计思路,一是使用基础形状设计,二是使用创意图片设计。
首先,将内容简单处理一下。
![](http://dingyue.ws.126.net/2023/1204/01835758j00s54qkx004ac001jo00vdm.jpg)
其次,再把单一的标题用形状丰富一下,比如使用线框和渐变形状。
![](http://dingyue.ws.126.net/2023/1204/fbb1dc64j00s54qkw003gc001jo00vdm.jpg)
同理,其他组内容也是这样处理。
![](http://dingyue.ws.126.net/2023/1204/2b59a3f1j00s54qky008oc001jo00vdm.jpg)
一、添加形状
添加一个形状,这页目录页分量感有了,也好看多了。
![](http://dingyue.ws.126.net/2023/1204/9f6db3e6j00s54qkz008uc001jo00vdm.jpg)
这里有一个问题,由于内容字数不多,可以将内容排版为这种错落效果。
![](http://dingyue.ws.126.net/2023/1204/a6f351a1j00s54qky008uc001jo00vdm.jpg)
再或者排版为这种奇偶样式,做三右二的效果。
![](http://dingyue.ws.126.net/2023/1204/c5a0a941j00s54qky008nc001jo00vdm.jpg)
再或者还可以使用这种横向排版,上下用形状优化。
![](http://dingyue.ws.126.net/2023/1204/de03de66j00s54qkz008fc001jo00vdm.jpg)
同理,还可以换成这种深色背景,居中排版。
![](http://dingyue.ws.126.net/2023/1204/f678a110j00s54ql000e0c001jo00vdm.jpg)
二、图片设计
处理使用形状设计之外,还可以借助图片设计。
比如,大家可以找一些产品图或者企业相关的图片进行设计。
比如,这里找到的是官网的图片。
![](http://dingyue.ws.126.net/2023/1204/06e212cbj00s54ql301jnc001jo00vdm.jpg)
有了图片的加持,设计起来就简单了。
比如,使用这种上图下文的效果。
![](http://dingyue.ws.126.net/2023/1204/f7b64c90j00s54ql3017zc001jo00vdm.jpg)
此时能发现左边比较空,页面版式有点失衡。
可以添加一个上下渐变形状补充一下,起到平衡页面的作用。
![](http://dingyue.ws.126.net/2023/1204/dc08d175j00s54ql30187c001jo00vdm.jpg)
除此之外,想要图片看起来更加有创意,可以进行抠图处理。
![](http://dingyue.ws.126.net/2023/1204/a77c3ee1j00s54ql0007oc001jo00vdm.jpg)
看完图之后,背景干净很多。
![](http://dingyue.ws.126.net/2023/1204/289ad925j00s54ql301bic001jo00vdm.jpg)
接下来,使用圆形做出这种突出的效果。
![](http://dingyue.ws.126.net/2023/1204/35690ccdj00s54ql100lyc001jo00vdm.jpg)
然后把内容在排版上去,使用环绕效果。
![](http://dingyue.ws.126.net/2023/1204/8167a99ej00s54ql200rkc001jo00vdm.jpg)
同理,还可以把深色形状拿出来设计。
![](http://dingyue.ws.126.net/2023/1204/c0a6f39aj00s54ql200r4c001jo00vdm.jpg)
再或者,使用这种深色背景设计。
![](http://dingyue.ws.126.net/2023/1204/ed8cdb31j00s54ql300zzc001jo00vdm.jpg)
除此之外,还可以使用这种左右结构,用图片和形状做一个叠加效果。
![](http://dingyue.ws.126.net/2023/1204/fc7429dfj00s54ql20102c001jo00vdm.jpg)
最后,还有这种两种效果,看起来也非常有设计感。
![](http://dingyue.ws.126.net/2023/1204/3fd8b8f5j00s54ql100bnc001jo00vdm.jpg)
![](http://dingyue.ws.126.net/2023/1204/a8861f1cj00s54ql200o8c001jo00vdm.jpg)
如果大家设计目录页,没有灵感,可以使用之前的KOPPT插件,近期更新了很多创意目录页。
![](http://dingyue.ws.126.net/2023/1204/aa9f6e68j00s54ql100nlc001jk00v9m.jpg)
插件素材来源于KOPPT网站
![](http://dingyue.ws.126.net/2023/1204/27e27b14j00s54ql000hxc001jk00v9m.jpg)
插件素材来源于KOPPT网站
选择合适的目录页,点击即可插入PPT里,修改内容即可完成。
最后,看一下修改前后的对比效果。
![](http://dingyue.ws.126.net/2023/1204/a175c018j00s54ql3010fc001jk00v9m.jpg)
以上图片案例素材均来源于网络分享,侵删
关于本次的主题内容,就分享这么多,希望对你有帮助。
下期见!
热门跟贴