王尘宇王尘宇

研究百度干SEO做推广变成一个被互联网搞的人

关于界面设计中时间轴视觉设计与排版的普及教程

嘿,小伙伴们好呀,今天我们来聊一聊PPT页面中的时间轴。

说到时间轴页面,最容易联想到山脉图,用在企业发展历程的展示上。

不过使用的时候,还是有一些容易忽视的“坑”。

举个例子:想要做一页创业公司的发展时间轴,用了一张高低不平的山脉图片,中间竟然还有下坡的趋势,这肯定是不对的。

虽说没有顺风顺水的公司,但也要记住在对外宣传时,一定要切合企业实际情况,千万不能未卜先知给人家画了条下坡路。

接下来,给大家分享几种常见的时间轴做法吧。

 

01. 常规线段连接

时间轴里经常使用的便是线段,可以说是万金油用法了。

先来看单线段的使用,比如这一页:

这个案例主要讲的是每个时期的发展情况,表现出上升的发展趋势。

此外,也可以用单线条直接串联各年份,直观地展示出来:

这一页用了新拟态风格,由于只有一根单一的线条,如果只是简单纯色填充,页面则会比较单调,失了些设计感。

当然,单一的线段使用上难免有些局限,而多线段在视觉上通常会有更好的效果,也更方便填补占位、与页面融合:

如上图,这一页的内容非常少,如果换成了单线段,页面会显得非常空,不好排版布局。

 

02. 轨迹、发展路径

前面咱们有提到,时间轴要契合企业的发展情况。

那么在制作的时候,也可以贴合发展轨迹,着重突出企业的重要历史时刻,无论是高光还是低谷,将它们用轨迹表达出来。

比如这个案例:

中间的橙色形状是主要发展轨迹,另外两条色块则用于装饰和辅助。

轨迹有高也有低,从公司初创时处于低谷的状态,到逐步走向正轨再到巅峰,最后遇到外部影响业务开始下滑:

可以给曲线轨迹加一个动画效果:

整体加上动画后,轨迹趋势则更加明显:

再举个例子,例如下方这张图,沿着运动员滑雪的轨迹制作时间轴,就很巧妙:

亦或者,使用笔刷拼起来的国风轨迹、地图,效果也很不错:

 

相关文章

评论列表

发表评论:
验证码

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。