本文总共1709个字,阅读需6分钟,全文加载时间:2.355s,本站综合其他专栏收录该内容! 字体大小:

文章导读: 咱们上周六发的时间轴版式素材,大家都看了吗? 文章发出来后,一位小伙伴发出了这样的疑问: 简单分析转述一下: 虽然现在手里有了模板,但是具体应用还是比较迷茫,不清楚如何套用,是否可以出一期教程?……各位看官请向下阅读:

咱们上周六发的时间轴版式素材,大家都看了吗?

文章发出来后,一位小伙伴发出了这样的疑问:

简单分析转述一下:

虽然现在手里有了模板,但是具体应用还是比较迷茫,不清楚如何套用,是否可以出一期教程?

那当然可以啦,今天就为大家准备了一篇。

先浏览下修改后的效果:

准备

开始之前,要准备一页时间轴内容。

我从社群本周的打卡作业里摘出来这样一页:

这次的改稿思路分为三步:

挑选模板

更改样式

调整调性

大家准备好了吗?

01. 挑选模板

观察我们的原稿,有 6 个时间点,内容较多。

选择模板时,有一点很重要:要结合内容来选择。

有些模板的排版并不适合今天的内容,例如下图,这样的版式最多排 5 个,如果硬做成 6 个,很可能阅读体验不够舒适。

我在模板中选了这四种版式,接下来就参考它们并着手更改:

02. 更改样式

将时间轴的内容直接粘贴到版式中,咱们的改稿就完成了吗?

当时不是了,如果这样做了,页面整体会显得单调,客户直接打回重做。

所以,除了原有版式之外,还需要确定样式风格,具体要看客户的需求。

v1 版

第一个版式:

这里分享一个省时间的小妙招,先调整好一个事件,再复制 5 个,最后粘贴复制文字。

具体制作:绘制一个矩形输入文字,调整好阴影、颜色和间距等参数。

按住快捷键【ctrl+shift】平行拖动复制5个,更改文字:

接下来再制作箭头,连接年份引导读者阅读:

准备两个渐变形状,第一个整体偏亮,具体参数可下载源文件后查看:

给第二个形状设置柔化边缘:

将柔化后的形状叠在第一个图形上面,同时再加一个箭头:

箭头制作完成后,整体选中并组合,然后转为图片缩小,放在刚刚的页面上:‍

这一页就制作完成了~

v2 版

再来看第二个版式:

套用这一页版式之前,需要请大家考虑一个问题:图标和环形与具体内容是否对应?

1. 图标与内容无关:他们是装饰元素,是否保留要看客户的想法。

一般情况下建议删除,或者更换为与内容相关的元素,我这里替换成箭头。

2. 逻辑关系不对应:原图关系为时间序列,而模板是环形。

采用编辑顶点的方法去掉左边的环。

这是修改后的页面:

v3 版

接下来,着手改第三个版式:

页面上只有 5 个节点,而我们的事件有 6 个,所以需要再添加一个:

接着,将纯色圆点替换为刚刚制作的圆球:

上图圆球只用了蓝色,如果觉得单调,可以再加入其他颜色的圆球:

将圆球加到页面中:

现在引导线已经完成,接下来制作 6 个事件。

先制作 2015 年事件:

依次复制 5 个,并更改文字内容:

如果觉得四周空旷,可以添加一些弥散形状:

v4 版

部分小伙伴看到原稿时,我猜肯定有过这样的想法:

既然这一页内容较多,那能不能分页呢?

其实是可以的,分享的版式中也有这样的页面,比如说这一套:

接下来,就套用这个版式制作,配色和 v3 版一样:‍

制作完成后,再加上关键一步:给第二页设置切换效果【推入】

动态展示效果如下:

03. 调整调性

如果客户要求:需要融入品牌特色,又该怎么办?

这一套报告的内容是关于饿了么的,所以可以从饿了么这个品牌自身出发。

先在花瓣上找一下参考:

挑选几页进行分析:整体积极向上,配色为 logo 蓝。

按刚刚的分析,选择 v1 版调整页面,先加上 logo:

背景换色

现在假设,右上角的 logo 悄悄换成其他品牌,大家会察觉出来吗?

我猜不会的,这个怎么解决呢?

可以从背景入手,将浅色更改为 logo 蓝:

活泼页面

除此之外,还需要让页面活泼起来。

可以先给标题添加描边效果:

周围增添一些斜线作为装饰:

更改矩形

观察 logo,文字转折处较为圆润。

而我们用的矩形实在太生硬,不妨换一个更有趣味的形状:对角圆角矩形。

更换形状后,页面效果如下:

元素统一

检查页面,存在各元素风格不统一的问题。

蓝色箭头中的形状是渐变效果,风格属于偏写实的。

而我们的文字描边、背景填充、线条装饰,都是偏扁平风格。

解决方案:将渐变更改为纯色填充

修改后效果如下:

完成后,如果觉得页面太单调了,还可以将箭头换成黄色。

最后,再来浏览下最终成果:

本周社群打卡的练习中,也产出了很多优秀作品。

我从中选了 3 页时间轴相关的页面,大家可以参考一下不同作品的表现形式,希望能有所帮助:

@长乐未央

@KeKe

@KeKe

本文的 PPT 源文件,如果想要拆解学习,可以在 AboutPPT 导航阅读原文获取。

以上,就是今天的分享,我们下期债见~

以上内容由优质教程资源合作伙伴 “鲸鱼办公” 整理编辑,如果对您有帮助欢迎转发分享!

你可能对这些文章感兴趣:

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注