ant如何形成时间轴和图库_PPT经典页面—时间轴的15+种改法

作者 | 易焦躁星人

微信号 | wxy19911003

公众号| 热心P民

本期内容时间轴是PPT非常常见的一种页面类型,经常用作展示企业发展产品历史个人经历等。

以下面这样一张普通的时间轴为例,究竟能产生怎样的72变呢?

31f25679caf6a26a246f4e7b9e89dd7a.png

元素解剖

时间轴页面必备的两个元素就是“轴线”“节点”,所有人都能想到的就是一根直线加上一些点制作成轴。

但是这样的设计显得有些死板,怎样去做一些最基础的美化呢?

1、轴线的美化。除了单调的直线外,我们可以把轴线做成弧线

396308947a11dff34506c326c6605e28.png

弧线使界面显得更活泼,还能放入更多的信息,更充分的利用版面

除了弧线,我们还可把轴线制作成曲线。

9fa32af42d6147b54112e3dd4c669a12.png

曲线相对于弧线更自由一些,可以放入更多的信息。如上两图这样的弧线和U型轨迹线条是怎样绘制的呢?

fb2b9330431a60e97ce20c43126da4b8.png

拆分之后我们发现它其实是由“弧线”与“直线”拼接而成的。

2828145d45efd536c11c768335674e0c.png

在【菜单栏】-【插入】-【形状】中找到弧形

1de5487be65fd33c1f011009e6d4be98.png

按住“Shift”可以绘制出正方形对应的四分之一圆弧,拖动黄色的点可以绘制成半圆弧。(视频教程如下)

cf1de79d66c5528f3deab1b673ce5f5b.png
https://www.zhihu.com/video/1213199571754754048

2、节点的美化

轴线美化完成后,节点能怎样变换呢?我们可以将“点”替换成更形象化的图标或者图片。图标的选择基于我们页面要表达的内容,“车轮”就很符合本页PPT的内容。

73bb8f59acc07bbe7b2c68af01619b08.png

替换之后,读者很容易就知道这是一页与汽车相关的PPT。

除了车轮,还可以用方向盘等汽车部件,当然,节点并不局限于圆形。

那么图标怎么找呢?这里建议大家安装PPT必不可少的islide插件,矢量图标直接搜索添加,并随意更改颜色,海量资源你值得拥有!

除了图标外, 我们更提倡用实物图替换,实物图给人更具象的感觉,也会使页面显得更精致。

388089d897805738bc3574567941a83a.png

在这里我找了一张车轮的图片,图片都好找,重点是图片怎么抠?

