今天這篇文章，通過(guò)兩個(gè)案例，給大家分享一下優(yōu)化思路。

案例01表格排版

案例一原稿是這樣的：

我們先來(lái)看下頁(yè)面內(nèi)容，也不復(fù)雜，主要有標(biāo)題、表格和曲線圖：

仔細(xì)閱讀表格和曲線圖，會(huì)發(fā)現(xiàn)兩者有一定的相關(guān)度，表格表頭和曲線圖X軸的內(nèi)容是相對(duì)應(yīng)的：

那么在排版的時(shí)候，我們就可以考慮將它們結(jié)合起來(lái)進(jìn)行優(yōu)化。

首先把曲線圖的X和Y軸重新繪制出來(lái)：

然后將表格各個(gè)時(shí)期的內(nèi)容，放在對(duì)應(yīng)的區(qū)域內(nèi)，像這樣：

接下來(lái)，我們對(duì)表格內(nèi)容進(jìn)行優(yōu)化處理，可以分別用圓形和圓角矩形去承載文字信息：

為了增強(qiáng)空間感，給圓形設(shè)置了射線漸變，這種明度深淺不同的漸變，可以讓圓形看起來(lái)像球體：

同時(shí)我也給圓形加了暗藍(lán)色的陰影，營(yíng)造懸浮感；盡量避免用純黑色做陰影色，否則在淺色背景上看起來(lái)有些臟：

一樣的方法，將其他的表格內(nèi)容進(jìn)行優(yōu)化處理：

最后，我們把曲線也繪制出來(lái)，調(diào)節(jié)透明漸變填充，這樣可以將遮擋的文字顯現(xiàn)出來(lái)：

來(lái)看看最終的優(yōu)化效果：

案例02多內(nèi)容排版

再來(lái)看看案例二的原稿：

這個(gè)案例是多項(xiàng)內(nèi)容排版，原稿中元素的使用比較老套，先把文字給提取出來(lái)：

?我們改用圓形色塊來(lái)承載文字信息：

考慮到頁(yè)面的均衡感，可以將各項(xiàng)內(nèi)容對(duì)齊均勻分布，像這樣：

但這時(shí)標(biāo)題上下兩側(cè)的內(nèi)容區(qū)域，與左右兩側(cè)相比，看起來(lái)也有些單薄，所以我又將版式改為中心環(huán)繞布局：

那么接下來(lái)開(kāi)始豐富頁(yè)面內(nèi)容，中心標(biāo)題用兩個(gè)疊加的圓形來(lái)承載，外側(cè)在添加兩條漸變線條：

給兩個(gè)圓形設(shè)置漸變和陰影效果，豐富頁(yè)面的層次感：

兩側(cè)各個(gè)小圓形的處理上，我們可以改換成大小不一的分散排版，這樣能符合空間近大遠(yuǎn)小的原則，讓頁(yè)面空間感倍增：

分散排版有一個(gè)需要注意的點(diǎn)：為了讓頁(yè)面左右不失衡，盡量讓兩側(cè)元素面積的和，保持一致：

把文字加上看看效果，這時(shí)所有圓形都用來(lái)承載文字內(nèi)容，感覺(jué)缺少了輔助元素：

最后再添加一些小圓形輔助修飾頁(yè)面，效果會(huì)好很多：

好了，以上就是這兩個(gè)案例的優(yōu)化過(guò)程，思路也寫(xiě)得比較細(xì)致，希望對(duì)你做PPT設(shè)計(jì)有所幫助。

·

講真！這張一口氣放了30個(gè)圓的PPT，最少能值600元！

提前聲明，如果你能夠認(rèn)真讀完這篇文章，那么，你肯定能學(xué)到一個(gè)超實(shí)用的 PPT 設(shè)計(jì)技巧。

那么，到底是啥呢？

先來(lái)問(wèn)各位一個(gè)問(wèn)題，不知道你是否留意過(guò)：

在我們處理 PPT 表格內(nèi)容時(shí)，很多時(shí)候，在同一個(gè)表格里，往往會(huì)有很多的重復(fù)項(xiàng)內(nèi)容。

