大家製作的PPT中常涉及到人或物的發展態勢,如果用純文字的方式敘述它,呈現出來的效果如下圖:
時間軸可以將這些文字資訊體系化地展現出來。它的本質是點和線的組合,在製作過程中最常遇到的是美觀問題。本文將會對時間軸的各部分做一個細緻的拆解,從根本上解決美化時間軸的難點。
1
線串聯點
這是時間軸最常見的形式,即軸線串聯時間節點。顯而易見,可以著手的方向為節點美化和軸線美化。
▌節點美化
圓點和直線的組合非常經典,同時也很平淡,我們可以通過美化節點,讓畫面更豐富。
01.點的修飾
點的修飾簡單來說就是對形狀本身做美化,我在這裡例舉了三種方法,大家可以通過這些例子去發散更多的美化方法。
02.更換形狀
點的形狀並不固定,可以將節點更換為其他的形狀,比如矩形、圓角矩形等。
03.引導線
當節點的文字較多時,我們會通過增加引導線的方式來更好的排版。添加引導線之後,同樣可以對節點進行調整——修飾或更改形狀。
04.插入icon
改變形狀表達的含義比較抽象,而icon就比較直接,一眼就能分辨出來這個節點所表達的含義。
PS.選擇icon的時候儘量選擇面性圖示,線性圖示在尺寸較小時辨識度很低。
除了節點的美化,還可以通過軸線的變化打破時間軸的固定思維。
01.曲線
除了在一個水準或垂直的直線上展現發展趨勢,換做曲線可以讓整個畫面更有動感。
02.動畫
除了在線條的本身做修改,縱觀全域,如果在頁面的切換動畫上賦予它延伸和發展的態勢,也是一個不錯的選擇。
在切換動畫中有兩個動畫相對比較符合我們的需求——推進/平移。
【推進】:頁面的全部元素一起平移,更換成下一頁的內容。
【平移】:僅將母版外的元素做平移,更換成下一頁的內容。
相較於推進,平移可以更好的展現畫面的動態效果。
03.創意時間軸
在動畫中我們賦予了軸線本身一個動態的效果,而接下來的創意時間軸,則是將軸線隱藏於畫面之中。尋找畫面中的“線”,依託著這根“線”來建立時間軸。
(1)首先我們需要找到一張合適的背景圖,並找到隱藏的軸線;
(2)選中一根軸線,順著軸線,畫出時間軸;
(3)圖片本身較亮,不利於展示核心資訊,我們可以在圖片上方加一層黑色的漸變蒙版;
(4)將準備好的時間軸內容和節點添加在軸上;
(5)在完成後我覺得畫面有些單調,在標題左側插個色塊,時間改換成橙色就好多了。
學會了這一招,做出下面的這些創意時間軸,是不是一點都不難了?
2
點化線
線本身由無數個點組成,因此節點與節點之間就帶有密切的聯繫,利用這自帶的連結,將節點與節點本身化作軸線,達到將軸線隱藏的效果。
SmartArt中的流程圖表本質是按照時間發展的順序遞進,即流程圖表本身雖然只由節點構成,卻隱藏著時間軸的基本邏輯發展順序,我們將其認定為一種特殊的時間軸模型。因此利用SmartArt中現成的圖表,我們就可以製作出很多時間軸。
理解了這個概念之後,我們就可以自己動手,通過組合一些形狀來完成這類時間軸的製作。
時間軸的使命最終還是傳達資訊,我們不僅要注重形式的美化,更要注重內在的邏輯結構,不要為了“好看”,而忽視了資訊的表達。
沒有留言:
張貼留言