在制作PPT時(shí)，我相信，幾乎我們每一個(gè)人都會(huì)遇到的一個(gè)問(wèn)題，就在于缺少設(shè)計(jì)的靈感。
而想要去解決這個(gè)問(wèn)題，最好的方法就在于尋找設(shè)計(jì)靈感參考，對(duì)嗎？
比如說(shuō)網(wǎng)頁(yè)設(shè)計(jì)，海報(bào)設(shè)計(jì)，畫(huà)冊(cè)設(shè)計(jì)……

截圖來(lái)自花瓣網(wǎng)

但問(wèn)題在于，即便我們找到了這些設(shè)計(jì)作品，該如何進(jìn)行設(shè)計(jì)靈感借鑒呢？
這篇文章，咱們就基于網(wǎng)頁(yè)設(shè)計(jì)作品，來(lái)談?wù)勅绾螐木W(wǎng)頁(yè)設(shè)計(jì)中，獲取設(shè)計(jì)靈感。
在開(kāi)始正文之前，先來(lái)說(shuō)一下，為什么要選擇網(wǎng)頁(yè)設(shè)計(jì)的作品呢？
原因很簡(jiǎn)單，因?yàn)榫W(wǎng)頁(yè)設(shè)計(jì)的作品特征，與 PPT 設(shè)計(jì)有類(lèi)似之處，比如像：

• 頁(yè)面尺寸，一般都是16:9。
• 內(nèi)容類(lèi)型，一般都是有一個(gè)標(biāo)題，外加相關(guān)的支撐論據(jù)。
• 多個(gè)頁(yè)面，不管是PPT，還是網(wǎng)頁(yè)，都需要兼顧到視覺(jué)風(fēng)格的一致性。

舉個(gè)例子，方便你去理解。拿這樣的一個(gè)網(wǎng)頁(yè)設(shè)計(jì)作品來(lái)說(shuō)：

如果我們把這個(gè)長(zhǎng)網(wǎng)頁(yè)，截取成不同的頁(yè)面板塊，各位可以看一下，像不像是單頁(yè)的 PPT 呢？

好了，當(dāng)我們搞清楚這一點(diǎn)之后，接下來(lái)，咱們就來(lái)說(shuō)一下，從網(wǎng)頁(yè)設(shè)計(jì)作品中，我們都能夠獲取哪些設(shè)計(jì)靈感呢？
可以從3個(gè)方面來(lái)講：

• 排版呈現(xiàn)的靈感
• 內(nèi)容裝飾的靈感
• 設(shè)計(jì)風(fēng)格的方向

咱們挨個(gè)來(lái)解釋一下。

一、排版呈現(xiàn)的靈感

