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