只有三分鐘，如何做出超贊的時(shí)間軸？掌握這四種方法就可以了！

時(shí)間：2023-07-02 23:00:01 | 來(lái)源：網(wǎng)站運(yùn)營(yíng)

時(shí)間：2023-07-02 23:00:01 來(lái)源：網(wǎng)站運(yùn)營(yíng)

只有三分鐘，如何做出超贊的時(shí)間軸？掌握這四種方法就可以了?。捍蠹液?，我是湯帥。

之前我講了一個(gè)比較少用、但有著非常顯著效果的技巧：組合動(dòng)畫(huà)。如果還沒(méi)看過(guò)的朋友可以點(diǎn)擊鏈接查看：PPT 的組合動(dòng)畫(huà)用得好是怎樣的體驗(yàn)？

今天我們講的是“時(shí)間軸”。

作為 PPT 里一個(gè)經(jīng)典的頁(yè)面，它本身內(nèi)容有著非常強(qiáng)烈的特征：和時(shí)間有關(guān)。這種內(nèi)容我們都不陌生，日常生活中我們也能輕易看到大量非常好看的時(shí)間軸。譬如：

（1）在這個(gè)頁(yè)面中，我們會(huì)用一條形狀優(yōu)美的曲線勾勒出一個(gè)腳步前進(jìn)的狀態(tài)，體現(xiàn)出我們的腳步從未停止的主題。




（2）在提到“歷年來(lái)數(shù)量大幅度增加”，會(huì)借用時(shí)間軸的色塊象征性地表達(dá)較大的增幅。




（3）通過(guò)線條貫穿圖片，讓整個(gè)頁(yè)面用同色系修飾，兩邊加上云彩體現(xiàn)夢(mèng)幻般感。




這些都是非常好看的時(shí)間軸設(shè)計(jì)，但不可避免地都需要很長(zhǎng)的制作時(shí)間。日常工作匯報(bào)中，我們常常只能做出這樣的時(shí)間軸：


如果只是給我們3分鐘，怎么樣快速制作出超贊的時(shí)間軸呢？

經(jīng)過(guò)歸納，我們有四個(gè)方法可以快速實(shí)現(xiàn)。我們一個(gè)個(gè)來(lái)看。

---

01 通過(guò) SmartArt 自動(dòng)生成

SmartArt 是 PPT 里面自帶的一個(gè)非常好用的工具，它能夠?qū)崿F(xiàn)一鍵生成邏輯圖表的效果。

在一些PPT設(shè)計(jì)自由度比較高的場(chǎng)合，時(shí)間軸不一定需要完全依照一條直線，譬如我們可以用 SmartArt 里的“交替六邊形”來(lái)制作。




我們可以增加六邊形的數(shù)量、轉(zhuǎn)換為形狀，以后將形狀刪減，調(diào)整顏色，最后加上外框的線條就完成了。

放一張完成前后的對(duì)比圖，是不是很好看呢？

---

02 添加易繪的小元素

第二個(gè)方法需要用到 PPT 里的形狀工具。通常我們看到 PPT 內(nèi)容的時(shí)間關(guān)系，我們首先會(huì)將他們拉一條時(shí)間線出來(lái)，把三段內(nèi)容的高低次序排列出來(lái)，將重點(diǎn)關(guān)鍵詞加粗框選換色。

譬如像這：




點(diǎn)睛之筆，是在每一個(gè)標(biāo)題的下方加兩個(gè)灰色的三角形，讓頁(yè)面看起來(lái)形成一種折紙的風(fēng)格——這個(gè)小設(shè)計(jì)就能夠讓我們的頁(yè)面增色不少。




我們?cè)倏匆粋€(gè)案例。

譬如我們看到的公司發(fā)展規(guī)劃的三段內(nèi)容，我們可以在每段內(nèi)容的上方加一個(gè)箭頭，形成一個(gè)向上升起的趨勢(shì)。




然后在每一個(gè)內(nèi)容的下方畫(huà)一個(gè)立方體，這樣看起來(lái)就顯得很有質(zhì)感了！




繪制的方法也很簡(jiǎn)單，只需要在PPT里通過(guò)編輯，頂點(diǎn)的方法就可以實(shí)現(xiàn)了——完成后的效果是這樣的：

---

03 添加場(chǎng)景化素材

第三種方法是通過(guò)一些能體現(xiàn)場(chǎng)景化設(shè)計(jì)的元素，讓整個(gè)畫(huà)面的定制感更強(qiáng)。

