今天給大家分享一個(gè)超有創(chuàng)意的圖表風(fēng)格——視錯(cuò)覺圖表。

看起來很不錯(cuò)，對嗎？

其實(shí)它們的做法也超簡單，接下來就給大家詳細(xì)分享一下。

一、視錯(cuò)覺圖表介紹

在開始制作之前，首先我們要理解一個(gè)概念——什么是視錯(cuò)覺圖表呢？

簡單來說，就是利用對元素的處理，讓觀看者形成視覺上的錯(cuò)覺，從而營造出創(chuàng)意的圖表效果。

比如小米發(fā)布會(huì)時(shí)，這張宣傳海報(bào)，看起來就十分立體，對嗎？

再比如PS軟件之前的啟動(dòng)頁，怎么看都似乎是成立的：

以及當(dāng)年風(fēng)靡全球的游戲《紀(jì)念碑谷》，也是通過搭建視錯(cuò)覺場景，征服了海量玩家。

最最常見的，就是網(wǎng)上的一些視錯(cuò)覺的圖，一搜一大把：

明白了吧？下面我們正式開始制作。

二、視錯(cuò)覺型條形圖制作

這個(gè)圖表最亮眼的地方，就是那些看起來很有光感的發(fā)光膠囊燈管，對嗎？

但其實(shí)只需要一個(gè)圓角矩形，和一個(gè)虛化的圓角矩形，就可以做出這個(gè)效果：

我們首先插入兩個(gè)圓角矩形，并設(shè)置好填充色：

然后我們?yōu)樽髠?cè)的圓角矩形，設(shè)置陰影，來增加立體感：

注意：陰影的效果會(huì)受形狀大小的影響，在放縮形狀時(shí)，需重新調(diào)整。

接著，我們選中右側(cè)的圓角矩形，在形狀格式中，選擇虛化邊緣，并調(diào)整虛化數(shù)值：

注意：形狀越大時(shí)，虛化的數(shù)值也要跟著變大，反之亦然。

最后，把兩個(gè)圖形居中對齊，一個(gè)發(fā)光的膠囊管就制作完成了：

以此類推，我們可以制作出其他膠囊管：

然后調(diào)整各個(gè)膠囊管的寬度，使其和原始圖表中的條形寬度一致，來保證數(shù)值的精確：

之后，把原始圖表的條形設(shè)置為無填充，并調(diào)整下坐標(biāo)軸數(shù)字的字體和顏色：

*這里保留原始圖表，是為了以后需要修改數(shù)值的時(shí)候，還可以重新填充回來，方便比照著調(diào)整圖表。

最后，我們再調(diào)整一下背景，并添加一些色塊。

再把內(nèi)容放上，就完成了：

怎么樣，是不是很簡單？

三、視錯(cuò)覺型折線面積圖制作

這個(gè)圖表分為兩個(gè)部分，折線圖和面積圖。

我們先來做折線圖。

首先我們選中原始圖表中的折線，把線條改成平滑線：

然后復(fù)制一份圖表，然后Ctrl+X鍵剪切圖表，再按Ctrl+Alt+V鍵進(jìn)行選擇性粘貼，在彈出的窗口中，選擇增強(qiáng)型圖元文件：

??再按Ctrl+Shift+G鍵取消組合，刪除多余的部分，只保留折線：

??得到折線之后，我們?yōu)檎劬€添加漸變，營造光感：

?然后再給最高點(diǎn)添加一個(gè)光效，突出重點(diǎn)：

有了光，就要有陰影，對嗎？

我們把折線復(fù)制一份，然后向下調(diào)整復(fù)制的折線的高度：

之后把折線設(shè)置成黑色填充，并增加寬度磅值和透明度：

最后，我們給做陰影的折線添加柔化邊緣，模擬出朦朧的陰影感：

一個(gè)帶投影的折線就做好了：

*注意調(diào)整兩根折線的圖層，原始的折線在上，陰影折線在下。

做完折線后，面積圖就好做了。

我們首先復(fù)制一份折線，然后畫一個(gè)，高度大于折線范圍的矩形：

