企业在介绍自身发展历程、员工对过去工作进行回顾以及对之后工作进行规划安排时,都会用到时间轴页。

今天,就跟各位聊一聊如何做好时间轴页。

介绍几种方法:

1.借助线条引导视线

借助直线


借助曲线


2.借助形状规整

借助矩形


借助不规则的圆形


3.优化轴线

使用刻度线作为轴线


使用爬山的人物剪影作为时间节点,使用任意多边行形状绘制的“山”作为轴线


我们可以看个案例:

“腾讯发展历程”的单页文稿:

这是“时间轴”页面,立马可以想到以直线、折线、曲线等形式的时间轴,用纯绘制的线条,或和某些具有明确轮廓线的图片做融合,再用图标对每个时间节点做可视化,可以做出很不错的画面。

1、提取视觉化元素和颜色

腾讯最具代表性的就是企鹅轮廓图形了,时间线是在过去,所以颜色可以是深邃的蓝;

2、开始绘制时间轴形状,布局节点文案

以企鹅形状视觉主体,用从左到右,从下至上的视觉顺序绘制出两条看起来缠绕企鹅的曲线,“顶点”数量越少,曲线越流畅。并相对均匀的放好5个时间节点;

3、丰富画面颜色

在暗调背景中做亮光处理是科技感风格的常用手法,所以我分别对背景做了射线填充,准备营造逆光的感觉,给圆形节点和时间信息加上了亮蓝色,区分正文文字;

4、丰富视觉主体

现在纯色的企鹅图形有点单调,也没有和背景融合好,所以加了一层亮色投影,一层发光效果,一层内阴影,一层轮廓渐变线,立体感就出来了。不过即便这样,图形内部感觉还是有些空,所以加了原本就有的围巾。到这里,视觉主体的科技感就塑造好了;

5、丰富整体画面

现在要做的就是进一步丰富画面的空洞感,方法也很简单,这里不是找背景图,而是用自带的圆形形状+柔化边缘效果制作大大小小、深深浅浅的“蓝色光点”元素,分布在主体周围和画面边缘。当然,每一个时间圆点也做了发光处理。

现在基本算完成了,细节上对文字粗细和距离又做了调整。

以上,做时间轴的方法你学会了吗?

如果你有想看、想学习的PPT知识点,可以随时评论或者私信我。喜欢点个赞哈!