时间轴动画怎么加才惊艳?简单,腾讯御用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...
- 一周热门
- 最近发表
- 标签列表
-
- HTML 基础教程 (29)
- HTML 简介 (30)
- HTML 响应式设计 (31)
- HTML URL 编码 (32)
- HTML Web 服务器 (31)
- HTML 表单属性 (32)
- HTML 音频 (31)
- HTML5 支持 (33)
- HTML API (36)
- HTML 总结 (32)
- HTML 全局属性 (32)
- HTML 事件 (31)
- HTML 画布 (32)
- HTTP 方法 (30)
- 键盘快捷键 (30)
- CSS 语法 (35)
- CSS 选择器 (30)
- CSS 轮廓 (30)
- CSS 轮廓宽度 (31)
- CSS 谷歌字体 (33)
- CSS 链接 (31)
- CSS 中级教程 (30)
- CSS 定位 (31)
- CSS 图片库 (32)
- CSS 图像精灵 (31)