PPT經(jīng)典頁面—時間軸的15+種改法

時間：2023-07-21 20:03:02 | 來源：網(wǎng)站運營

時間：2023-07-21 20:03:02 來源：網(wǎng)站運營

PPT經(jīng)典頁面—時間軸的15+種改法：



作者 | 易焦躁星人

微信號 | wxy19911003

公眾號| 熱心P民




本期內(nèi)容時間軸是PPT非常常見的一種頁面類型，經(jīng)常用作展示企業(yè)發(fā)展，產(chǎn)品歷史，個人經(jīng)歷等。

以下面這樣一張普通的時間軸為例，究竟能產(chǎn)生怎樣的72變呢？

元素解剖

時間軸頁面必備的兩個元素就是“軸線”和“節(jié)點”，所有人都能想到的就是一根直線加上一些點制作成軸。

但是這樣的設計顯得有些死板，怎樣去做一些最基礎的美化呢？

1、軸線的美化。除了單調(diào)的直線外，我們可以把軸線做成弧線。

弧線使界面顯得更活潑，還能放入更多的信息，更充分的利用版面。

除了弧線，我們還可把軸線制作成曲線。

曲線相對于弧線更自由一些，可以放入更多的信息。如上兩圖這樣的弧線和U型軌跡線條是怎樣繪制的呢？

拆分之后我們發(fā)現(xiàn)它其實是由“弧線”與“直線”拼接而成的。

在【菜單欄】-【插入】-【形狀】中找到弧形

按住“Shift”可以繪制出正方形對應的四分之一圓弧，拖動黃色的點可以繪制成半圓弧。（視頻教程如下）

https://www.zhihu.com/video/12131995717547540482、節(jié)點的美化

軸線美化完成后，節(jié)點能怎樣變換呢？我們可以將“點”替換成更形象化的圖標或者圖片。圖標的選擇基于我們頁面要表達的內(nèi)容，“車輪”就很符合本頁PPT的內(nèi)容。

替換之后，讀者很容易就知道這是一頁與汽車相關的PPT。

除了車輪，還可以用方向盤等汽車部件，當然，節(jié)點并不局限于圓形。

那么圖標怎么找呢？這里建議大家安裝PPT必不可少的islide插件，矢量圖標直接搜索添加，并隨意更改顏色，海量資源你值得擁有！

除了圖標外， 我們更提倡用實物圖替換，實物圖給人更具象的感覺，也會使頁面顯得更精致。

在這里我找了一張車輪的圖片，圖片都好找，重點是圖片怎么摳？

給大家介紹一款傻瓜在線免費摳圖網(wǎng)頁。（https://www.remove.bg）摳圖非常智能精細，完全達到制作標準。

排版布局

“軸線”和“節(jié)點”搞定之后，時間軸頁面的基本骨架就確認好了，下面就是填充文字的環(huán)節(jié)，文字如何排版呢？總結所有時間軸的版面，無非以下三種。

1、同側(cè)排版

所有信息集中在軸線的一側(cè)，更便于讀者閱讀，讀者能夠快速捕捉到節(jié)點處的關鍵概括型信息。

2、對側(cè)排版

信息對稱分布在軸線的兩側(cè)，這樣的設計能放下更多的細節(jié)信息，避免同一側(cè)設計帶來的擁擠。

3、對角線排版

時間軸本身就是一種時間的軌跡，和對角線上升的感覺非常契合。三種排版方式要根據(jù)不同的文字擁擠程度酌情應用，到這里，如果你再遇到要做時間軸頁面，基本的美化和排版就搞定了。

但是這僅僅達到了“不丑”，如何才能更有一些設計感呢？

靈光1現(xiàn)：線太單薄，形狀來湊

首先，我們可以考慮軸線的變形，時間軸一定要是一個”軸”么？不，那樣你就太軸了。我們可以利用“形狀”，減弱線條的單薄感，形狀的拼接在無形當中就已經(jīng)形成一條“軸”。

運用半圓形的拼接形成了一條曲線，用車輪圖標代替節(jié)點，增加了頁面的豐富性。

除了圓形之外，我們還可以使用多邊形，而且多邊形本身還可以作為一個節(jié)點填充信息。

