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

案例01表格排版

案例一原稿是這樣的：

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

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

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

首先把曲線圖的X和Y軸重新繪制出來：

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

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

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

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

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

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

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

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

再來看看案例二的原稿：

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

?我們改用圓形色塊來承載文字信息：

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

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

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

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

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

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

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

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

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

·

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

做PPT時，最難受的一個問題，就是沒有思路。而網(wǎng)上很多的文章說，要學(xué)會對一些優(yōu)秀的作品進行拆解，并從中獲取靈感，那，到底怎么才能正確地拆解一個優(yōu)秀的作品呢？

這是一個很好的問題，但當(dāng)時的我，不知道怎么去回答她。

因為網(wǎng)上大多的文章，在教你拆解作品時，一般會說，我們要從中提取配色，字體，圖形，背景等元素，然后，借鑒到自己的PPT中。

就像這樣：

但我覺得，這只是淺層次的作品拆解，因為只知道使用了哪種字體，色彩，對設(shè)計思路能有啥幫助呢？

反正我是實在想不到。

那么，該如何對作品進行深層次的拆解，并真正獲取設(shè)計靈感呢？

我認(rèn)為，對一個作品的拆解，更多的，是要學(xué)會拆解作品背后的設(shè)計思路。

什么意思呢？聽起來很專業(yè)，對嗎？但其實非常簡單。

舉個例子，比如像下面這個例子，從中我們可以獲取哪些背后的設(shè)計思路呢？

首先，咱們來分析文案，可以知道，這是一個『企業(yè)知識庫系統(tǒng)』。那么，它是怎么把『知識庫』這個概念，以可視化的形式體現(xiàn)出來的呢？

從案例中我們可以看到，為了體現(xiàn)這個概念，設(shè)計師在頁面上添加了很多與知識相關(guān)的小圖標(biāo)：

咱們繼續(xù)拆解，為了體現(xiàn)『知識庫』數(shù)量豐富，小圖標(biāo)的排列方式，不是并列的，而是均勻地分布在周圍：

另外，為了能夠體現(xiàn)出這是『Udesk KM』的知識庫系統(tǒng)，設(shè)計師設(shè)計了一個概念頁面，并進行了透視設(shè)計：

這就是這一個作品背后的設(shè)計思路。那當(dāng)我們再來在設(shè)計類似的頁面時，是否可以從中獲取一些思路呢？

咱們舉個例子，比如咱們現(xiàn)在需要做一個關(guān)于『食譜類的APP產(chǎn)品介紹』，需要呈現(xiàn)出數(shù)據(jù)量豐富的感覺，文案如下，該怎么做呢？

咱們可以利用前面獲取的設(shè)計思路，來進行 PPT 頁面制作。

依舊是先找到一些與『食物』相關(guān)的圖標(biāo)素材，以此體現(xiàn)出這是食譜類 APP 產(chǎn)品：

接下來，為了能夠體現(xiàn)食譜數(shù)量豐富，咱們也可以采用環(huán)繞式布局，將小圖標(biāo)均勻地排列在圓形周圍：

接下來，我們把產(chǎn)品界面圖片放在頁面上，以此體現(xiàn)這是特定 APP 的食譜：

圖片是我隨意截取的

最后，我們可以采用與整體風(fēng)格一致的色調(diào)，到這里，就可以利用借鑒的方式，來完成了一張還不錯的 PPT 頁面：

明白了嗎？

當(dāng)我們觀看一個優(yōu)秀作品時，它所使用的字體，顏色，素材等都是淺層次的東西。

而為什么要使用某些方式進行視覺呈現(xiàn)，這才是拆解一份作品時，最有價值的東西，也能給我們更多的靈感啟發(fā)。

在這里，多舉幾個例子。

比如像這個頁面，大家來思考一下，它為什么要使用這樣的圖形呢？

其實還需要從文案本身分析，因為這里要表達的是『融合』，那么，為了能夠準(zhǔn)確地體現(xiàn)這個概念，所以，就采用了『細胞結(jié)合』的樣式。

再比如像這個頁面，咱們來分析下，它有哪些背后的設(shè)計思考呢？

從文案分析可知，這里有兩個關(guān)鍵信息，分別是『出彩』和『無限熱愛』。

那怎么體現(xiàn)出『出彩』的概念呢？頁面使用了大面積的彩色。

那如何體現(xiàn)出『無限熱愛』呢？大家可以看到底部的圖片中，有一種循環(huán)擴散的感覺，以此體現(xiàn)出無限，對嗎？

