![df09bee5f6e206d8eafdeb409df826cc.png](https://i-blog.csdnimg.cn/blog_migrate/655dbc048cb91f4be68363612372ad49.jpeg)
我相信,阅读这篇文章的读者中,咱们几乎每一个人都设计过时间轴。而提到时间轴,无非就是画一条直线箭头,然后在相应时间节点去添加一些事件描述。
不可否认,采用这种方法,我们的确可以绘制出一条时间轴,但是,在视觉呈现上,未免有些单调。就像这样:
![f560156ba8708ff96dc6e61819208ba8.png](https://i-blog.csdnimg.cn/blog_migrate/275362733f5e560458fc1aed99649463.png)
那么,如何才能设计出一条更有创意的时间轴样式呢?这篇文章,就来系统地跟各位分享一些我的设计思路。从哪开始说起呢?咱们就先回到时间轴本身,来思考一下时间轴的构成。
从下面的案例中,大家可以看到,大致包含这么4个方面:
![1200582a73735f90fc7452af0a86b0c9.png](https://i-blog.csdnimg.cn/blog_migrate/5de75623a2efafb5bc283fcad65792e6.jpeg)
所以,如果我们想要系统地开拓自己的创意设计思路,那么,我们就可以从这4个方面入手,来设计一条时间轴。怎么做呢?01 更改线条的样式
如果一条直线箭头过于普通,那么,我们可以考虑对其进行改造。可以从以下几个方面切入思考。
更改为曲线
![0c919ac29730984ed7c8deb0f344c74b.png](https://i-blog.csdnimg.cn/blog_migrate/eb7f79266b36b6caf4a3f2637e67fd9e.jpeg)
![31d134bafa4497f4563fe843817aafd8.png](https://i-blog.csdnimg.cn/blog_migrate/74894b09bc1f060bd9477224542d9627.jpeg)
更改为点线
![46c01e625145074132a23571ea7e94d6.png](https://i-blog.csdnimg.cn/blog_migrate/df646fe0a57936811be848489d63152e.jpeg)
更改为刻度线
![e2e739379e256922202603ae1bd1b1cc.png](https://i-blog.csdnimg.cn/blog_migrate/208854d51b2eb8bab14f1b58d69e59c8.jpeg)
![b80a3c4f27c34da41cfb4adc247e9f44.png](https://i-blog.csdnimg.cn/blog_migrate/77efff9ca8be02d650a3ec350311cd87.jpeg)
更改为色块
![695081c3db57caa7fe2fb566081517ee.png](https://i-blog.csdnimg.cn/blog_migrate/6d5d90c5ab7db621b6781b3a1a7b9e5e.jpeg)
![fb1eccce17146a8e2842024d7d8a97d3.png](https://i-blog.csdnimg.cn/blog_migrate/f8ec0a7ec0507bb05bb58fe480fdfc5a.jpeg)
甚至是取消线条
![efbb9eda74497803eaf60bf7aa4516bb.png](https://i-blog.csdnimg.cn/blog_migrate/bf5da3b58e841711c525b29e23a4a09f.jpeg)
这些都是可行的一些方案。02 丰富页面背景
如果在纯白色的背景上展现时间轴,未免有些单调,那么,我们可以将背景元素进行更改。比如说:在一张有弧度的图片上展现时间
![8e1b84b8da073298a22f39a9dc97fc6e.png](https://i-blog.csdnimg.cn/blog_migrate/79f4adf382cf5b79a9785c79b6b2d286.jpeg)
添加一个背景图片
以此来强化事件含义
![dd4c91111021ea0fae0a95910dfebe99.png](https://i-blog.csdnimg.cn/blog_migrate/65a1d0c3c1c843ddae9a73067e749c7b.jpeg)
![35c3abf0bba624505eaf4634c3c4c803.png](https://i-blog.csdnimg.cn/blog_migrate/e3e76abb4a87d7cc9dd082ec173f89cd.jpeg)
使用一些笔直的图片元素
![f5d1b99dd7b7052ea2850911c8a176e7.png](https://i-blog.csdnimg.cn/blog_migrate/34ea11f2ba218948f015f66b36131592.jpeg)
03 改变文字呈现方式
我们可以在文字周围添加一些辅助修饰元素,以此来丰富页面的创意性。比如说:添加一个对话框
![8c1ea2ce97f99ccf6c365f67172cf36b.png](https://i-blog.csdnimg.cn/blog_migrate/e48dc923168fa4901328a78d8f1fb7ae.png)
添加一系列形状组合
![772aaa42cb446a115f25983f1ef01753.png](https://i-blog.csdnimg.cn/blog_migrate/da72b67a1742c463e1cf421c88b448e9.png)
04 从时间节点进行改造
哪怕是时间轴上的一个个小点,我们也可以对其进行创意设计。比如说:使用嵌套式圆圈
![38245772a6b3b3023520d6ca0b9a8651.png](https://i-blog.csdnimg.cn/blog_migrate/d868e5e88bb5d8a2287c9fc3252bae42.jpeg)
![e6a917cbe344b54e431fd710da5fde33.png](https://i-blog.csdnimg.cn/blog_migrate/98dc34b3ac6626671fb381739fc6f6c5.jpeg)
使用大小错落的圆形
![6c1255961fafb2f01f64a88043d987fd.png](https://i-blog.csdnimg.cn/blog_migrate/b91318d3bd065fa6b0cc84bbe95ecadb.jpeg)
以上,就是在设计时间轴时,我的一些思考点。有了这些思维方向,不至于让我对着屏幕瞎想,瞎创意,所以,这篇文章希望能够对各位有所启发,能够明白,所谓创意,也是有规律的就好。
最后,也为大家准备了一份 PPT 福利资源,包含:
60页常用PPT版式手册;
85页原创PPT设计案例手册;
45页PPT学习课件;
![a833c12528dbc7b90d2bceb49bbb8311.png](https://i-blog.csdnimg.cn/blog_migrate/9ce08c607b8920d0fdb3699059834a24.jpeg)
全部原创,如有需要
关注我的知乎号@邵云蛟,浏览我的主页,获取更多优质内容,还有不定期PPT模板和福利~