接著，選中折線和矩形，點(diǎn)擊形狀格式下的合并形狀，選擇拆分：

再把折線以上的多余部分刪去：

把折線以下的部分，點(diǎn)擊形狀格式下的合并形狀，選擇結(jié)合：

一個(gè)圓滑的面積圖就出現(xiàn)了。但這還不夠，因?yàn)槲覀冞€要做出更立體的效果。

得到圓滑的面積圖后，我們需要再插入10個(gè)等距的矩形，高度要超過面積圖，所有矩形的總寬度和面積圖相等。

然后選中矩形和面積圖，執(zhí)行拆分：

再把不要的部分刪去，就能得到分塊的面積圖了：

之后，我們?yōu)檫@些分塊添加漸變，一個(gè)微微有些立體錯(cuò)覺的面積圖就出現(xiàn)了：

最后，我們把面積圖和折線圖對齊，并添加襯底色塊，對內(nèi)容進(jìn)行排版：

一個(gè)漂亮的視錯(cuò)覺折線面積圖，就完成了。

到這里，今天要分享的兩個(gè)視錯(cuò)覺圖表教程，就結(jié)束了，希望對你有所幫助。

·

原標(biāo)題：乖乖嘞！這種視錯(cuò)覺風(fēng)的PPT圖表，太高端了！

對于很多職場人來講，這次的PPT應(yīng)該是我們經(jīng)常會(huì)接觸到的一種類型，不需要非常炫酷的發(fā)布會(huì)風(fēng)格，在日常工作中經(jīng)常會(huì)遇到。

那么，對于這一類職場中常見的PPT，我們應(yīng)該如何進(jìn)行修改優(yōu)化呢？這篇文章，就來分享一些我的思路。
* 聲明：本文品牌案例的選擇，不摻雜任何利益關(guān)系，僅供學(xué)習(xí)交流。

一、確定幻燈片設(shè)計(jì)風(fēng)格

對于一個(gè)特定品牌的PPT呈現(xiàn)而言，我們可以去其官方網(wǎng)站，尋找一些視覺方向的參考，從而確保PPT 的視覺風(fēng)格與品牌保持一致。

從官網(wǎng)中我們可以看到3個(gè)基礎(chǔ)信息，分別是：
1. Logo 字體采用的是襯線體，筆畫有一定的裝飾，所以，為了與品牌字體的風(fēng)格保持一致，在中文字體的選擇上，我們也可以選擇襯線體。
我在這里選擇的是『方正清刻本悅』：

2. 品牌的顏色以深綠色為主，為了能夠豐富頁面的視覺層次感，我們可以拓展出兩個(gè)相近的顏色。
就像這樣：

3. 至于背景的話，我們可以選擇淺色為主，可以體現(xiàn)出品牌的干凈清爽。

在這里，我對背景做了一點(diǎn)細(xì)節(jié)的處理。
為了讓背景看起來更有質(zhì)感，我利用紋理生成工具，在背景上添加了一些雜質(zhì)。

可能看的不是很清楚，我把背景的局部放大一點(diǎn)：

能看到了，對嗎？
好的，到這里呢，整體的PPT視覺風(fēng)格，就已經(jīng)確定了。

二、單頁內(nèi)容的排版

首先是第1頁也就是封面頁

這里的文字信息層級關(guān)系很簡單，只有一個(gè)主標(biāo)題和一個(gè)副標(biāo)題，突出主標(biāo)題即可。
我們可以對文字進(jìn)行一些錯(cuò)落的排版，讓它的呈現(xiàn)形式，更具創(chuàng)意。

為了能夠與品牌貼近自然的風(fēng)格保持一致，我們可以選擇一些森林的素材，作為背景。

但這時(shí)候，依舊有一個(gè)問題在于，主標(biāo)題的信息不是非常突出。
那怎么去解決呢？我們可以考慮在文字信息的底部，添加一個(gè)色塊，從而起到聚焦的作用。

