百度360必应搜狗淘宝本站头条
当前位置:网站首页 > 技术文章 > 正文

时间轴动画怎么加才惊艳?简单,腾讯御用PPT设计师直接爆料

myzbx 2025-04-27 15:08 3 浏览

大家应该收集或者见过很多不错的时间轴的页面设计吧?

时间轴算是PPT制作中经常遇到的页面类型,个人述职、项目路演、企业介绍等等,都会用到时间轴来让用户更加直观地了解个人或公司

比如腾讯的时间轴页:

又比如高通的时间轴页:

那你,知道时间轴这种PPT页面,适合添加什么样的动画效果吗?今天的这篇文章直接告诉你三种让时间轴更出彩的动画效果!

文末还分享了超多适合作时间轴背景图的图片素材,大家记得转发+关注!


1、加入路径动画

我们使用曲线来代替常用的直线时间轴,然后在用曲线工具在页面的底部绘制一些波纹,如下图:

除此之外呢,为底部的波浪形状加上路径动画,我们来看一下效果:

如果觉得路径动画太难,那我给大家推荐一个在线曲线生成网站:挥手

这个网站能够随机生成波浪形状!也支持下载SVG格式的矢量图形,下载后只需要直接导入PPT就能实现自由编辑!


这页问题很明显,版式不均衡,右侧留有大面积空白,

也许你会觉得,这页面也太简单了,那就用动效来弥补吧!


2、依次浮现

先看PPT的原稿页面,这种阶梯样式的排版可能是很多人喜欢的版式:

但是这一页存在着明显的问题,文本栏宽过窄,以及页面阶梯颜色过多,会干扰视线:

对于这种时间节点多的页面,我们可以使用上下错位的排版方式:

上下错位的排版更能充分利用PPT页面内的空间,同时将直线换成有上升趋势的曲线,就又能体现企业的发展势头:

最后让信息依次浮现:

同理,再举一个例子,大家看这种动画,按照从左向右的顺序,既符合时间顺序,又能体现发展劲头:


3、推入

这又是PPT自带的一个很实用的效果:

这个效果用在时间轴页简直就是绝配。我举几个例子大家就能明白了~

这是高通的时间轴页面,前后两页有十分明显的递进关系:

我们在第二页加上推入效果:

这个案例里面推入效果,是自右侧。这个金典的案例也是同样的方法:

那么能不能实现上下推入呢?当然可以!

纵向的推入,我需要强调一点:前后两页的衔接处不能有偏差!!

到这里,这三个时候时间轴页面的动画效果你学会了吗?

最后呢,我搜集了很多适合做时间轴页面的背景图:

只需要你关注我+发送关键词【时间轴】即可获取!

相关推荐

建模大神都在用的软件,哝晓得不?

各位宝宝们,阿瑶又来啦!一日不见,甚是想念。今天阿瑶这篇文章是个连载文章连载四天大家走过路过不要错过哦!今天阿瑶先给大家来讲一讲Maya建模类型中的第一个多边形建模。各位宝宝们,赶紧拿好你们的小板凳,...

神器推荐 | 制作多边形网格从此不用愁

近来许多大数据分析、网络社群方面的PPT,特别喜欢使用多边形网格作为修饰,借以表示连接、关系、节点等抽象概念,比如▼虽然使用PPT自带的图形工具也能做出来,但是纯手工绘制那是相当耗时耗力,谁用谁知道▼...

谷歌最强推理模型gemini2.5pro登场,强的离谱~

25号晚上,谷歌直接放了一个大招,直接推出了gemini2.5pro的下一代推理模型。强到什么程度,据官网介绍的,在一系列需要高级推理的基准测试中都处于领先地位,并且是甩掉了后面模型一大截的差距。就好...

设计大神不传之秘,这个PPT隐藏的排版神器,让你提前1小时下班

最近好多学员在群里给我吐槽,说做工作汇报的时候经常碰到一大堆文字的时间轴页面,不管怎么排版都感觉又乱又丑,一眼看不到重点,就像这样:如果随便找一张模板套上去,很有可能显得浮夸:不如找来一张折线图,上升...

网站分享 | 想要作品有创意?不如学学如何玩转半色调吧

正当你想要为自己的设计作品增添新的创意元素发愁时,不如试试「半色调」能否给你带来新的灵感!什么是半色调?半色调又称灰度级,它是反映图像亮度层次、黑白对比变化的技术指标。也就是通过运用点、条纹或其他形...

想做半色调+低多边形+条纹效果?这个网站帮你一键生成!

如果想要为设计作品增添一些新意的元素,或许今天这个「矢量半色调」网站能带给你一些启发!什么是「半色调」效果呢,「半色调」是指运用点、条纹或其他形状的图案,根据元素大小或者疏密的不同,从而构成从远处看起...

Excalidraw-免费的白板应用,能够画各种流程图架构图

一款完全免费的手绘风格绘图在线应用,能快速画出漂亮的流程图、示意图甚至是图表。关于ExcalidrawExcalidraw是一款轻量的手绘风格电子白板在线应用,无论是Windows/macO...

时间轴动画怎么加才惊艳?简单,腾讯御用PPT设计师直接爆料

大家应该收集或者见过很多不错的时间轴的页面设计吧?时间轴算是PPT制作中经常遇到的页面类型,个人述职、项目路演、企业介绍等等,都会用到时间轴来让用户更加直观地了解个人或公司。比如腾讯的时间轴页:又比如...

图片无限放大也不会模糊的秘密,矢量图的那些事

当你想在你的文档或者幻灯片中插入一个图片,感觉图片太小排版不太美观,我们放大一下图片,发现图片因为放大而变得模糊,严重影响视觉感受。这个视频我会告诉如何让图片放大、再放大都不会失真的方法。首先我们先来...

用热搜的方式打开推文?

热搜,向来是全民瞩目的焦点。要是把热搜元素融入到推文之中,那推文的趣味性必定直线上升!想必大家都很好奇,怎样在SVG交互推文中打造出热搜效果呢?不少品牌方账号中,90%以上的内容都采用了SVG,交...

羊角螺线如何应用到平面设计中?

羊角螺线是一段数学函数曲线。多用作缓和曲线,缓和直路线与圆曲路线之间曲线变化的作用。羊角螺线的特点是,从坐标原点开始,起始曲率为0,函数曲线的曲率呈线性增长。也就是说,羊角螺线可以完美链接直线与任何圆...

cad转svg的软件有哪些?为你介绍这四个软件

cad转svg的软件有哪些?CAD(计算机辅助设计)是一种广泛使用的工具,用于创建和修改设计图纸。SVG(可缩放矢量图形)是一种开放标准,用于在Web上显示矢量图形。CAD转SVG是将CAD图纸转换为...

图片格式那么多,哪种更适合你?

本文介绍和比较几种常见图片文件格式的优缺点,并介绍不同的文件格式对Web应用程序性能的影响。有损vs无损图片文件格式有可能会对图片的文件大小进行不同程度的压缩,图片的压缩分为有损压缩和无损压缩两种。有...

一篇文章教会你使用SVG 画多边形

作者:前端进阶者来源:前端进阶学习交流大家好,我是前端进阶者。polygon元素定义了一个由一组首尾相连的直线线段构成的闭合多边形形状,最后一点连接到第一点。元素通常用于绘制具有多个(3个或更多)...

SVG 绘制曲折线

本节我们来学习如何在SVG中绘制曲折线,绘制曲折线可以使用<polyline>元素来实现。如何绘制曲折线曲折线就是通过一系列的直线连接多个点,然后组合成任意形状。曲折线可以通过S...