比如說(shuō)像這里的[阻力上漲幅度]的內(nèi)容，重復(fù)出現(xiàn)了3次：

還有像這里的[考核時(shí)間]和[分析]部分的內(nèi)容，都存在大量的重復(fù)項(xiàng)：

而大多數(shù)人的做法呢，都是完整地保留重復(fù)信息。

但最近，在翻看一些優(yōu)秀的設(shè)計(jì)案例時(shí)，我發(fā)現(xiàn)，原來(lái)還有另一種處理方式。

什么呢？那就是使用圖例，來(lái)替代重復(fù)項(xiàng)內(nèi)容，進(jìn)行呈現(xiàn)。

啥意思呢？比如說(shuō)像 SpaceX 的這張 PPT 頁(yè)面，采用不同色彩的圖形，來(lái)表現(xiàn)不同的狀態(tài)，看起來(lái)就更具可視化效果：

再比如像這個(gè)頁(yè)面中，用對(duì)號(hào)來(lái)表達(dá)完成的狀態(tài)：

還有像這個(gè)頁(yè)面中，用不同的符號(hào)，來(lái)表現(xiàn)是否提供對(duì)應(yīng)服務(wù)內(nèi)容：

不得不說(shuō)，這是一個(gè)相當(dāng)簡(jiǎn)單實(shí)用的設(shè)計(jì)方法，不僅可以簡(jiǎn)化頁(yè)面的信息，而且可以增強(qiáng)頁(yè)面可視化效果。

我給它起了個(gè)名字，叫做『圖例替代法』。

一、什么是圖例替代法

啥意思呢？先來(lái)解釋一下，啥叫圖例呢？

這其實(shí)是圖表中的一個(gè)概念，用來(lái)指代每一個(gè)圖表系列的含義：

但如果，我們能夠切換一下思維方式，把圖例應(yīng)用在其它頁(yè)面中呢？

比如說(shuō)像這個(gè)頁(yè)面，表格里有很多重復(fù)的數(shù)字1：

但其實(shí)，我們可以將其替換為圓形色塊，是不是好很多？

再比如像這個(gè)頁(yè)面，就是一個(gè)普普通通的表格：

各位可以看到，里面【評(píng)價(jià)部分】的內(nèi)容項(xiàng)，存在重復(fù)：

因此，我們?yōu)榱嗽鰪?qiáng)可視化效果，就可以考慮采用 emoji 表情作為圖例：

這樣一來(lái)，頁(yè)面是不是有趣多了？

像一些科技廠商的發(fā)布會(huì)中，也經(jīng)常會(huì)用到圖例法。比如用不同朝向和色彩的三角形符號(hào)，來(lái)表現(xiàn)出提升或下降：

明白了嗎？

二、圖例替代法的應(yīng)用場(chǎng)景

我列舉了4個(gè)：

啥意思呢？舉幾個(gè)例子來(lái)說(shuō)一下。

比如像這個(gè)頁(yè)面，用不同的色塊，來(lái)表現(xiàn)不同的企業(yè)類(lèi)別：

再比如用不同的箭頭，表達(dá)數(shù)字增減：

再比如像小米發(fā)布會(huì)中的這張表格，用不同色彩的圖形，表達(dá)不同狀態(tài)：

好了，那接下來(lái)咱們通過(guò)3個(gè)實(shí)際的案例，來(lái)理解一下。

先來(lái)個(gè)簡(jiǎn)單的，比如像這個(gè)頁(yè)面：

大家可以分析一下，這里的重復(fù)項(xiàng)內(nèi)容是哪些呢？

是日平均氣溫，對(duì)嗎？

那么，接下來(lái)，該如何定義圖例呢？

我們可以使用不同深淺的色塊，來(lái)表現(xiàn)不同的氣溫階段：

完成了這一步，咱們來(lái)看下頁(yè)面效果：

再比如像這個(gè)頁(yè)面，同樣地，先來(lái)分析下，這個(gè)表格中，都有哪些屬于重復(fù)項(xiàng)內(nèi)容呢？

很明顯，這里有兩個(gè)：

因此，我們可以選擇其中一類(lèi)內(nèi)容，比如我們就選擇調(diào)查方法。