當(dāng)我們?nèi)鄙倥虐骒`感的時(shí)候，借鑒網(wǎng)頁(yè)設(shè)計(jì)，我認(rèn)為是最好的方法。那該怎么借鑒呢？
比如說(shuō)我之前看過(guò)這樣的一個(gè)汽車(chē)介紹頁(yè)面：

那么，它是如何排版布局的呢？為產(chǎn)品添加了一個(gè)卡片，在視覺(jué)呈現(xiàn)上更加規(guī)整。
大概就像這樣，對(duì)嗎？

好了，那么，我們有沒(méi)有可能把汽車(chē)的圖片，換成別的呢？比如換成一個(gè)建筑物：

或者是換成一朵花呢？

那么，在進(jìn)行 PPT 產(chǎn)品展示的排版時(shí)，我們就可以在一張卡片上，放上一個(gè)產(chǎn)品圖片，對(duì)嗎？

再比如像這個(gè)頁(yè)面，也是我之前見(jiàn)到過(guò)的紅酒的網(wǎng)頁(yè)設(shè)計(jì)，在產(chǎn)品底部，添加了一個(gè)線框：

那么，我們有沒(méi)有可能把產(chǎn)品圖換成一張人物圖呢？

這樣，在進(jìn)行人物排版時(shí)，是不是可以采用這個(gè)形式呢？

同樣地，再比如像這個(gè)網(wǎng)頁(yè)，典型的卡片化設(shè)計(jì)：

如果在進(jìn)行三段式內(nèi)容排版時(shí)，是不是可以采用這個(gè)版式呢？

還有，再比如像這個(gè)游戲介紹的頁(yè)面，把界面圖層浮在了電腦屏幕的上方：

所以，在局部呈現(xiàn)圖片的重點(diǎn)時(shí)，我們也可以采用這種形式：

再比如像這個(gè)例子，在排版圖表時(shí)，采用這種形式，是不是會(huì)更有立體空間感呢？

以及這個(gè)頁(yè)面，在呈現(xiàn)不同發(fā)展階段時(shí)，是不是可以采用卡片加曲線圖的形式呢？

同樣地，還有像這個(gè)例子，對(duì)于不規(guī)則的圖片，采用了瓷磚式的排版布局形式：

那么，我們?cè)谠O(shè)計(jì)一些圖片很多的 PPT 時(shí)，是不是也可以采用類(lèi)似的形式呢？

二、內(nèi)容裝飾的靈感

對(duì)于網(wǎng)頁(yè)設(shè)計(jì)而言，每一個(gè)板塊的內(nèi)容，也會(huì)有一個(gè)標(biāo)題，自然而然地，也會(huì)為標(biāo)題欄添加一些修飾的元素。
比如像這個(gè)游戲的頁(yè)面：

我們可以看到，為了呈現(xiàn)出中國(guó)風(fēng)的感覺(jué)，在標(biāo)題設(shè)計(jì)中添加了一些線條：

那我們?cè)谥谱髦袊?guó)風(fēng) PPT 時(shí)，如果要對(duì)標(biāo)題欄進(jìn)行修飾，是不是也可以這樣做呢？

而對(duì)于這種線條的話，在網(wǎng)上有很多的素材，可以直接下載使用：

再來(lái)個(gè)例子，比如像這個(gè)頁(yè)面：

它的標(biāo)題欄呢，大概是這樣的：

如果你覺(jué)得這種菱形的圖形不合適，你也可以更換成圓形，或者任意幾何圖形：

三、設(shè)計(jì)風(fēng)格的方向

如果在做PPT時(shí)，你不知道如何確定設(shè)計(jì)風(fēng)格，也可以在網(wǎng)頁(yè)設(shè)計(jì)中找到方向，因?yàn)閷?duì)于網(wǎng)頁(yè)設(shè)計(jì)來(lái)講，視覺(jué)風(fēng)格的特征，會(huì)非常明顯。
比如說(shuō)像金融類(lèi)的頁(yè)面，很明顯，色彩風(fēng)格上會(huì)比較偏金色：

再比如像母嬰類(lèi)網(wǎng)頁(yè)的設(shè)計(jì)風(fēng)格，我們可以看到，整體以圓潤(rùn)的圖形為主，會(huì)讓人產(chǎn)品比較親近的感覺(jué)：

通常來(lái)講，我們可以從色彩、字體、背景以及形狀的樣式等方面，來(lái)確定PPT的視覺(jué)風(fēng)格。
比如說(shuō)我們現(xiàn)在要制作一份商務(wù)型的 PPT ，那么，你就可以先來(lái)找到一份商務(wù)感十足的網(wǎng)頁(yè)設(shè)計(jì)作品，然后從中提取視覺(jué)特征，用在 PPT 中即可。

以上所說(shuō)的呢，就是我們可以從網(wǎng)頁(yè)設(shè)計(jì)作品中，借鑒的一些點(diǎn)。
但是，網(wǎng)頁(yè)的使用場(chǎng)景畢竟和PPT不同，所以，在進(jìn)行靈感借鑒的時(shí)候，有一些點(diǎn)需要注意。
首先是色彩
對(duì)于網(wǎng)頁(yè)來(lái)講，一般是在高清顯示屏上進(jìn)行呈現(xiàn)，所以，當(dāng)使用一些高明度的顏色時(shí)，也沒(méi)問(wèn)題。
就像這樣：

但 PPT 中，如果使用這樣的色彩，會(huì)導(dǎo)致的問(wèn)題就在于，頁(yè)面上的信息看不清楚。
所以，在 PPT 中，我們一般選擇明度較低的色彩：

其次是字號(hào)
當(dāng)我們觀看網(wǎng)頁(yè)設(shè)計(jì)作品時(shí)，一般是坐在電腦前查看，人眼距離屏幕的距離，一般不超過(guò)一米。
而 PPT 演示則不同，投影幕布距離最后一排的距離，有時(shí)候甚至?xí)哌_(dá)幾十米。

所以，在字號(hào)的設(shè)定上，網(wǎng)頁(yè)設(shè)計(jì)中，會(huì)普遍偏小但在 PPT 中，我們需要適當(dāng)?shù)倪M(jìn)行放大。
這是網(wǎng)頁(yè)設(shè)計(jì)中的字號(hào)：

這是 PPT 設(shè)計(jì)中的字號(hào)設(shè)定：

但我們要放大到多少呢？
我有一個(gè)經(jīng)驗(yàn)是，我們可以在電腦屏幕上，把頁(yè)面的尺寸縮小到50%，如果還能看得清楚，那么，投影出來(lái)，一般也能看清楚。

最后是按鈕
網(wǎng)頁(yè)設(shè)計(jì)的用途，是讓用戶來(lái)進(jìn)行觀看或點(diǎn)擊，所以，頁(yè)面上往往會(huì)有一些點(diǎn)擊的按鈕：

但對(duì)于 PPT 而言，它的用途只是被觀眾來(lái)觀看，所以，這些按鈕要全部給刪掉：

好了，上面所說(shuō)的，就是我們從網(wǎng)頁(yè)設(shè)計(jì)中，可以進(jìn)行靈感借鑒的一些方法，和一些注意事項(xiàng)。
希望對(duì)各位能夠有所幫助。

原標(biāo)題：做PPT沒(méi)靈感？分享一個(gè)我私藏的方法，你一定要看看！

小提示：在PPT中，所有內(nèi)容播放前一般會(huì)先給出全部?jī)?nèi)容的列表框架，這個(gè)頁(yè)面稱(chēng)為目錄頁(yè)；每一部分開(kāi)始前可能會(huì)重復(fù)出現(xiàn)目錄頁(yè)，并且會(huì)突出接下來(lái)要講的內(nèi)容，這些頁(yè)面稱(chēng)為過(guò)渡頁(yè)。一般而言，過(guò)渡頁(yè)是對(duì)目錄頁(yè)進(jìn)行適當(dāng)改變的頁(yè)面，與目錄頁(yè)是同一個(gè)體系。目錄頁(yè)和過(guò)渡頁(yè)有利于讀者了解和把握整體內(nèi)容，就像PPT不可或缺的骨架。

一、圖標(biāo)或圖片來(lái)替換數(shù)字

現(xiàn)在TG模板已經(jīng)在網(wǎng)絡(luò)上泛濫無(wú)比，幾乎每次參加會(huì)議都會(huì)看到使用TG模板的演示。其目錄頁(yè)都是數(shù)字型的項(xiàng)目符號(hào)，稍有特色的就是對(duì)彩色背景條下點(diǎn)工夫。實(shí)際上只要對(duì)項(xiàng)目符號(hào)稍加改變就可以令人耳目一新。

先看圖1，這里用三幅圖片代替項(xiàng)目符號(hào)，輔以簡(jiǎn)短的標(biāo)題。目錄頁(yè)仿佛不是目錄頁(yè)，而是一頁(yè)精美的畫(huà)冊(cè)。在圖1中，橫向鋪開(kāi)三幅圖片，然后輔以簡(jiǎn)短的標(biāo)題，這是一個(gè)圖重文輕的例子，也即圖片所占的視覺(jué)比重高于文字。當(dāng)標(biāo)題較長(zhǎng)時(shí)則變成文圖并重，此時(shí)只需將三幅圖片變?yōu)榭v向排列，則可以在版面上留出足夠的空間來(lái)放置文字。這種圖片代替項(xiàng)目符號(hào)的做法是一種較為常規(guī)的處理方式，既避免了TG模板的毫無(wú)特色，又增強(qiáng)了頁(yè)面的圖版率，提高了可讀性。在選擇圖片時(shí)，一般選擇與主題相關(guān)的圖片，關(guān)聯(lián)性要求不高，因此可選范圍很廣，方便快速制作出富有特色的目錄頁(yè)。

（圖1）

再來(lái)看圖2，與圖1相比，這是一個(gè)文重圖輕的例子。此時(shí)圖片主要起到點(diǎn)綴的作用，而以文字標(biāo)題為主要內(nèi)容。為此，圖2中三朵花的圖片都沒(méi)有做放大處理，以免文字和圖片形成沖突。三朵花都是選擇PNG格式的圖片，讀者還可以使用圖標(biāo)來(lái)代替，現(xiàn)在富有特色的圖標(biāo)在網(wǎng)絡(luò)上資源很豐富。圖2的目錄頁(yè)用于過(guò)渡頁(yè)時(shí)，只需將其余各項(xiàng)處理為灰色，而只有當(dāng)前內(nèi)容項(xiàng)保留為彩色模式，即可形成鮮明的對(duì)比。

(圖2)

圖1所示的目錄頁(yè)用作過(guò)渡頁(yè)時(shí)，只需將相應(yīng)主題對(duì)應(yīng)的的圖片放大至半個(gè)或整個(gè)版面即可（見(jiàn)圖3）。還可以采取將其余項(xiàng)淡出的處理方式。對(duì)于文重圖輕的目錄頁(yè)，也可以做出類(lèi)似的過(guò)渡頁(yè)（見(jiàn)圖4），是用筆刷圖形做點(diǎn)綴型的過(guò)渡頁(yè)。

（圖3）

（圖4）

二、圖片應(yīng)用再大膽一些

現(xiàn)在我們已經(jīng)知道，在目錄頁(yè)中引入圖片可以提高頁(yè)面的可讀性，那么在應(yīng)用圖片時(shí)就可以更加大膽一些。在PPT中最重要的是創(chuàng)意，而實(shí)現(xiàn)創(chuàng)意的最有效辦法就是打破規(guī)則。例如，沒(méi)有人規(guī)定PPT中的圖片一定是圖1那種小幅模式，我們完全可以將圖片放大，讓其充滿版面（見(jiàn)圖5）！

（圖5）

覺(jué)得圖5還不夠有新意嗎？是不是覺(jué)得豎直的線條不足以體現(xiàn)你的特色，那就不妨把邊界變得更大膽一些。在圖6中，我將圖片的分界線處理成傾斜的格式。處理方式是從自選圖形中插入三個(gè)梯形，其中中間梯形倒置且位于其他兩個(gè)梯形之上，然后在三個(gè)梯形中分別選擇填充內(nèi)容為指定圖片，適當(dāng)調(diào)整即可得到圖6的樣式。

（圖6）

將自選圖形與圖片填充結(jié)合起來(lái)，往往會(huì)得到充滿新意的目錄頁(yè)。例如我們經(jīng)常會(huì)在一些宣傳廣告中看到類(lèi)似圖7樣式的設(shè)計(jì)圖樣，這樣的目錄頁(yè)就更不同于你平常所見(jiàn)到的目錄頁(yè)了。在PPT中，我們只需插入三個(gè)圓形，并將選定的圖片填充到圓形中即可達(dá)到這種效果。

（圖7）

三、一幅圖片做目錄

很多時(shí)候，可能只需要一張圖片就足以讓我創(chuàng)造一個(gè)富有創(chuàng)意的目錄。你所需要的只是選擇一張含有多個(gè)相似或同類(lèi)元素的圖片，然后從其中的每個(gè)元素上依次引出各個(gè)標(biāo)題內(nèi)容。例如圖8中，我選擇了一張舞臺(tái)燈的圖片，在每一盞舞臺(tái)燈下方都引出一個(gè)標(biāo)題，這樣的目錄頁(yè)是不是頗有一番新意？

（圖8）

為了頁(yè)面更富有對(duì)比性，“光影魔術(shù)手”就可以幫助我們創(chuàng)造更有創(chuàng)意的目錄頁(yè)。圖9中，五個(gè)人分別代表員工管理的五條定律，每提到一條時(shí)，就將其中一個(gè)人物用彩色顯示，而將其余人物則為灰色。

類(lèi)似圖9這種利用色彩對(duì)比的設(shè)計(jì)，一個(gè)明顯的好處是其可以直接用作過(guò)渡頁(yè)。類(lèi)似的想法也同樣可以用于類(lèi)似圖1的目錄頁(yè)中來(lái)設(shè)計(jì)過(guò)渡頁(yè)，也即將要講的部分彩色突出顯示，而將其余各部分處理為灰色（見(jiàn)圖10）。其中第一排第三個(gè)為彩色顯示，表示接下來(lái)的內(nèi)容，而其余部分均為淺灰色。

（圖9）

（圖10）

四、跳出目錄的固定思維

想讓你的目錄頁(yè)更加有創(chuàng)意嗎？那就跳出目錄頁(yè)的思維框架吧！不要把目錄頁(yè)只是看作目錄頁(yè)，把它看作可以充分讓你展示才華的頁(yè)面，充分發(fā)揮你可以想得到的創(chuàng)意。印象好壞程度往往在最開(kāi)始的那幾秒就已經(jīng)奠定基調(diào)了，因此想方設(shè)法把目錄頁(yè)做的更精彩一些吧！

在圖11中，我們沒(méi)有依次列出各個(gè)地區(qū)，而是先放置一張全國(guó)地圖，然后依次標(biāo)注出各個(gè)地區(qū)并以直線引出標(biāo)題。用做過(guò)渡頁(yè)時(shí)，只需將地圖相應(yīng)部分及文字用強(qiáng)調(diào)動(dòng)畫(huà)即可鮮明標(biāo)出。此時(shí)的目錄頁(yè)已經(jīng)脫離了傳統(tǒng)的Bullet模式。

（圖11）

在圖12中，結(jié)合“保護(hù)文化典籍”的演講主題，選擇了一列書(shū)作為背景圖片，并將標(biāo)題內(nèi)容置于書(shū)脊之上。此時(shí)每個(gè)標(biāo)題看起來(lái)都像是書(shū)名一樣，而其中的數(shù)字序號(hào)也不再是項(xiàng)目符號(hào)，而是書(shū)的系列編號(hào)。

（圖12）

圖13展示的是一頁(yè)過(guò)渡頁(yè)。在這個(gè)頁(yè)面中，用圖片來(lái)標(biāo)題相應(yīng)的內(nèi)容，并且只有接下來(lái)要講的部分豎立起來(lái)清晰顯示，其他部分對(duì)應(yīng)的圖片在處理成仿佛平鋪在桌面上一樣（可以通過(guò)PPT中的三維旋轉(zhuǎn)來(lái)實(shí)現(xiàn)）。在應(yīng)用時(shí)，還可以把其他圖片調(diào)節(jié)亮度以增強(qiáng)對(duì)比性。

（圖13）

圖14的處理方式是將圖片處理成相片樣式，零散地放置在桌面上，而將相應(yīng)的標(biāo)題內(nèi)容寫(xiě)在紙片上，并通過(guò)透明膠紙與相片粘貼在一起，看起來(lái)就仿佛在桌面上隨意放置的相片及它們的說(shuō)明一樣，醒目而不張揚(yáng)。

（圖14）

在圖15中，文字更像是圖片的一部分，圖片和目錄已經(jīng)結(jié)合為一體了。

（圖15）

原來(lái)，圖片還有不少妙用啊。說(shuō)明一下，我并不是說(shuō)傳統(tǒng)模式不好，而是因?yàn)槌汕先f(wàn)的人不斷地用，已經(jīng)讓大家審美疲勞了。把思路再放開(kāi)一點(diǎn)，膽子再放大一點(diǎn)，創(chuàng)意就會(huì)多一點(diǎn)，頁(yè)面就會(huì)新穎一點(diǎn)！不是嗎？