為了便于大家更容易理解，咱們再通過一個 PPT 實例，來更好地理解下作品拆解的過程。

比如我們現(xiàn)在需要制作一張 PPT 封面，文案內(nèi)容如下，該如何進行設(shè)計呢？

咱們先來分析下文案所要呈現(xiàn)的視覺重點，不難發(fā)現(xiàn)，一是『無界』，另一個是『溝通』。

那么，怎么體現(xiàn)出『溝通』呢？如果不知道，咱們就來找一些參考。比如是這個：

它是如何體現(xiàn)出『智慧金融』的呢？依舊是小圖標(biāo)，對嗎？

所以，咱們?yōu)榱梭w現(xiàn)出『溝通』的視覺感，也可以找到一些小圖標(biāo)：

并且呢，將其均勻地散步在文案的兩側(cè)：

接下來，該如何呈現(xiàn)出『無界』的視覺感呢？這個比較抽象，如果想不出來，也沒關(guān)系，依舊是找到一些參考。

比如像這個案例：

它為了體現(xiàn)出『無界』的感覺，采用的設(shè)計思路，是使用了不斷擴散的菱形，對嗎？

那么，咱們可以怎么做呢？比如咱們可以使用不斷擴散的圓形，以此體現(xiàn)出『無界』的感覺：

最后，咱們把文案和圖形結(jié)合在一起，簡單換個字體，就是一個很不錯的封面設(shè)計：

明白了嗎？我再啰嗦一遍，在進行作品拆解時，要學(xué)會拆解其背后的設(shè)計思路，而不是淺層次的色彩和字體。

好了，就這么多。

原標(biāo)題：做PPT沒思路，該怎么破？

我相信，咱們很多人在做幻燈片時，都遇到過類似的問題。有時候腦子都爆炸了，也沒想好如何做出一頁創(chuàng)意的幻燈片。OK，那這時候該怎么辦呢？跟各位分享一下，我的做法。

因為我經(jīng)常會幫不同行業(yè)的客戶來做一些幻燈片，而且，每一個客戶的需求也不盡相同。因此，我需要時刻保持創(chuàng)意。但有一個問題在于，我也不是靈感小宇宙，總會有創(chuàng)意枯竭的地方。那怎么才能避免這個問題呢？

我的做法很簡單，就是在制作 PPT 前，盡可能多地，去找一些素材案例進行參考。

假設(shè)咱們現(xiàn)在需要做一份科技感十足的 PPT ，要做的比較酷炫一點。好了，現(xiàn)在大腦中有了一個大概的設(shè)計方向，要酷炫，要科技感，那怎么才能用設(shè)計的手法，表現(xiàn)出科技感呢？

可能你暫時也想不出來，但沒關(guān)系。

咱們可以在各大設(shè)計網(wǎng)站，去尋找不同類型的設(shè)計素材。我一般會找至少50張以上的作品進行參考。注意，數(shù)量越多越好，太少的話，療效不夠。

比如我們可以去花瓣，去站酷，去國外的 Behance 等一些設(shè)計作品網(wǎng)站，來搜尋像畫冊設(shè)計，UI 設(shè)計，網(wǎng)頁設(shè)計，海報設(shè)計等不同的，總之，能夠表現(xiàn)科技感的作品就行。

然后呢，把它們存在一個獨立的文件夾中：

再比如，我們?nèi)绻枰プ鲆粋€母嬰風(fēng)格的 PPT ，想要做的比較溫馨一點。好了，咱們呢，同樣按照上面的做法，來找至少50張作品素材進行參考。

對，就是這么一個簡單粗暴的方法，但它也無數(shù)次被證實，這確是一個行之有效的方法。

為什么說它有效呢？因為它至少可以有效地幫助我們解決兩個問題：

1.確定 PPT 的配色方案

因為通過對大量素材作品的參考，咱們可以判斷出某個行業(yè)，普遍喜歡哪一種配色方案。

比如，很多科技感風(fēng)格的作品，喜歡使用這個顏色：

那把這些配色方案提取出來。做出的幻燈片呢，可能就會使用這些配色方案：

再比如，很多醫(yī)療風(fēng)格的作品，普遍喜歡使用這個顏色：

因此，不需要你有任何專業(yè)的配色常識，你要做的，僅僅是把這些普遍被使用的配色方案，給提取出來，這就能夠幫你搞定一份 PPT 的配色。所以，如果你提前收集了50張素材，你還用擔(dān)心不會配色嗎？不可能的。

