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

案例01表格排版

案例一原稿是這樣的：

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

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

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

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

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

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

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

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

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

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

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

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

再來看看案例二的原稿：

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

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

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

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

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

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

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

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

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

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

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

·

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

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

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

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

就像這樣：

但我覺得，這只是淺層次的作品拆解，因?yàn)橹恢朗褂昧四姆N字體，色彩，對(duì)設(shè)計(jì)思路能有啥幫助呢？

反正我是實(shí)在想不到。

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

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

什么意思呢？聽起來很專業(yè)，對(duì)嗎？但其實(shí)非常簡(jiǎn)單。

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

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

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

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

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

這就是這一個(gè)作品背后的設(shè)計(jì)思路。那當(dāng)我們?cè)賮碓谠O(shè)計(jì)類似的頁面時(shí)，是否可以從中獲取一些思路呢？

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

咱們可以利用前面獲取的設(shè)計(jì)思路，來進(jìn)行 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)，到這里，就可以利用借鑒的方式，來完成了一張還不錯(cuò)的 PPT 頁面：

明白了嗎？

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

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

在這里，多舉幾個(gè)例子。

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

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

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

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

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

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

為了便于大家更容易理解，咱們?cè)偻ㄟ^一個(gè) PPT 實(shí)例，來更好地理解下作品拆解的過程。

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

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

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

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

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

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

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

比如像這個(gè)案例：

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

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

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

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

好了，就這么多。

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

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

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

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

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

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

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

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

然后呢，把它們存在一個(gè)獨(dú)立的文件夾中：

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

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

為什么說它有效呢？因?yàn)樗辽倏梢杂行У貛椭覀兘鉀Q兩個(gè)問題：

1.確定 PPT 的配色方案

因?yàn)橥ㄟ^對(duì)大量素材作品的參考，咱們可以判斷出某個(gè)行業(yè)，普遍喜歡哪一種配色方案。

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

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

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

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

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

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

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

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

或者像這樣的：

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

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

比如可以借鑒這個(gè)：

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

效果也不錯(cuò)，對(duì)嗎？

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

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

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

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

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

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

等我過了這個(gè)月，我會(huì) ALL IN 。

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

期待下次再見。

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

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

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

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

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

（下面的是做完后的動(dòng)畫窗格）

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

（下面是修改后的動(dòng)畫窗格）

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

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

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

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

感謝yoyoo對(duì)制作方案的修改建議@yoyoo