這里呢，我們定義一個(gè)圖例樣式：

同樣地，將其替換運(yùn)用在表格中即可：

再來(lái)最后一個(gè)例子，這里的重復(fù)項(xiàng)內(nèi)容是什么呢？

雖然不是很明顯，但簡(jiǎn)單分析也能發(fā)現(xiàn)，屬于數(shù)據(jù)增減型，所以，還是先定義圖例：

放在頁(yè)面上，簡(jiǎn)單看下效果，可視化效果好很多了：

最后，完成頁(yè)面的排版設(shè)計(jì)即可：

以上，就是『圖例替代法』的使用，大道至簡(jiǎn)，好用的方法，往往就是這么簡(jiǎn)單。

希望對(duì)各位有所啟發(fā)。

·

原標(biāo)題：看了一加手機(jī)這張PPT圖表！我學(xué)會(huì)了一個(gè)超實(shí)用的神技巧！

今天這篇文章為大家修改一份四川大學(xué)PPT。

這是一份智慧醫(yī)療相關(guān)的內(nèi)容，還是先來(lái)整體的看一下這份PPT：

老規(guī)矩，還是挑其中的4頁(yè)進(jìn)行修改：

因?yàn)檫@是一份偏醫(yī)療科技相關(guān)的PPT，所以，色彩的選擇上，我選了以紫色調(diào)為主，給人溫馨的感覺(jué)：

背景板就以淺色為主，并在底部，添加一些科技粒子元素：

這樣的話(huà)呢，既有了科技的感覺(jué)，而且也會(huì)比較干凈。

當(dāng)然，顏色不是唯一固定的，如果你想呈現(xiàn)出高科技的感覺(jué)，也可以使用青綠色。

接下來(lái)呢，我們就進(jìn)入到單頁(yè)的修改。

一、四川大學(xué)學(xué)術(shù)PPT封面頁(yè)修改

原稿的頁(yè)面設(shè)計(jì)上，主要有兩個(gè)小的問(wèn)題：

• 信息沒(méi)有對(duì)齊，看起來(lái)有點(diǎn)分散；
• 頁(yè)面上的修飾元素，比如光效，與背景很違和；

那該如何優(yōu)化呢？

我們還是先來(lái)簡(jiǎn)單的構(gòu)思一下頁(yè)面的布局，依舊是左右結(jié)構(gòu)：

但如果只是這樣的排版，有些呆板，所以呢，我對(duì)標(biāo)題文字做了一些處理，主要是增加了漸變：

然后是右側(cè)的視覺(jué)元素，用什么樣的配圖呢？

我們還是先來(lái)分析，標(biāo)題中的關(guān)鍵詞：

很明顯，從『盾』這個(gè)字，可以看出，這里想要體現(xiàn)的就是安全。

所以呢，我就搜索了一些盾牌相關(guān)的元素，感覺(jué)這個(gè)不錯(cuò)，既能體現(xiàn)安全，還有一些科技感：

但在這個(gè)畫(huà)面中，我只想要盾牌的部分，所以，就單獨(dú)拿出來(lái)放在PPT上，并調(diào)整了顏色：

說(shuō)明一下，我找到是矢量素材，大家可以看到，元素的每一個(gè)面，都是可以進(jìn)行調(diào)色的：

另外，為了體現(xiàn)出是醫(yī)療安全，我們可以在盾牌上，加一個(gè)醫(yī)療的標(biāo)志：

這時(shí)候，來(lái)看一下效果：

還不錯(cuò)，但是呢，盾牌的底部，沒(méi)有一個(gè)底座，出現(xiàn)的有些突兀。

咋辦呢？我們可以繪制兩個(gè)橢圓，讓盾牌立在底座上，看起來(lái)會(huì)更好一些：

二、四川大學(xué)學(xué)術(shù)PPT流程圖頁(yè)修改

這一頁(yè)，主要就是一個(gè)流程圖的展現(xiàn)，原稿的問(wèn)題就在于，流程有一些混亂，不知道應(yīng)該從哪開(kāi)始。