2.還可以提供一些創(chuàng)意的排版思路

這一點不用多說，優(yōu)秀的作品，之所以優(yōu)秀，在版式上，肯定是花了一些小心思的。所以，找到它，進行參考。

比如說咱們看這個例子。在頁面上使用一個色塊，雖然也能很好地表現(xiàn)內(nèi)容，但是呢，未免有些缺乏科技感：

那充滿科技感的作品中，一般會怎么來處理呢？如果你瀏覽過很多科技感十足的作品，你會發(fā)現(xiàn)，它們特別喜歡類似這樣的方框：

或者像這樣的：

因此，我們是不是也可以把這些作品的一些細節(jié)特征，用在咱們的 PPT 頁面上呢？肯定可以，對吧？我們可以做成這樣：

再比如，如果我們現(xiàn)在要去制作一份跟天氣主題相關(guān)的 PPT ，那么，我們也可以去借鑒一些其它類型作品中，關(guān)于天氣的創(chuàng)意元素，用在自己的幻燈片中。

比如可以借鑒這個：

用在 PPT 中，可以做成這樣的頁面：

效果也不錯，對嗎？

當(dāng)然，這些所有的創(chuàng)意來源，都是在我們前期尋找50張優(yōu)秀作品素材的基礎(chǔ)上，獲取的。

我管這個方法呢，叫做「50張素材理論」。

所以，很多時候，可能我們并不需要有多么好的設(shè)計水平，也不需要有多么好的創(chuàng)意思路，我們只需要能夠在做 PPT 前，認(rèn)真地去尋找一些你認(rèn)為優(yōu)秀的作品案例，進行參考，也許這就足夠了。

這就是今天跟各位分享的，當(dāng)你缺少靈感的時候，我們可以采取的一個思維方法，非常簡單。所以，如果你現(xiàn)在正在為 PPT 設(shè)計發(fā)愁，或者是正在被領(lǐng)導(dǎo)懟，不妨試試這個方法。

好了，這篇文章呢，就到此為止。

另外，最近工作壓力超級大，有時候想出一個很好的文章選題，但很難靜下心來，去認(rèn)真地寫完，并分享給各位。而且呢，我不想隨隨便便地寫一些沒有價值的內(nèi)容，所以，導(dǎo)致更新較慢，還請各位諒解。

等我過了這個月，我會 ALL IN 。

再另外，到時候會有一個更好玩兒的項目出現(xiàn)哦，估計還差6周左右就能完成。也希望到時候大家能夠喜歡。

期待下次再見。

舉幾個例子：有幾張全屏大圖準(zhǔn)備用左右推動的形式來展示，那么你會選擇在多個頁面間用推進切換還是在單個頁面用動畫實現(xiàn)？如果在單頁面做動畫，你會用飛入飛出動畫還是添加動作路勁？如果是非全屏圖片怎樣使進出位置與排版對齊，你會使用色塊遮擋嗎？亦或者你電腦里的某些字體無法嵌入ppt中，你會選擇將文字保存為圖片還是通過合并形狀變?yōu)閳D形呢？

下面就以實際中遇到的一個問題來【點擊這里有該問題的教程哦】談?wù)刾pt制作中思路與方法的重要性。

以往ppt中的數(shù)據(jù)都是死的，直接擺上去，那么怎樣實現(xiàn)數(shù)據(jù)的變化，看到數(shù)據(jù)的增長過程呢？比如數(shù)據(jù)從00%以1%為單位變化到100%。一遇到這個問題，首先想到的是文本中單個字符變化，那一定要用到的是動畫文本按字母發(fā)送而且也是制作的主要方法。然后既然是變化的必然有進入和退出動畫，那應(yīng)該用哪個呢？方法是按字母發(fā)送那就不能用瞬間動畫，于是直接排除出現(xiàn)和消失，選擇了淡入淡出。然后考慮時間線，數(shù)據(jù)從0-100%按個位數(shù)變化，以0.1s為例，個位數(shù)字1有0.1秒的時間出現(xiàn)，個位數(shù)字2在下一個0.1s出現(xiàn)，同時個位數(shù)字1不顯示……以此類推，到1.0s時個位數(shù)字1再次出現(xiàn)，同時十位數(shù)字出現(xiàn)1……就這樣循環(huán)。即個位數(shù)字1出現(xiàn)的時刻為：0.0,1.0,2.0,3.0……每次出現(xiàn)持續(xù)時間0.1s，同理個位數(shù)字2出現(xiàn)的時刻為：0.1,1.1,2.1,3.1……每次出現(xiàn)持續(xù)時間同樣為0.1s。