關(guān)于副標(biāo)題的處理呢，我們同樣可以使用一個(gè)圖形進(jìn)行承載：

這時(shí)候，主標(biāo)題和副標(biāo)題的視覺關(guān)聯(lián)性會(huì)變得更加強(qiáng)烈一點(diǎn)。

但是白色色塊，在頁面上有一些突兀，我們可以將它換成綠色，增強(qiáng)與背景的融合感：

接下來是第2頁這是活動(dòng)方案介紹的頁面

這一頁的內(nèi)容呢分為兩個(gè)方案，如果我們對內(nèi)容進(jìn)行分析，會(huì)發(fā)現(xiàn)，這兩個(gè)方案的執(zhí)行步驟，都存在一定的邏輯關(guān)系。
所以，我們可以對內(nèi)容進(jìn)行處理，從而更清晰的呈現(xiàn)出其視覺邏輯：

在這里簡單去解釋一下，這個(gè)漏斗的圖形是怎么繪制的呢？
我們可以在頁面上插入兩個(gè)橢圓，并且在橢圓中間，插入一個(gè)矩形，讓矩形分別和橢圓執(zhí)行形狀剪除的操作。

余下的部分就是漏斗的圖形，然后，去調(diào)整它的漸變即可。
這時(shí)候呢，頁面的純文字內(nèi)容，就變成了兩個(gè)具備可視化效果的圖形。

但頁面看上去會(huì)非常單調(diào)，該怎么去解決呢？
分享一個(gè)很簡單的方法，我們可以使用色塊，對頁面進(jìn)行分割，就可以增強(qiáng)其視覺層次感。

當(dāng)然，我們還可以再來去增加一些頁面的修飾，使頁面更加貼近大自然的風(fēng)格。
比如在這里，我們可以添加一個(gè)有光照效果的空間，因?yàn)槌霈F(xiàn)了陰影，會(huì)讓頁面更富空間感：

將它覆蓋在頁面上，那么視覺效果看起來，就會(huì)更加豐富一點(diǎn)。

然后是第3頁也是一個(gè)邏輯關(guān)系的圖形

這一頁的邏輯關(guān)系非常清楚，就是從宣傳，到店鋪，再到購買的一個(gè)過程。
所以，我們可以使用不同顏色的色塊，進(jìn)行視覺區(qū)分。

為了讓頁面的邏輯關(guān)系更加清晰，我們可以添加一個(gè)底部的色塊，來加強(qiáng)這種邏輯關(guān)系的呈現(xiàn)。

同樣的，為了豐富頁面的視覺效果，也可以添加一片樹葉的陰影，作為點(diǎn)綴修飾。

最后是產(chǎn)品介紹的頁面介紹了5款產(chǎn)品

通常情況下，我們只需要把這5款產(chǎn)品，并列的擺放在頁面上就可以了。

但這樣的做法，未免讓頁面的視覺效果，有一些單調(diào)。
在第2頁里，跟大家分享過一個(gè)方法，我們可以添加色塊進(jìn)行頁面分割，從而增強(qiáng)視覺的層次感。
就像這樣：

然后，把對應(yīng)的產(chǎn)品名稱和價(jià)格寫在頁面上：

但這時(shí)候，頁面依舊有一些單調(diào)。
我們可以添加一些樹葉的元素，這樣呢，不僅能能夠豐富單頁的視覺效果，還能與其他頁面保持視覺風(fēng)格統(tǒng)一。
這是我找的一些修飾元素：

另外呢，為了能夠增強(qiáng)產(chǎn)品與對應(yīng)的名稱和價(jià)格信息之間的關(guān)聯(lián)，我們可以使用色塊來實(shí)現(xiàn)：

怎么樣？關(guān)于色塊的使用方法，學(xué)到了嗎？
好了，以上呢，就是這份PPT的修改過程，當(dāng)然，也是我的思考過程。

三、修改前后頁面對比

- Before -

- After -

以上，就是這篇文章的全部內(nèi)容。

原標(biāo)題：淺色背景PPT太難搞？手把手教你修改一份工作型幻燈片！