提到時(shí)間軸，我們可以想到的有兩個(gè)重要場(chǎng)景：里程碑、腳印——我們就可以通過(guò)這兩個(gè)關(guān)鍵詞進(jìn)行延展。

（1）里程碑

根據(jù) PPT 內(nèi)容的時(shí)間關(guān)系，插入線條拉時(shí)間線、高低錯(cuò)落排布，是我們的基本操作。譬如這樣：




如果我們覺(jué)得整個(gè)畫(huà)面看起來(lái)太過(guò)單調(diào)，我們可以將底色換成深藍(lán)色，提高整個(gè)頁(yè)面的圖版率。




以上都是常規(guī)操作，點(diǎn)睛之筆就在于：在每一條線上增加一個(gè)三角形和一些較粗的線條，再加上一點(diǎn)點(diǎn)漸變的色塊。這時(shí)每個(gè)時(shí)間軸看起來(lái)都像一個(gè)旗幟一樣，顯得好看很多，其實(shí)用到的工具非常簡(jiǎn)單，這三個(gè)元素大家都很容易畫(huà)出來(lái)。




（2）腳印

而很多企業(yè)歷程等時(shí)間軸，我們很容易聯(lián)想到企業(yè)一步一步往上走。那么使用“腳印”這個(gè)元素就顯得非常自然了。

我們可以通過(guò)這樣的布局，實(shí)現(xiàn)整體的時(shí)間軸設(shè)計(jì)。




下載腳印的元素非常簡(jiǎn)單，可以在千圖網(wǎng)、千庫(kù)網(wǎng)等網(wǎng)站就輕易找到 PNG 格式的元素。




通過(guò)把原稿的內(nèi)容進(jìn)行排列，我們就可以輕易實(shí)現(xiàn)這樣的設(shè)計(jì)：




但是這樣的設(shè)計(jì)由于整體內(nèi)容看起來(lái)比較白，很容易讓別人覺(jué)得頁(yè)面比較單調(diào)，所以我們可以通過(guò)卡片式的結(jié)構(gòu)，在整個(gè)畫(huà)面的背后加一張圖片。




圖片選取的范圍非常廣，通常情況下，圖片主色會(huì)和畫(huà)面中的主體顏色保持一致。譬如現(xiàn)在的顏色是藍(lán)色，所以我們選擇圖片也是以藍(lán)色為主。

因此能夠選擇的圖片其實(shí)也非常多樣，這樣搭配起來(lái)不會(huì)顯得突兀。

---

04 借用圖片輪廓形成時(shí)間軸

在能夠使用圖片的前提下，我們有一個(gè)方法找出非常好看的時(shí)間軸，就是通過(guò)借用圖片的輪廓來(lái)做設(shè)計(jì)。通常情況下，羅列出來(lái)的布局都非常死板，就像這樣：




如果沒(méi)有圖片的情況下，我們很容易將時(shí)間和內(nèi)容，通過(guò)一條線段連接，做出這樣交錯(cuò)的設(shè)計(jì)——的確不丑，但是可能給別人感覺(jué)還不夠亮眼。




如果我們能夠找到一張山峰的圖片，我們可以將這張圖片放大，將局部?jī)?yōu)美的輪廓突出：




要將文字放在圖片的上方，我們就需要將圖片色調(diào)變暗。有兩個(gè)方法可以實(shí)現(xiàn)：方法一：通過(guò)半透明圖片，加上純黑的背景來(lái)體現(xiàn)出暗色調(diào)的圖片。方法二：通過(guò)半透明色塊，加上不透明的圖片，實(shí)現(xiàn)色塊將圖片壓暗效果。




這時(shí)我們就不再需要將時(shí)間軸硬生生的擺放在圖片上方了，我們可以將曲線沿著山峰位置描邊，把內(nèi)容按著山峰的走勢(shì)標(biāo)注上來(lái)，定制化之余、整體也會(huì)變得更加美觀。




今天我們學(xué)會(huì)了四個(gè)方法來(lái)做時(shí)間軸分別是：

01 通過(guò) SmartArt 自動(dòng)生成

02 添加易繪的小元素

（1）三角形折紙（2）立方體

03 添加場(chǎng)景化素材

（1）里程碑（2）腳印

04 借用圖片輪廓形成時(shí)間軸




學(xué)會(huì)了點(diǎn)個(gè)贊吧~