綜上思路，要實現(xiàn)這個效果方法是動畫文本按字母發(fā)送，實現(xiàn)條件是淡入淡出動畫，動畫時間線中文本發(fā)送時間累計為單個動畫10倍。

初步嘗試，先準(zhǔn)備了10個文本分別填入：“000000000”，“1111111111”，“222222222”……“999999999”。一個文本代表一個個位數(shù)字，之所以要是個字符為一個文本是為了保證發(fā)送時間為動畫時間10倍，將后面的9個字符設(shè)置無色，那么能看到的就是第一個字符，實際上后面9個一直有變化只是你看不到，起到的是占位的作用。每組動畫（進入和退出）重復(fù)10次，然后按順序，每個文本的動畫與上以文本延遲為單個字符動畫的時間，這里為0.1s。這樣可以看到就可以完成個位數(shù)的變化了。十位數(shù)就很簡單了單個數(shù)字持續(xù)時間是個位數(shù)單個數(shù)字時間的10倍，淡出后設(shè)置10倍的延遲時間即可.最后放到一起，添加百位的1和%就完工了。

（下面的是做完后的動畫窗格）

做完后將方案發(fā)給yoyoo看，yoyoo在回復(fù)中給出了新的方法，我當(dāng)時就不淡定了，真的太棒了。我的方法大概要40個動畫來實現(xiàn)，而yoyoo的只要4個就可以了。只用一個文本框，填入“0123456789”，動畫設(shè)置不變。一看到這個方法我認(rèn)為是不能實現(xiàn)的，數(shù)字是會自動變化了，但相對位置會重復(fù)水平移動。yoyoo的解決辦法是將數(shù)字縱向排列，行距為0，這樣所有數(shù)字就重疊在一起了，問題都得到了解決，這樣的話，十位數(shù)字同樣可以用一組淡入淡出就能實現(xiàn)了。

（下面是修改后的動畫窗格）

在后面自己嘗試中發(fā)現(xiàn)了一些值得注意的東西。Yoyoo的思路非常給力，極大的簡化了制作過程，如果要添加進度條或者柱狀圖之類的只要兩個動作路徑就可以實現(xiàn)數(shù)據(jù)和進度條或柱狀圖同步變化，問題在于該方法無法做到特定數(shù)據(jù)的顯示，比如要做到54%，那么只有通過第一種復(fù)雜的方法來實現(xiàn)，通過改變重復(fù)次數(shù)和適當(dāng)刪減文本就可以做到。另外實際制作中發(fā)現(xiàn)雖然行距設(shè)置為0，但是各個數(shù)字依然有極少量的上下移動，10個壘起了基本有1/4個字符的高度。

話說回來，做出來上面說到的效果意義又有多大呢？實用意義不大，只是花大量的時間做一個只能用來吸引一絲注意力東西。但通過這個效果的制作，足以反映思考問題的思路和解決方法在ppt制作中的重要性。

開頭說到：你電腦里的某些字體無法嵌入ppt中，你會選擇將文字保存為圖片還是通過合并形狀變?yōu)閳D形呢？其實對很多剛接觸ppt的朋友，不知道自己電腦里的字體在別人電腦里可能全變成了宋體。知道的也多數(shù)情況會把文本保存為圖片，殊不知這樣大大怎加了文件的體積。更多的是不知道有嵌入字體這種功能，而合并為圖形由于平時多數(shù)人不用這個功能，知道的人也不是很多。在ppt中的數(shù)據(jù)圖表制作上，會點excel的朋友都會添加excel圖表，這樣的圖表精準(zhǔn)，但樣式不多，追求美感的話可以自己用圖形“畫”圖表，但這樣又不準(zhǔn)確了。在畫柱狀圖時有一種解決辦法是畫一樣長的矩形，在漸變填充中通過漸變百分比位置來調(diào)整顏色位置，這樣可以做到精準(zhǔn)無誤。

說了那么多，總之就是制作ppt的許多方法和技巧都是不斷積累總結(jié)起來的，當(dāng)對各種功能有了自己的理解那么對出現(xiàn)的問題就能得心應(yīng)手。知道解決問題的思路和方法比制作本身更重要，誰能說哪種方法好，哪種不好呢？

感謝yoyoo對制作方案的修改建議@yoyoo