教程作者：二木（授权转载自公众号：一六视觉）
交作业：#优设每日作业#
Hi各位，我是二木，最近是不是感觉我们更新变慢了？
没错！是的！（叉腰.jpg）
前几天，妄想偷个懒的我还是兢兢业业在iSlide投了个稿，内容还不赖，一起来学习一下吧👇
说到时间轴，在 PPT 中并不陌生，在公司简介、业务报告、产品介绍等内容中出现的频率都比较高，但是由于时间轴的特殊性（连贯且内容多），在页面的呈现上总是不讨好观众。
我猜你看一眼就知道这些页面可以怎么用 PPT 做出来，但问题来了，如果给你文案，你真的知道怎么把它高级视觉化，做出好看又实用的 PPT 么？
哪怕不是专业设计师，掌握相关套路一样也能做出很好看的 PPT，好戏来了，跟着我一起以下面文案看看，高级感的 PPT 时间轴可以怎么做吧？
这是一页典型的带时间进程的时间轴 PPT，有标题、时间节点和发展事件，如果是你拿到这文案，你会怎么做呢？
我们先从简单的入手，时间轴 PPT 常规的可以分为两种排版形式：
两种形式不同，排版出来的页面也大有差异，我们先来试试第一种：
不管做什么类型PPT，切记不要拿到文案就直接排版，而要先在脑子拟出一份布局图，例如横向排版可以试一下这种布局：
确认好布局之后，我们试试看把内容放上去简单排版：
把时间节点单独拿出来，这样稍加排版，我相信对你来说应该不难对吧？
做 PPT 就好像给一个人穿好看的衣服，我们可以尝试换换页面更细节的元素，例如 iSlide 有一个这样的案例：
它这种时间轴的节点样式很不错，下载之后简单套用一下：
接着丰富一下细节，把标题区、节点样式和底部稍加装饰。
来看看能改成什么样：
作为工作汇报的 PPT，这样也是很干净明了，我们再来看看第二种排版形式：
同样先拟定排版布局，如果你实在没好的排版想法，试试在 iSlide 的图示库，输入关键词【时间轴】，就能找到很多相关页面：
在其中我就看到一页很适合做竖向排版的 PPT：
把我们的内容套进去，稍加排版：
这样的设计有什么亮点？
- 时间线有“意犹未尽”的感觉，轻松搞定老板想表达出的未来可期的感觉。
- 着重突出某个节点，可能这一年发生的事印象深刻，值得单独说说。
所以你看，采用不同的排版布局，画面出来的感觉也是不同的：
横向排版
竖向排版
但是啊，我知道，如果只教你这些肯定没法满足你那刁钻的审美胃口，那就不如更进一步想想，PPT 的时间轴究竟有哪些更高级的设计套路？
在这里，我总结了：
仔细想想，表达时间进程的时间线除了用直来直去的线条，我们是不是可以改变一下它的样式，例如变成曲线？
或者这种简约多彩的箭头形式。
那不知道你发现没有，尽管上面这些图看起来很大区别，但最核心的是什么呢？
是改变时间线的设计形式，用不同的形式表达时间进程。
那回到我们的案例稿件：
可以尝试插入一些跟软件相关的配图，例如电脑，在 iSlide 的图片库输入关键词【电脑】，可以找到非常多免费商用的配图，
有意思的是我留意到了这张图：
电脑边缘自带线条感，是否可以用来表达时间线呢？说来就来，描着边画出时间线，同时叠加蒙版降暗背景图：
接着，把我们的内容信息放上去：
再加上 PPT 动画效果：
这样简简单单就能吸引到观众，还很有创意感！
这种创意排版对配图有很大的要求，那选图上有什么套路能选出个好的图片吗？肯定有的，你只需要：
用图中隐藏的线条表达时间线
例如同样以电脑为关键词去找配图，我就发现了以下几张图的隐藏线：
鼠标垫跟桌面的边缘（白色虚线）
键盘的边缘部分（白色虚线）
桌面的透视线（白色虚线）
找到这些隐藏线，把它们当作时间线，你也一样能做出很有创意感的 PPT 时间轴。
而更加有创意的是，把时间线变成其他元素！
这一招屡试不爽，我在网上就看到一张非常棒的设计：
时间线变成横向的稻穗，创意分拉满！
把时间线变成PPT主题相关的元素，也是常用的设计手法，我们的案例也可以试试这个手法：
用办公钢笔，替换时间线
要是觉得横着太单调了，那就试试斜着，
以上，便是第一个设计套路，创意元素的使用。
它又分为两种类型：
先来看全局色块，你回过头想想，是不是很经常有多少文案，你就下意识想着要把所有的文案都均匀的排版到 PPT 里？
但其实有时候留一些空白，画面一样也能出高级感，同样是我们的案例，去掉时间线，把内容整体往下放：
接着，在正文底下插入色块做区分：
再添加竖向的对齐线，从左到右递增排版：
最后，美化顶部的标题区域。
一页简单又有高级感的 PPT 就这样搞定了，这是色块区分的第一种方法，而第二种分板块色块的核心要点，就是把每个事件分为独立的个体，再用色块做承载。
说着有点复杂，看图你就明白了：
能看的出来它们都是每个要点都分开用色块做区分吧？更有意思的是，除了用矩形色块，谁说不能用圆形试试看呢？
以上，便是用色块做区分的案例沿用，你大可以想想看，把这些矩形圆形色块换成别的，例如倾斜的，异形的等等。
这种技巧特别适合一页无法展示所有事件的时间轴页面，有时候老板就是不让你删减文字！
这时候除了抱怨之外你可以试试页面承载这个套路，我在 iSlide 的素材库就看到用了这种手法的 PPT：
这样看可能看不出什么，但是如果再加上推入的切换效果：
画面的高级感立马就出来了：
这样一来，每个事件都可以用单独的一页 PPT 来展示，再也不怕太多文字的时间轴了。
这种无缝链接的 PPT 怎么做呢？非常简单，在要实现无缝对接的形状上，设置好参考线，
蓝色箭头指向，有两条参考线
然后下一页里面，继续对接的形状也放在这参考线内。
这样的话，就可以搞定无缝切换了~很简单吧。
OK，这一次的分享其实涉及的技巧要点很多，我们来做个：
①、PPT时间轴常见排版方式有怎样的？
横向排版
竖向排版
②、创意PPT时间轴有哪3种设计套路？
1、创意元素
找到配图隐藏的“时间线”
替换时间线为主题相关元素
2、色块区分
所有事件通用一个底色块
单个事件单个色块
3、页面承接
用画面参考线，再加上页面切换效果，实现无缝对接
以上便是今天的时间轴设计技巧分享，但干货远远不止这些，为了写这次的教程，我们在网上找了大量的时间轴设计案例，例如这样的：
时间节点放进时间线，空间利用率爆棚！
弯曲迂回的设计形式，视觉效果满分
层叠的山峦表示节点，创意很棒
电脑发散出时间轴，效果也很赞
突出数据，立体感很强！
大家可以试着找找里面的设计套路，或者亮点，一起学习一下吧。
最后，今天是总结了时间轴的设计套路规律，但可以延伸开来的效果有非常多，那么今天就到这了，再会~
想要来「优优自学团」和500位小伙伴一起交流学习进步吗？
添加管理员微信：uisdc2 备注「优优自学团」（无备注不通过哦）
非特殊说明，本站 UiiiUiii.com 上的教程均由本站作者及学员原创或翻译，原作品版权归属原作者，转载请联系 @优优教程网 授权。
转载时请在文首注明，来源 UiiiUiii.com 及教程作者，并附本文链接。谢谢各位编辑同仁配合。UiiiUiii 保留追究相应责任的权利。
继续阅读与本文标签相同的文章：
发表评论 快来秀出你的观点