给大家介绍一款傻瓜在线免费抠图网页。(https://www.remove.bg)抠图非常智能精细,完全达到制作标准。

排版布局

“轴线”和“节点”搞定之后,时间轴页面的基本骨架就确认好了,下面就是填充文字的环节,文字如何排版呢?总结所有时间轴的版面,无非以下三种。

1、同侧排版

948ba5756ac6df3d3d9b6e07a3fde001.png

所有信息集中在轴线的一侧,更便于读者阅读,读者能够快速捕捉到节点处的关键概括型信息。

2、对侧排版

2f619dac069d82bf51718cd42ce66d76.png

信息对称分布在轴线的两侧,这样的设计能放下更多的细节信息,避免同一侧设计带来的拥挤。

3、对角线排版

6d3cb4f180e9dbec8dcbc1bdc947f799.png

时间轴本身就是一种时间的轨迹,和对角线上升的感觉非常契合。三种排版方式要根据不同的文字拥挤程度酌情应用,到这里,如果你再遇到要做时间轴页面,基本的美化和排版就搞定了。

但是这仅仅达到了“不丑”,如何才能更有一些设计感呢?

灵光1现:线太单薄,形状来凑

首先,我们可以考虑轴线的变形,时间轴一定要是一个”轴”么?不,那样你就太轴了。我们可以利用“形状”,减弱线条的单薄感,形状的拼接在无形当中就已经形成一条“轴”。

80ab8901b52bcc2bd4e89c72de83e336.png

运用半圆形的拼接形成了一条曲线,用车轮图标代替节点,增加了页面的丰富性。

除了圆形之外,我们还可以使用多边形,而且多边形本身还可以作为一个节点填充信息。

0679227b0a162b4b6d0afa99448b879e.png

如果让视觉引导更明显,我们可以在多边形的边线上加上视觉引导线。形状千千万万,选几个自己动手试试吧!

灵光2现:要想高大上,图片必须上

以上所有的美化都是比较基础的,页面还是显得比较单调,如果想要更有层次感,图片是必不可少的,那么图片可以加在哪呢?

1、为每个时间节点加上配图

f3ade11f32be21bc859545f66beee1b3.png

但是这样的设计,背景还是显得非常“空”,我们可以尝试把图片放在背景层。

2、经典的分栏页面

284cf9d702f92497a146c8251b2c2ad1.png

分栏设计能够无形当中划清信息区域,与渐变蒙版结合可以弱化背景突出页面的信息。

灵光3现:生活处处都是”轴”

PPT高大上,多半是图片选的好,一张美观高清大图做背景瞬间提升B格。

图片有很多,选择清晰的图片是最基本的要求,更最重要的是选图思路。结合内容发散与联想,生活中处处都有隐藏的“轴”。

27f34910c6cca5b095f0481a47c66b24.png

讲述车的发展,不妨利用公路来作为“轴”。选一张公路背景图,添加蒙版弱化背景颜色,但是要把轴线突出出来。这里的曲线是如何添加的呢?(插播曲线画法教程)

12b66f0c011a6716fdd87f075db39a2f.png
https://www.zhihu.com/video/1213200038782271488

除了公路之外,还有什么样的图片可以作为背景图片呢?

在这儿可以小小的头脑风暴一下, 最常见的一些含有“轴”的元素包括山脉,大桥,海岸线,公路,楼宇等等,如果更大气一些可以用星球,星轨等等。

如果应用的图片的场景能与PPT内容结合,那就更好了。

在这里举了两个例子抛砖引玉。

9b5596921bbf5472e8f2de70389cc65b.png

c1e02b61c5df988356c00aec1537c19b.png

在这里要注意图片尽量用色彩和元素简约一些的图片,不要对页面的信息造成干扰。

灵光4现:没有轴就创造轴

有时候找不到轴线非常明显的背景图的时候,我们就在现有的背景上创造出一条轴。

b907a1561209998dede4b1ebbcb3c1d7.png

比如这一页我选择奥迪A6作背景,因为与页面的内容非常契合,但是页面又没有明显的轴线。

但我们发现汽车车身就是一条隐藏的轴线,我们把它强化出来当做时间轴线,再填充信息。

灵光5现:给画面一些“空间感”

添加完背景图之后,画面就有了层次,但是PPT创作不必局限于一个平面,可以让PPT多一点“空间感”。如何具有空间感呢?最简单的方法就是找一张有一些“景深”的背景图

12c37517363eb4318ec3199735dcb647.png

在这里我找了一张隧道的图片,发光的轨迹线条由远及近,让画面有了空间感,又刚好可以当做时间轴线。

33b4f6f2039cda1697a1f2bb46e720de.png

我们还可以选用一张科技感强一些的背景图来突出奥迪的"突破科技,启迪未来"。

灵光6现:给画面一些“立体感”

三维立体设计是近两年非常火的设计方式,升维之后的PPT有无限可能。

b076f3b031721abb64d734ab6a2e1503.png

把PPT页面想象成一个三维的空间,再在其中添加元素,这样的PPT界面更有场景感。尝试运用形状当中的"正方体"结合"三维变换"来实现这样的效果吧!

结合动画效果更炫酷

155f3711fc206dac1e7041750e43013b.png
https://www.zhihu.com/video/1213200266247753728

灵光7现:与动画的结合

时间轴如果很难在一个界面放下的时候,我们就要借助动画了,用最简单的动画就有非常好的效果。(时间轴动画教程)

8953c0282e24fdb8fbb5bbc6b7a035f0.png
90992cf8e7322aa68f9b0ec219e6d9a2.png
https://www.zhihu.com/video/1213198818168279040

要做出这样的效果,就是在PPT页面切换的时候添加推进的效果。

【菜单栏】-【切换】-【推进】,后面的效果选项还可以改变推进的方向,使其与PPT内容相契合。

与动画结合后的时间轴再也不怕一个界面放不下了,想做多长就做多长。

到这里,时间轴页面的进化就完成了,最重要的是动手试试吧!


创作令人头秃

坚持十分不易

如果觉得有用

点个赞再走哦


作者 | 易焦躁星人

微信号 | wxy19911003

公众号| 热心P民

6ba64602f084bad137cd7b4efa6fd95b.png
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值