如果讓視覺引導更明顯，我們可以在多邊形的邊線上加上視覺引導線。形狀千千萬萬，選幾個自己動手試試吧！

靈光2現(xiàn)：要想高大上，圖片必須上

以上所有的美化都是比較基礎的，頁面還是顯得比較單調(diào)，如果想要更有層次感，圖片是必不可少的，那么圖片可以加在哪呢？

1、為每個時間節(jié)點加上配圖

但是這樣的設計，背景還是顯得非常“空”，我們可以嘗試把圖片放在背景層。

2、經(jīng)典的分欄頁面

分欄設計能夠無形當中劃清信息區(qū)域，與漸變蒙版結合可以弱化背景突出頁面的信息。

靈光3現(xiàn)：生活處處都是”軸”

PPT高大上，多半是圖片選的好，一張美觀高清大圖做背景瞬間提升B格。

圖片有很多，選擇清晰的圖片是最基本的要求，更最重要的是選圖思路。結合內(nèi)容發(fā)散與聯(lián)想，生活中處處都有隱藏的“軸”。

講述車的發(fā)展，不妨利用公路來作為“軸”。選一張公路背景圖，添加蒙版弱化背景顏色，但是要把軸線突出出來。這里的曲線是如何添加的呢？（插播曲線畫法教程）

https://www.zhihu.com/video/1213200038782271488除了公路之外，還有什么樣的圖片可以作為背景圖片呢？

在這兒可以小小的頭腦風暴一下， 最常見的一些含有“軸”的元素包括山脈，大橋，海岸線，公路，樓宇等等，如果更大氣一些可以用星球，星軌等等。

如果應用的圖片的場景能與PPT內(nèi)容結合，那就更好了。

在這里舉了兩個例子拋磚引玉。

在這里要注意圖片盡量用色彩和元素簡約一些的圖片，不要對頁面的信息造成干擾。

靈光4現(xiàn)：沒有軸就創(chuàng)造軸

有時候找不到軸線非常明顯的背景圖的時候，我們就在現(xiàn)有的背景上創(chuàng)造出一條軸。

比如這一頁我選擇奧迪A6作背景，因為與頁面的內(nèi)容非常契合，但是頁面又沒有明顯的軸線。

但我們發(fā)現(xiàn)汽車車身就是一條隱藏的軸線，我們把它強化出來當做時間軸線，再填充信息。

靈光5現(xiàn)：給畫面一些“空間感”

添加完背景圖之后，畫面就有了層次，但是PPT創(chuàng)作不必局限于一個平面，可以讓PPT多一點“空間感”。如何具有空間感呢？最簡單的方法就是找一張有一些“景深”的背景圖。

在這里我找了一張隧道的圖片，發(fā)光的軌跡線條由遠及近，讓畫面有了空間感，又剛好可以當做時間軸線。

我們還可以選用一張科技感強一些的背景圖來突出奧迪的"突破科技，啟迪未來"。

靈光6現(xiàn)：給畫面一些“立體感”

三維立體設計是近兩年非?；鸬脑O計方式，升維之后的PPT有無限可能。

把PPT頁面想象成一個三維的空間，再在其中添加元素，這樣的PPT界面更有場景感。嘗試運用形狀當中的"正方體"結合"三維變換"來實現(xiàn)這樣的效果吧！

結合動畫效果更炫酷

https://www.zhihu.com/video/1213200266247753728

靈光7現(xiàn)：與動畫的結合

時間軸如果很難在一個界面放下的時候，我們就要借助動畫了，用最簡單的動畫就有非常好的效果。（時間軸動畫教程）




https://www.zhihu.com/video/1213198818168279040要做出這樣的效果，就是在PPT頁面切換的時候添加推進的效果。

【菜單欄】-【切換】-【推進】，后面的效果選項還可以改變推進的方向，使其與PPT內(nèi)容相契合。

與動畫結合后的時間軸再也不怕一個界面放不下了，想做多長就做多長。




到這里，時間軸頁面的進化就完成了，最重要的是動手試試吧！

---

創(chuàng)作令人頭禿

堅持十分不易

如果覺得有用

點個贊再走哦

---

作者 | 易焦躁星人

微信號 | wxy19911003

公眾號| 熱心P民