我相信，閱讀這篇文章的讀者中，咱們幾乎每一個(gè)人都設(shè)計(jì)過時(shí)間軸。而提到時(shí)間軸，無非就是畫一條直線箭頭，然后在相應(yīng)時(shí)間節(jié)點(diǎn)去添加一些事件描述。

不可否認(rèn)，采用這種方法，我們的確可以繪制出一條時(shí)間軸，但是，在視覺呈現(xiàn)上，未免有些單調(diào)。就像這樣：

那么，如何才能設(shè)計(jì)出一條更有創(chuàng)意的時(shí)間軸樣式呢？這篇文章，就來系統(tǒng)地跟各位分享一些我的設(shè)計(jì)思路。

從哪開始說起呢？咱們就先回到時(shí)間軸本身，來思考一下時(shí)間軸的構(gòu)成。

從下面的案例中，大家可以看到，大致包含這么4個(gè)方面：

所以，如果我們想要系統(tǒng)地開拓自己的創(chuàng)意設(shè)計(jì)思路，那么，我們就可以從這4個(gè)方面入手，來設(shè)計(jì)一條時(shí)間軸。怎么做呢？

01 更改線條的樣式

如果一條直線箭頭過于普通，那么，我們可以考慮對(duì)其進(jìn)行改造。可以從以下幾個(gè)方面切入思考。

更改為曲線

可以是不規(guī)則的曲線

也可以是規(guī)則的曲線

更改為點(diǎn)線

將線條轉(zhuǎn)換為虛線，用點(diǎn)來表現(xiàn)事件的顆粒度

更改為刻度線

模仿時(shí)間的刻度盤，只是將其掰直了而已

更改為色塊

用色塊可以讓頁面的視覺效果更加豐富

甚至是取消線條

這種是比較高級(jí)的做法，極簡(jiǎn)路線

這些都是可行的一些方案。

02 豐富頁面背景

如果在純白色的背景上展現(xiàn)時(shí)間軸，未免有些單調(diào)，那么，我們可以將背景元素進(jìn)行更改。比如說：

在一張有弧度的圖片上展現(xiàn)時(shí)間

像山脈，樓宇，星球等素材

添加一個(gè)背景圖片

以此來強(qiáng)化事件含義

來自濤說PPT

使用一些筆直的圖片元素

像大橋，毛筆，直尺等

03 改變文字呈現(xiàn)方式

我們可以在文字周圍添加一些輔助修飾元素，以此來豐富頁面的創(chuàng)意性。比如說：

添加一個(gè)對(duì)話框

可以是氣泡，也可以是線條對(duì)話框等

添加一系列形狀組合

使其串連成為一條時(shí)間軸

04 從時(shí)間節(jié)點(diǎn)進(jìn)行改造

哪怕是時(shí)間軸上的一個(gè)個(gè)小點(diǎn)，我們也可以對(duì)其進(jìn)行創(chuàng)意設(shè)計(jì)。比如說：

使用嵌套式圓圈

讓節(jié)點(diǎn)的視覺變得更加豐富

來自濤說PPT

使用大小錯(cuò)落的圓形

增強(qiáng)頁面的層次感，比較突出節(jié)點(diǎn)的重要性

以上，就是在設(shè)計(jì)時(shí)間軸時(shí)，我的一些思考點(diǎn)。

有了這些思維方向，不至于讓我對(duì)著屏幕瞎想，瞎創(chuàng)意，所以，這篇文章希望能夠?qū)Ω魑挥兴鶈l(fā)，能夠明白，所謂創(chuàng)意，也是有規(guī)律的就好。

好了，就這么多，感覺感冒了，吃藥去。