超详细拆分:教科书级「时间轴」画法,看完我服了!
分类专栏 - 设计教程 - 设计技巧
 2023-07-10 3343

不管是制作个人简历,还是公司介绍的 PPT,各种类型的 PPT 都会用到时间轴

它可以用来呈现公司的发展或者是个人的经历,在 PPT 中,应该如何制作时间轴页面,才能出彩呢?

当我们提起时间轴,你脑海里的第一印象是不是这样的:用一条长长的直线,加几个小黑点,类似于这样:

这是我们经常见到的横向设计,设计上不难,但视觉呈现也较为单调

那么实际上,我们可以从哪几个角度来提升设计感呢?我这里有 3 种技巧告诉你。

将时间轴进行拆分后,不难发现我们可以从:时间线、时间点、内容三个角度来提升。

1/ 优化时间线

1.1/ 改变线条特征

首先,我们可以从时间线入手,对线条元素进行调整美化。

将生硬的直线改为曲线或者是不规则线条来充当时间轴:

同样是从左到右的视觉体验,曲线弯曲的弧度会让整个页面看起来有起伏的感觉,显得更加生动。

除了单一方向的曲线外,我们还可以用不同类型的曲线:

上下波动的曲线则会增加页面的起伏感,用在时间轴上也相当不错。

除了单一的曲线,拼接曲线则更适合事件内容比较多的页面:

如果有的公司发展时间长,重大事件较多,则可以采用这种方式。

当然,在制作上面,其实也非常简单。我们可以将整条曲线拆分成两个部分:即半圆+直线

除了上面这种平滑的曲线外,也可以尝试一些更随意的曲线,增加 PPT 页面的空间感👇:

1.2/ 用图片作为时间线载体

除了直接画曲线外,我们还可以利用图片上已有的曲线,比如山峰、地形、建筑物等作为时间轴,是近些年比较流行又有创意的一种设计手法。

常见的山脉为时间轴:

iSlide【案例库】#1024838

山峰带给人的印象就是「攀登」、「向上」的感觉,所以一般领导看到这种页面的时间轴,会非常喜欢!

再来看两张,来深入理解一下,以建筑物为载体:

以星球为载体:

其他创意的时间轴:


看了这么多张案例,思维有没有被打开了呢!

利用图片作为时间线的好处是,能够让视觉效果更加的丰富。但是对图片的选择尤为重要,尤其是图片的分辨率一定要高!

当然,除了时间线以外,时间节点也是时间轴的重要组成部分。

接下来,我们再来改造一下「时间点」吧!

2/ 丰富时间点

我猜,你有做过这样的时间轴:

但其实我们只需要给它稍微做些改变,就能大大提升设计感,比如我们可以对其采用加上边框线、阴影、渐变这三个方式:

大家可以和原设计对比下,是不是发现整条线的质感瞬间提升了不少呢!

当然,我们也可以通过加图标的方式丰富节点:

这种方式在操作上来看难度不大,但如果使用的好,也非常出效果。

学完上面两个方法之后,如果我们同时优化时间线和时间轴,就能做出一张很哇塞的页面了:

除了时间线和时间点,大家再思考一下,还能从哪个部分入手呢?

没错,就是文字内容部分
3/ 改变内容载体

从内容部分入手,最简单的就是为其添加沉底或者合适的形状。

给大家一个万能设计技巧:去掉时间线,为时间轴上面的每个内容添加上相同的形状:

发现没有,即便是没有时间线,我们的人眼也能自动补充出一条线条,看出这是一张时间发展的页面。

再来发散一下思维,内容的容器为什么一定要是矩形呢?来点不一样的:

打破传统的框架,我们可以试着换成阶梯式的形状或者线条,同样可以表达出时间轴的概念,是不是也还不错?

看完以上三个技巧,对时间轴的设计,大家伙儿在心里有没有自己的思考和想法了呢~

4/ 总结

今天给大家分享了从三个不同角度,优化时间轴的方法:

1、优化时间线
   1.1改变线条特征
   1.2用图片作为时间线
2、丰富时间点
3、改变内容载体

知道大家学会了吗?大家在制作时间轴的时候,还使用过什么特殊的类型呢?

建议大家结合时间轴三部曲的前面两部一起学习一举拿捏老板的时间轴长什么样?4招让你的PPT颜值“逆天改命”摆脱千篇一律!一文说透如何快速做好PPT的时间轴,给你的创意加点料!

当然,局部出彩的 PPT ,整体也不能拉垮,要不会使整个 PPT 显得很不和谐,所以我为大家整理了几款整体颜值和人气都不错,时间轴也非常有意思的模板——