咋解決呢？還是先來(lái)規(guī)劃頁(yè)面的版式：

然后，對(duì)流程圖做一些處理，關(guān)于流程圖的處理呢，主要是找好主干，使其符合正常的閱讀順序。

沒(méi)啥好的方法，就是多去嘗試，我畫(huà)了幾個(gè)不同的版本：

最后定下來(lái)是用這個(gè)：

對(duì)于右側(cè)的內(nèi)容呢，這就沒(méi)啥說(shuō)的了，并列擺放整齊即可：

所以，按照我們的布局，擺放在頁(yè)面上即可：

三、四川大學(xué)學(xué)術(shù)PPT表格頁(yè)修改

這一頁(yè)的表格設(shè)計(jì)，還挺有創(chuàng)意，但是有兩個(gè)小問(wèn)題。

表格的間距有點(diǎn)太大了，導(dǎo)致信息會(huì)有點(diǎn)分散：

左側(cè)的表頭部分采用了右對(duì)齊，這樣的話(huà)呢，會(huì)讓內(nèi)容看上去不整齊：

咋解決呢？我們可以用一個(gè)色塊，承載所有的表格內(nèi)容：

另外，因?yàn)槲覀円怀鲋攸c(diǎn)，所以，可以考慮把顏色做一些更改即可：

四、四川大學(xué)學(xué)術(shù)PPT數(shù)據(jù)頁(yè)修改

這一頁(yè)的內(nèi)容呢，結(jié)構(gòu)已經(jīng)非常清晰，但是呢，視覺(jué)元素會(huì)有點(diǎn)雜亂。

咋優(yōu)化呢？我們來(lái)分析一下，這是一個(gè)『某段時(shí)間內(nèi)的數(shù)據(jù)對(duì)比』頁(yè)面。

所以，我們可以先來(lái)構(gòu)思『數(shù)據(jù)對(duì)比』部分，該如何呈現(xiàn)呢？最簡(jiǎn)單的方法，我們可以使用顏色對(duì)比：

另外，因?yàn)閭鹘y(tǒng)手術(shù)部分，分為4個(gè)流程，所以呢，我們可以將其拆分成4段：

那么，時(shí)間的概念該如何體現(xiàn)呢？我想了3種方式，用刻度尺，或者心電圖等概念：

最終呢，我選擇的是第2個(gè)：

這就是整份PPT頁(yè)面的修改過(guò)程，整體來(lái)回顧一遍。

- 修改前 -

- 修改后 -

整個(gè)修改過(guò)程，主要是改變了色調(diào)，以及對(duì)內(nèi)容可視化的形式做了更改。

希望對(duì)各位有所啟發(fā)。

·

原標(biāo)題：我給四川大學(xué)做了份紫色PPT！同事：紫色流程圖好洋氣！

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

看起來(lái)很不錯(cuò)，對(duì)嗎？

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

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

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

簡(jiǎn)單來(lái)說(shuō)，就是利用對(duì)元素的處理，讓觀看者形成視覺(jué)上的錯(cuò)覺(jué)，從而營(yíng)造出創(chuàng)意的圖表效果。

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

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

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

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

明白了吧？下面我們正式開(kāi)始制作。

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

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

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

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

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

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

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

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

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

以此類(lèi)推，我們可以制作出其他膠囊管：

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

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

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

最后，我們?cè)僬{(diào)整一下背景，并添加一些色塊。

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

怎么樣，是不是很簡(jiǎn)單？

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

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

我們先來(lái)做折線圖。

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

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

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

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

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

有了光，就要有陰影，對(duì)嗎？

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

·

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

本模板非常適用于商品介紹PPT，個(gè)人介紹PPT等PPT。

如果您使用了這個(gè)PPT模板那么您可以在你的上一個(gè)PPT做如下的動(dòng)畫(huà)：

1，做三個(gè)與此本模板箭頭相似的+直線路徑動(dòng)畫(huà)（由左至右）從PPT顯示范圍之外開(kāi)始—ＰＰＴ顯示范圍之外結(jié)束。

２，在加一個(gè)翻頁(yè)切換的動(dòng)畫(huà)

這只是個(gè)人建議。。。