来源：自律的音律
文章发出来后，一位小伙伴发出了这样的疑问：
简单分析转述一下：
虽然现在手里有了模板，但是具体应用还是比较迷茫，不清楚如何套用，是否可以出一期教程？
那当然可以啦，今天就为大家准备了一篇。
先浏览下修改后的效果：
准备
开始之前，要准备一页时间轴内容。
我从社群本周的打卡作业里摘出来这样一页：
这次的改稿思路分为三步：
挑选模板
更改样式
调整调性
大家准备好了吗？
01. 挑选模板
观察我们的原稿，有 6 个时间点，内容较多。
选择模板时，有一点很重要：要结合内容来选择。
有些模板的排版并不适合今天的内容，例如下图，这样的版式最多排 5 个，如果硬做成 6 个，很可能阅读体验不够舒适。
我在模板中选了这四种版式，接下来就参考它们并着手更改：
02. 更改样式
将时间轴的内容直接粘贴到版式中，咱们的改稿就完成了吗？
当时不是了，如果这样做了，页面整体会显得单调，客户直接打回重做。
所以，除了原有版式之外，还需要确定样式风格，具体要看客户的需求。
v1 版
第一个版式：
这里分享一个省时间的小妙招，先调整好一个事件，再复制 5 个，最后粘贴复制文字。
具体制作：绘制一个矩形输入文字，调整好阴影、颜色和间距等参数。
按住快捷键【ctrl+shift】平行拖动复制５个，更改文字：
接下来再制作箭头，连接年份引导读者阅读：
准备两个渐变形状，第一个整体偏亮，具体参数可下载源文件后查看：
给第二个形状设置柔化边缘：
将柔化后的形状叠在第一个图形上面，同时再加一个箭头：
箭头制作完成后，整体选中并组合，然后转为图片缩小，放在刚刚的页面上：
这一页就制作完成了～
v2 版
再来看第二个版式：
套用这一页版式之前，需要请大家考虑一个问题：图标和环形与具体内容是否对应？
1. 图标与内容无关：他们是装饰元素，是否保留要看客户的想法。
一般情况下建议删除，或者更换为与内容相关的元素，我这里替换成箭头。
2. 逻辑关系不对应：原图关系为时间序列，而模板是环形。
采用编辑顶点的方法去掉左边的环。
这是修改后的页面：
v3 版
接下来，着手改第三个版式：
页面上只有 5 个节点，而我们的事件有 6 个，所以需要再添加一个：
接着，将纯色圆点替换为刚刚制作的圆球：
上图圆球只用了蓝色，如果觉得单调，可以再加入其他颜色的圆球：
将圆球加到页面中：
现在引导线已经完成，接下来制作 6 个事件。
先制作 2015 年事件：
依次复制 5 个，并更改文字内容：
如果觉得四周空旷，可以添加一些弥散形状：
弥散背景的具体做法，可以参考这两篇文章：
v4 版
部分小伙伴看到原稿时，我猜肯定有过这样的想法：
既然这一页内容较多，那能不能分页呢？
其实是可以的，分享的版式中也有这样的页面，比如说这一套：
接下来，就套用这个版式制作，配色和 v3 版一样：
制作完成后，再加上关键一步：给第二页设置切换效果【推入】
动态展示效果如下：
03. 调整调性
如果客户要求：需要融入品牌特色，又该怎么办？
这一套报告的内容是关于饿了么的，所以可以从饿了么这个品牌自身出发。
先在花瓣上找一下参考：
挑选几页进行分析：整体积极向上，配色为 logo 蓝。
按刚刚的分析，选择 v1 版调整页面，先加上 logo：
背景换色
现在假设，右上角的 logo 悄悄换成其他品牌，大家会察觉出来吗？
我猜不会的，这个怎么解决呢？
可以从背景入手，将浅色更改为 logo 蓝：
活泼页面
除此之外，还需要让页面活泼起来。
可以先给标题添加描边效果：
周围增添一些斜线作为装饰：
更改矩形
观察 logo，文字转折处较为圆润。
而我们用的矩形实在太生硬，不妨换一个更有趣味的形状：对角圆角矩形。
更换形状后，页面效果如下：
元素统一
检查页面，存在各元素风格不统一的问题。
蓝色箭头中的形状是渐变效果，风格属于偏写实的。
而我们的文字描边、背景填充、线条装饰，都是偏扁平风格。
解决方案：将渐变更改为纯色填充
修改后效果如下：
完成后，如果觉得页面太单调了，还可以将箭头换成黄色。
最后，再来浏览下最终成果：
本周社群打卡的练习中，也产出了很多优秀作品。
我从中选了 3 页时间轴相关的页面，大家可以参考一下不同作品的表现形式，希望能有所帮助：
@长乐未央
@KeKe
@KeKe
联系客服
