在PPT設(shè)計(jì)中，最不可或缺的一種元素，可能就是圖標(biāo)。

當(dāng)需要讓頁(yè)面更具可視化效果時(shí)，它簡(jiǎn)直是標(biāo)配：

很多人使用圖標(biāo)的方式，可能就是下載后，直接貼到頁(yè)面上，不做任何處理：

但其實(shí)你知道嗎？很多優(yōu)秀的PPT中，為了讓圖標(biāo)更有創(chuàng)意，往往會(huì)做一些處理。

比如像堅(jiān)果手機(jī)發(fā)布會(huì)中，為了讓觀眾理解手勢(shì)操作的重點(diǎn)，會(huì)進(jìn)行局部變色：

再比如像騰訊云品牌PPT中的這些圖標(biāo)：

還有像一些科技廠商發(fā)布會(huì)PPT中的圖標(biāo)處理：

當(dāng)然，像這樣的例子太多了。

所以，這篇文章，就來(lái)跟各位聊一下，該如何對(duì)圖標(biāo)處理，才能讓它更具創(chuàng)意呢？

我常用的方法有4種，分別是：

啥意思呢？簡(jiǎn)單跟各位解釋一下。

一、圖標(biāo)局部變色

顧名思義，就是把小圖標(biāo)中部分畫面，進(jìn)行變色處理。就像這樣：

在我之前修改的PPT中，也曾經(jīng)用過(guò)這個(gè)方法：

那該如何操作呢？

要知道，當(dāng)我們想要進(jìn)行局部變色，有一個(gè)前提就是，需要將圖標(biāo)進(jìn)行拆分：

咋做呢？

如果圖標(biāo)不是連在一起，那么，下載svg格式，只需要取消組合兩次即可：

如果圖標(biāo)不能拆散，比如像下面橙色部分，那么，我們可以利用布爾運(yùn)算中的拆分功能，把圖標(biāo)拆散：

這種做法在很多大廠 PPT 中會(huì)用到。

比如像微軟的 PPT ，可以看到，分為兩種色彩，很好地避免了視覺(jué)單調(diào)：

還有像 SAP 的PPT 也是一樣的處理：

同樣地，榮耀發(fā)布會(huì)的 PPT ，也是用到圖標(biāo)局部變色的處理：

二、圖標(biāo)局部漸隱

這種處理方式，與上一種類似，都需要將圖標(biāo)拆散后進(jìn)行操作。

大概也就像這樣，對(duì)部分線條進(jìn)行漸變處理：

這種就不多說(shuō)了。

三、圖標(biāo)色塊疊壓

通過(guò)在圖標(biāo)底部，添加一個(gè)統(tǒng)一的色塊，也可以讓小圖標(biāo)變得更有創(chuàng)意：

像魅族手機(jī)發(fā)布會(huì)上，曾經(jīng)用過(guò)這個(gè)方法：

四、圖標(biāo)2.5D化處理

這種方式呢，主要是把圖標(biāo)變成立體的樣式：

這種處理的方法，主要用在2.5D風(fēng)格的排版中:

那么，這種是如何操作的呢？主要分為兩個(gè)步驟：

方法呢，大概就是這些，很簡(jiǎn)單。那么，接下來(lái)我們通過(guò)兩個(gè)具體的案例，來(lái)理解一下。

五、兩個(gè)實(shí)際案例

首先是第1個(gè)例子：

這里的話，雖然也用到了小圖標(biāo)，但樣式都是一樣的，視覺(jué)上有些重復(fù)。

所以，我們可以更換3個(gè)與內(nèi)容有關(guān)聯(lián)的圖標(biāo)，并進(jìn)行局部變色，使用紅黃搭配的效果：

這樣一來(lái)，我們的 PPT 圖標(biāo)效果，就可以變成這樣：

然后是第2個(gè)例子：

這個(gè)頁(yè)面中使用的圖標(biāo)風(fēng)格不太統(tǒng)一，有些是面型圖標(biāo)，有些是線型圖標(biāo)。

咋處理呢？最好使用統(tǒng)一風(fēng)格的圖標(biāo)樣式，在這里，我們可以對(duì)其進(jìn)行2.5D風(fēng)處理：

另外，結(jié)合一些立方體形狀，可以很好地承載圖標(biāo)元素：

以上呢，就是在PPT中，對(duì)圖標(biāo)進(jìn)行創(chuàng)意處理的4種方法，希望對(duì)各位有所啟發(fā)。

·

原標(biāo)題：邵大，為啥微軟的這張PPT中，加上圖標(biāo)能變的這么洋氣？

如果說(shuō)在PPT中，有哪個(gè)屬于很實(shí)用，但卻被大多數(shù)人所忽略的基礎(chǔ)形狀，那一定是『任意多邊形』。

為什么這么說(shuō)呢？
之所以說(shuō)它很實(shí)用，是因?yàn)楹芏嗫此品浅?fù)雜的圖形，我們可以用它，很輕易的完成。
比如像這些科技感十足的圖形：

圖片來(lái)自網(wǎng)絡(luò)

看起來(lái)就很復(fù)雜，對(duì)嗎？
那為什么要說(shuō)它被大多數(shù)人忽略呢？是因?yàn)槲液苌僖?jiàn)到有人經(jīng)常會(huì)用到它。
甚至有很多人，可能都不知道有這個(gè)形狀的存在。

那，使用這個(gè)形狀，我們到底能干點(diǎn)啥呢？
在回答這個(gè)問(wèn)題之前，先來(lái)簡(jiǎn)單的說(shuō)一下，這個(gè)形狀該怎么用。
非常簡(jiǎn)單，選中這個(gè)形狀之后，我們可以用它來(lái)任意的繪制不同角度的折線。
我錄了一個(gè)動(dòng)圖，大家看下：

比如像繪制心跳圖時(shí)，使用這個(gè)形狀，就非常簡(jiǎn)單：

但這樣的操作方式，并不能體現(xiàn)它的實(shí)用，如果真正想要發(fā)揮他的用途，我們需要結(jié)合 Shift 鍵。

按著 Shift 鍵的同時(shí)，點(diǎn)擊鼠標(biāo)左鍵，基于鼠標(biāo)不同的點(diǎn)擊位置，可以繪制直線，45°角、90°直角叫及135°角：

好了，到這里，相信你已經(jīng)明白了這個(gè)形狀的用法。
那真正的問(wèn)題來(lái)了，在PPT設(shè)計(jì)中，我們用它到底能干點(diǎn)啥呢？我認(rèn)為至少有兩個(gè)常見(jiàn)的應(yīng)用場(chǎng)景。

一、繪制不封閉的線框

很多讀者都問(wèn)過(guò)我這個(gè)問(wèn)題，說(shuō)見(jiàn)到類似這樣的線條，是怎么畫的？

圖片來(lái)自網(wǎng)絡(luò)

有些朋友還嘗試過(guò)，使用布爾運(yùn)算進(jìn)行剪除，但這都不是簡(jiǎn)單的方法。
最好的方式就是，使用任意多邊形直接繪制。
當(dāng)我們學(xué)會(huì)了這一個(gè)手法之后，那么，在很多PPT的頁(yè)面中，就能夠輕松地，做出很多創(chuàng)意的呈現(xiàn)方式。
比如在封面排版中，我們可以繪制這樣的圖形：

或者是比較常規(guī)的，就像這樣：

也可以把圖形變?yōu)槿切危?/p>

這都是利用任意多邊形，可以輕松繪制的線條樣式。

二、繪制科技感線條

什么意思呢？我們?cè)诰W(wǎng)上看到的很多科技感作品，他們的線條，往往是有折角的。
就像這樣：

顯得會(huì)比較凌厲，有科技范兒。
但其實(shí)，大家簡(jiǎn)單分析一下就會(huì)發(fā)現(xiàn)，這無(wú)非就是利用一些有角度的折線組合起來(lái)的罷了。
而利用任意多邊形，可以非常非常方便地進(jìn)行繪制。
比如說(shuō)像這個(gè)封面：

如果我們把它拆解來(lái)看，其實(shí)無(wú)非就是這些基礎(chǔ)的線條：

那么，問(wèn)題來(lái)了，在PPT設(shè)計(jì)中，什么時(shí)候會(huì)用到這樣的圖形呢？
最常用的，可能就是來(lái)繪制文字外側(cè)的邊框。
比如說(shuō)我們可以制作封面面標(biāo)題的修飾：

如果拆解來(lái)看，就會(huì)發(fā)現(xiàn)，無(wú)非也是一堆直線和折現(xiàn)的組合：

當(dāng)然，也可以用在內(nèi)容頁(yè)中，做一些標(biāo)題的裝飾。
比如像這個(gè)頁(yè)面的標(biāo)題修飾，看起來(lái)很復(fù)雜，其實(shí)也是一樣的線條組合而成：

當(dāng)然，我們還可以有其它更多的思路。

比如做成這些樣式：

這些都是可以實(shí)現(xiàn)的創(chuàng)意。還不錯(cuò)，對(duì)嗎？
額外說(shuō)明一點(diǎn)，這個(gè)基礎(chǔ)形狀雖然很好用，但是，能否真正的用好它，還是要基于我們的創(chuàng)意。
如果你在繪制這些線條時(shí)，沒(méi)有思路，我建議你可以在花瓣網(wǎng)，搜索關(guān)鍵詞 [ 科技線條 ] ，或者 [ FUI ] 之類，能給你無(wú)窮的創(chuàng)意：

希望能夠?qū)Ω魑挥兴鶈l(fā)。

原標(biāo)題：這個(gè)小眾但超實(shí)用的PPT基礎(chǔ)功能，我發(fā)掘了一些新玩法兒

提前聲明，這篇文章是純技術(shù)帖，看完之后，保證你能夠100%做出文章里提到的案例。
之前有位讀者，發(fā)給我一張魅族發(fā)布會(huì)的PPT頁(yè)面，問(wèn)我這三個(gè)圓角矩形是怎么畫出來(lái)的？

這些圖形呢，咋一看，像是圓角矩形，但其實(shí)又不是。那么，該如何進(jìn)行繪制呢？
同樣的，關(guān)于圖形的問(wèn)題，還有讀者問(wèn)過(guò)我，像這樣的形狀，是怎么完成的？

之前零零散散的提到過(guò)一些方法，但不系統(tǒng)。
所以，這篇文章，就來(lái)分享3種，在PPT中常用的的創(chuàng)意異形圖形，到底是怎么繪制的。

一、圓角圖形

啥意思呢？簡(jiǎn)單來(lái)說(shuō)就是，把任何一個(gè)角度的圖形，都變成圓角，從而讓圖形看起來(lái)更加圓潤(rùn)。
這在很多母嬰類或者女性主題的PPT中，經(jīng)常會(huì)用到，因?yàn)轱L(fēng)格會(huì)更貼切。

那圓角圖形是怎么完成的呢？
其實(shí)我們只需要借用一個(gè)PPT中的插件，之前也分享過(guò)，叫做英豪插件。
操作方法也很簡(jiǎn)單，在頁(yè)面上插入任意圖形，比如一個(gè)三角形吧。
第一步，選中圖形后，點(diǎn)擊格式，找到英豪插件中的 編輯形狀功能，選擇圓角工具：

在彈窗中，選擇倒圓角半徑的數(shù)值即可生成圓角，一般來(lái)說(shuō)，數(shù)值越大，弧度越大：

為了讓各位理解的更加清楚，咱們來(lái)看一個(gè)實(shí)際的案例，比如我們插入一個(gè)平行四邊形：

將圓角數(shù)值設(shè)置為3CM，可以看到，弧度很明顯了：

將它放在封面底部，用來(lái)承載信息和圖片即可：

二、超圓角矩形

啥叫超圓角矩形呢？就是比圓角矩形還要圓潤(rùn)，像前面提到的魅族的案例，這里所使用的，就是典型的『超圓角圖形』：

那它跟圓角圖形到底有什么差別呢？我貼一張圖，讓大家能夠看得更清楚：

紫? 紫色部分為圓角矩形
紅? 紅色部分為超圓角矩形

看到了嗎？超圓角矩形的四邊，也是有弧度的。
那這種圖形是怎么繪制的呢？這里就需要借用一個(gè)軟件，叫AI，只需傻瓜式操作，即可完成。
第1步，在頁(yè)面上插入一個(gè)正圓形，方法跟PPT里一樣：

第二步，我們選中圖形，點(diǎn)擊 效果，找到 變形 ，選擇 膨脹：

在彈出的窗口中，我們調(diào)整膨脹的彎曲度，這里我設(shè)置的是40%：

這是膨脹后的圓形，也就是圓角矩形：

最后一步，我們需要點(diǎn)擊 對(duì)象 ，選擇?擴(kuò)展外觀，這樣，拖到PPT里，可以對(duì)圖形進(jìn)行任意的顏色修改：

這就是超圓角矩形的繪制方法，沒(méi)有一丁點(diǎn)難度。

三、異形圖形

這種形狀，就沒(méi)有一個(gè)固定的形式了，所以統(tǒng)稱異形，在很多網(wǎng)頁(yè)設(shè)計(jì)里會(huì)看到相關(guān)的案例。

那這種圖形是怎么繪制的呢？看起來(lái)會(huì)稍微復(fù)雜一點(diǎn)，對(duì)吧？
但其實(shí)，我們壓根不用親自動(dòng)手，就可以完成。
打開(kāi)一個(gè)網(wǎng)頁(yè)，網(wǎng)址是：https://www.blobmaker.app

在這里，你通過(guò)調(diào)整3個(gè)參數(shù)，就可以自動(dòng)生成一個(gè)異形圖形，而且還支持導(dǎo)出為svg格式，也就是形狀：

當(dāng)復(fù)雜度和對(duì)比度越高時(shí)，生成的圖形也就越復(fù)雜，反之越簡(jiǎn)單。
為了便于各位理解，我做了一個(gè)動(dòng)圖演示這個(gè)過(guò)程：

0代表數(shù)值最小，9代表最大

那使用這種圖形能干嘛呢？我在這里做了一個(gè)人物排版的案例：

那這個(gè)案例中的人物和圖形相交部分，是怎么完成的呢？我簡(jiǎn)單去分享一下操作的過(guò)程。
首先，我們需要找到一些去背的人物照片，如果沒(méi)有的話，可以借用摳圖工具來(lái)完成：

這里使用的是：https://www.remove.bg
接下來(lái)，我們把圖片和形狀重疊，形狀放在圖片底部：

但這時(shí)候我們發(fā)現(xiàn)，人物底部的部分，與形狀底部邊緣沒(méi)有完全重疊，所以，咱們需要來(lái)對(duì)人物底部的輪廓進(jìn)行處理。
在人物圖片的上方，插入一個(gè)矩形色塊。然后先來(lái)選中矩形，再選中底部的異形，進(jìn)行形狀剪除：

這時(shí)候得到的圖形就變成了這個(gè)樣子：

隨后，我們就需要來(lái)處理人物底部的輪廓：

也是一樣的操作，先選中人物，再選中底部的圖形，執(zhí)行剪除的操作：

得到邊緣比較平滑的人物圖片素材：

這時(shí)候，再把異形圖形放在人物底部即可：

這就是人物排版案例的全部操作過(guò)程，非常簡(jiǎn)單。
好了以上呢，就是3種，看似很復(fù)雜，但其實(shí)制作難度超低的PPT圖形繪制方法。我相信應(yīng)該能學(xué)會(huì)了，對(duì)嗎？
好了，以上就是這篇文章的全部?jī)?nèi)容。

原標(biāo)題:那些創(chuàng)意的PPT圖形是怎么完成的？這3個(gè)傻瓜式方法，你一定要學(xué)會(huì)！

之前，有位讀者在微信上問(wèn)我這樣一個(gè)問(wèn)題，她想知道下面這個(gè)水平面波動(dòng)上漲的動(dòng)畫，是怎么實(shí)現(xiàn)的？

不到 10 分鐘，我就用 PPT 復(fù)刻了這個(gè)動(dòng)畫，效果如下：

制作方法

其實(shí)呢，這個(gè)動(dòng)畫的原理十分簡(jiǎn)單，只需波浪形狀外加路徑動(dòng)畫即可實(shí)現(xiàn)。

什么意思？可能有些同學(xué)，還沒(méi)弄太明白。沒(méi)關(guān)系，看完下面兩張圖，你就完全搞清楚了！

這張圖是波浪形狀在 PPT 界面中初始位置：

下面這張是給形狀添加了向左上方移動(dòng)的路徑動(dòng)畫：

理解了嘛？其實(shí)就是通過(guò)波浪形狀的移動(dòng)，從而產(chǎn)生了水平面上漲的錯(cuò)覺(jué)！

可能又有些同學(xué)會(huì)問(wèn)，路徑動(dòng)畫好說(shuō)，這個(gè)波浪形狀該怎么畫??？

這就牽扯到 PPT 中的一個(gè)少有人知的形狀工具，叫做曲線。

為了讓你更容易掌握曲線工具的使用技巧，我特意錄制了一波操作動(dòng)圖。

技巧一：通過(guò)點(diǎn)擊鼠標(biāo)，確定曲線的頂點(diǎn)，雙擊結(jié)束繪制

技巧二：同側(cè)頂點(diǎn)相距越大，曲線的弧度就越平坦，反之則陡峭

技巧三：點(diǎn)擊起始頂點(diǎn)，可構(gòu)成封閉的形狀

技巧四：右鍵編輯頂點(diǎn)，可對(duì)曲線弧度二次調(diào)整

看到這兒，相信你一定學(xué)會(huì)了，波浪形狀的繪制方法。再回過(guò)頭來(lái)，看一下文章開(kāi)頭的動(dòng)畫，是不是覺(jué)得簡(jiǎn)單多了？

既然學(xué)會(huì)了曲線工具的使用方法，如果只是拿來(lái)做波浪動(dòng)畫，就顯得有些大材小用了?？紤]到這一點(diǎn)，接下來(lái)我再跟各位分享 3 個(gè)非常實(shí)用的，曲線工具應(yīng)用場(chǎng)景。

曲線工具應(yīng)用場(chǎng)景

1.繪制時(shí)間軸線

對(duì)于時(shí)間軸頁(yè)，相信大多數(shù)人還停留在，“一根直線走天下”的層面上。而使用曲線，則能夠讓版面看起來(lái)更具跳躍感，就像這樣：

作者：肖志乾

為了方便你更好理解這一點(diǎn)，這里我再多列舉幾個(gè)，曲線在時(shí)間軸頁(yè)中應(yīng)用的案例。

比如，只是使用一根曲線：

或者兩根曲線交錯(cuò)排布：

如果覺(jué)得頁(yè)面不夠豐富，那就再添一根：

當(dāng)然，除了單純的曲線，用曲線工具繪制的波浪形狀作為時(shí)間軸，效果也很不錯(cuò)。

我們還可以給形狀加上路徑動(dòng)畫，再來(lái)看下動(dòng)態(tài)效果：

是不是很贊呢？

2.表現(xiàn)某種趨勢(shì)

通過(guò)控制曲線波浪的起伏，來(lái)表現(xiàn)某種事物的發(fā)展趨勢(shì)，從而讓觀眾看起來(lái)更加的直觀，是一種很常用的頁(yè)面可視化手法！

舉一個(gè)簡(jiǎn)單的例子，比如下面這張圖，是有關(guān)于產(chǎn)品生命周期的介紹。都是文字，很難在短時(shí)間內(nèi)，看出產(chǎn)品在各個(gè)周期的具體情況。

這個(gè)時(shí)候，我們就可以根據(jù)文字內(nèi)容，繪制一條曲線來(lái)表現(xiàn)產(chǎn)品發(fā)展趨勢(shì)：

現(xiàn)在看起來(lái)，是不是清晰多了？

再來(lái)看個(gè)案例，比如小米手機(jī)的這頁(yè) PPT，利用曲線來(lái)表現(xiàn)芯片迭代的性能增幅。同時(shí)通過(guò)加大曲線的陡峭程度，來(lái)襯托最新一代芯片的性能。

同樣的，用曲線來(lái)表現(xiàn)電腦性能的增幅也是一樣的道理。

另外，用曲線來(lái)表現(xiàn)單個(gè)數(shù)據(jù)的發(fā)展趨勢(shì)也很有創(chuàng)意。因?yàn)樵谕ǔＧ闆r下，會(huì)使用三角形或者箭頭來(lái)表現(xiàn)數(shù)據(jù)的增長(zhǎng)或者是下跌：

不得不說(shuō)，這種表現(xiàn)手法太常見(jiàn)了。而使用曲線來(lái)表現(xiàn)數(shù)據(jù)的發(fā)展趨勢(shì)，則可以讓人耳目一新：

3.豐富頁(yè)面內(nèi)容

除了上面所說(shuō)的兩點(diǎn)，曲線還能夠起到豐富版面的作用，避免頁(yè)面單調(diào)。

比如下面這套騰訊云的 PPT，就通過(guò)虛實(shí)、粗細(xì)、顏色混搭的曲線，進(jìn)而達(dá)到豐富頁(yè)面內(nèi)容的目的：

再跟各位舉一個(gè)例子，這一頁(yè)想要展示下年工作目標(biāo)：

只有 4 個(gè)圈加文字，看起來(lái)很單調(diào)，對(duì)嗎？而我們加上曲線，讓 4 個(gè)圈串聯(lián)起來(lái)，頁(yè)面就會(huì)變得大不一樣：

好了，以上呢，就是有關(guān)于曲線工具的 4 個(gè)使用技巧。

最后，再給各位推薦一個(gè)曲線生成網(wǎng)站 ——?getwaves.io

該網(wǎng)站能夠隨機(jī)生成波浪圖形，支持下載 SVG 格式的矢量圖形，可直接導(dǎo)入到 PPT 中編輯。如果你不擅長(zhǎng)繪制曲線，不妨去這個(gè)網(wǎng)站試一試！

另外，再送給大家一個(gè)小福利，開(kāi)頭的波浪動(dòng)畫免費(fèi)送給你！

溫馨提示:資源內(nèi)容需要評(píng)論本文后，并刷新頁(yè)面才會(huì)顯示看哦。
如果評(píng)論刷新后依然沒(méi)有看到，您可能賬號(hào)還沒(méi)綁定郵箱導(dǎo)致，綁定一下郵箱再試。

好了，就這么多

原標(biāo)題：這個(gè)基礎(chǔ)的PPT形狀，原來(lái)還可以這么用！太有創(chuàng)意了。

本教程您將學(xué)習(xí)到以下內(nèi)容：

1. 修飾元素形狀的目的介紹
2. 修飾元素形狀的使用

返回《PPT極簡(jiǎn)術(shù)》視頻教程26講全集

本教程您將學(xué)習(xí)到以下內(nèi)容：

1. 基本幾何形狀：線形、三角形、方形、圓形
2. 簡(jiǎn)單形狀的功能

返回《PPT極簡(jiǎn)術(shù)》視頻教程26講全集

本教程您將學(xué)習(xí)到以下內(nèi)容：

1. 圖標(biāo)是什么
2. 圖標(biāo)的作用
3. 圖標(biāo)的應(yīng)用
4. 怎么找圖標(biāo)
5. 圖標(biāo)如何去選

返回《PPT極簡(jiǎn)術(shù)》視頻教程26講全集

前兩天，有位讀者私信問(wèn)我，說(shuō)下面這張圖中的立方體，用 PPT 能不能做出來(lái)？

可能有些朋友會(huì)說(shuō)，這用 PPT 形狀中的自帶的立方體就能直接繪制啊！

的確，使用 PPT 形狀中的立方體是能夠做出類似的效果，但有個(gè)很大的弊端就是，立方體三個(gè)面的顏色沒(méi)有辦法單獨(dú)修改：

那么，該如何繪制出三面可編輯的立方體呢？

別急，接下來(lái)，我就教給大家另一種方法，來(lái)繪制這些超酷的立體方體！

操作步驟

1.先在頁(yè)面中插入兩個(gè)相同大小的六邊形

2.移動(dòng)六邊形使之重疊，重疊位置如下：

3.框選兩個(gè)形狀，點(diǎn)擊合并形狀中的拆分，得到以下三個(gè)形狀：

4.再插入一個(gè)矩形，并與形狀1重疊，重疊位置如下：

5.框選兩個(gè)形狀，點(diǎn)擊合并形狀中的拆分，得到以下三個(gè)形狀：

6.最后將形狀1.1、形狀1.2、形狀2拼湊在一起即可：

7.到這一步，我們把背景換成深色，再分別調(diào)整三個(gè)形狀漸變參數(shù)，一個(gè)超酷的立方體就完成了。

我們把畫好的立方體，放在具體的實(shí)際頁(yè)面中，看下效果：

還不錯(cuò)，對(duì)吧？

如果你覺(jué)得頁(yè)面有些單調(diào)，我們可以是試著給立方體添加一些漸變的線條，來(lái)營(yíng)造一種上升的趨勢(shì)：

最后，我們還可以根據(jù)頁(yè)面內(nèi)容的邏輯關(guān)系，為立方體添加一個(gè)依次浮入的動(dòng)畫，從而讓觀眾更加容易理解：

有沒(méi)有覺(jué)得效果很贊呢？

好了，通過(guò)上面這個(gè)案例，相信你也一定掌握了立方體的畫法。

那么，問(wèn)題來(lái)了，立方體在幻燈片中該怎么用呢？

我總結(jié)了 3 個(gè)常見(jiàn)的應(yīng)用場(chǎng)景。先來(lái)說(shuō)第一個(gè)，也是我在定制時(shí)經(jīng)常會(huì)用到的一個(gè)場(chǎng)景：

作為內(nèi)容載體

對(duì)于這個(gè)概念，相信各位一定都不陌生，因?yàn)檫@是形狀最基本的作用。在遇到內(nèi)容較多的頁(yè)面時(shí)，我們會(huì)用一些矩形、或者圓形把內(nèi)容規(guī)整起來(lái)，就像這樣：

這樣做倒也未嘗不可，但問(wèn)題就在于，頁(yè)面太平淡了。

而使用立方體，作為內(nèi)容載體，就完美的解決了這個(gè)問(wèn)題，因?yàn)榱⒎襟w本身看起來(lái)就很有空間感：

除此之外，立方體還能作為一個(gè)展示臺(tái)，比如我們可以把獎(jiǎng)杯放上去：

展現(xiàn)遞進(jìn)關(guān)系

通過(guò)調(diào)整立方體的高度，來(lái)表現(xiàn)頁(yè)面內(nèi)容的遞進(jìn)關(guān)系。比如在文章一開(kāi)始所舉的案例中，立方體就起到了這樣一個(gè)作用：

如果層級(jí)較多，我們還可以縮小立方體，把頁(yè)面排成這樣：

明白了嗎？這就是立方體的第二個(gè)作用！

繪制立體圖表

與表現(xiàn)內(nèi)容遞進(jìn)關(guān)系類似，也是調(diào)整立方體的高度，然后在立方體上方添加數(shù)字，一張超酷的立柱柱狀圖表就完成了：

比如我們可以用來(lái)展現(xiàn)公司的銷量：

或者展現(xiàn)公司業(yè)務(wù)增長(zhǎng)量：

效果是不是很贊呢？

以上，就是這篇文章的全部?jī)?nèi)容啦！

在PPT所有的基礎(chǔ)形狀中，有一個(gè)形狀，使用場(chǎng)景非常廣泛，但卻很少有人提起。

那它是什么呢？很簡(jiǎn)單，就是曲線。像下面的這些頁(yè)面里，我們看到，它們所使用的都是曲線：

怎么樣？還不錯(cuò)吧？

那既然曲線很重要，但很少有人提起，所以這篇文章，咱們就來(lái)好好的聊一聊曲線的使用。

先來(lái)說(shuō)點(diǎn)基礎(chǔ)的，在PPT中，該如何去繪制曲線呢？

很簡(jiǎn)單，我們首先在形狀中找到曲線：

接下來(lái)，我們就可以來(lái)進(jìn)行曲線的繪制，為了便于大家能夠看得更加直觀，我錄了一個(gè)動(dòng)圖：

在繪制的過(guò)程中，大家要注意，當(dāng)曲線相鄰的兩個(gè)錨點(diǎn)，距離越大，那么，曲線的弧度也就越大，反之越小。

什么意思呢？給大家畫個(gè)圖示：

明白了嗎？

好了，那學(xué)會(huì)了最基礎(chǔ)的繪制，接下來(lái)，咱們就通過(guò)一些實(shí)例頁(yè)面，來(lái)看看它到底有什么用。

繪制數(shù)據(jù)圖表

當(dāng)我們想要繪制一條平滑向上的數(shù)據(jù)圖表，用來(lái)呈現(xiàn)數(shù)據(jù)增長(zhǎng)的感覺(jué)時(shí)，使用曲線是最合適的工具。

比如說(shuō)像這樣的一個(gè)案例，它就是典型的使用了曲線和漸變功能的結(jié)合：

那它是怎么完成的呢？我們一起來(lái)學(xué)習(xí)一下。

我們看到，這個(gè)案例中不僅有曲線，還有一個(gè)曲面：

那么，如何做才能夠?qū)⑵鋭?chuàng)建出來(lái)呢？可以來(lái)看一下動(dòng)圖，會(huì)更加直觀：

如果用文字來(lái)解釋的話，就是利用曲線功能，來(lái)繪制一個(gè)超出畫面尺寸的曲面，就像這樣：?

如此一來(lái)，在演示放映的時(shí)候，觀眾就會(huì)只看到一個(gè)平滑上升的曲面。接下來(lái)，我們只需要分別去設(shè)置形狀填充和輪廓的漸變色即可：

怕你不知道怎么設(shè)置，附上具體的參數(shù)：

這個(gè)教程夠詳細(xì)了吧？

繪制異形形狀

PPT中自帶的形狀往往都是方方正正的，缺少一些靈動(dòng)園潤(rùn)的感覺(jué)，如果經(jīng)常使用，難免會(huì)有些呆板。但如果我們能使用一些曲線形狀，也許會(huì)讓人眼前一亮。就像這樣：

那這些形狀是怎么繪制出來(lái)的呢？具體方法跟上面的一樣，無(wú)非只是多拐了幾個(gè)彎兒而已。

假如說(shuō)咱們就拿上面這個(gè)頁(yè)面為例，來(lái)具體地演示一下，我依舊錄了一個(gè)動(dòng)圖：

依舊是當(dāng)我們繪制完成圖形之后，再基于整體的視覺(jué)風(fēng)格，給它添加顏色即可：

怎么樣？是不是又學(xué)到一招？

繪制時(shí)間軸

我們知道，大多數(shù)的時(shí)間軸都會(huì)通過(guò)繪制一條直線來(lái)完成，然后在相應(yīng)的節(jié)點(diǎn)添加上相應(yīng)的事件。就像這樣：

但是你是否想過(guò)？如果我們學(xué)會(huì)了曲線，其實(shí)可以把時(shí)間軸做成這樣：

是不是更有創(chuàng)意呢？好了，問(wèn)題來(lái)了，這個(gè)時(shí)間軸是怎么完成的呢？

如果你看完了前面案例的動(dòng)圖，相信你會(huì)覺(jué)得這個(gè)案例很容易完成，對(duì)嗎？不過(guò)，照顧到有一些基礎(chǔ)不太好的讀者，我還是給大家錄了一個(gè)動(dòng)圖：

看明白了嗎？這是最終繪制的曲線時(shí)間軸：

接下來(lái)，我們需要做的，無(wú)非就是把這些時(shí)間節(jié)點(diǎn)，填在繪制好的時(shí)間軸上就可以了，在這里，我就不具體放了。

好了，上面呢，通過(guò)三個(gè)具體的實(shí)例教程，來(lái)跟大家講解了曲線是怎么繪制的，以及它都有哪些應(yīng)用場(chǎng)景？

希望對(duì)各位有幫助。

在制作PPT時(shí)，小圖標(biāo)的使用，可以說(shuō)是必不可少。因?yàn)樗梢杂米詈?jiǎn)練的形式，來(lái)呈現(xiàn)出最形象的含義。

比如咱們來(lái)看幾個(gè)案例，像這個(gè)：

還有像這些：

用在頁(yè)面上，可以非常形象地傳遞出文案含義。

不過(guò)，雖然很多人都用過(guò)小圖標(biāo)，但是，不得不說(shuō)，很多人的使用方式，可能存在一定的誤區(qū)，導(dǎo)致沒(méi)有很好的發(fā)揮出圖標(biāo)的真正價(jià)值。

但你知道嗎？其實(shí)在PPT中用好圖標(biāo)，只需要遵循兩個(gè)原則即可。

哪兩個(gè)呢？分別是： 一致性和形象化。

看起來(lái)感覺(jué)很簡(jiǎn)單，對(duì)嗎？但其實(shí)很多人都很難做到這兩點(diǎn)。接下來(lái)挨個(gè)的去說(shuō)一下。

首先是一致性

這是圖標(biāo)使用最基礎(chǔ)的一個(gè)點(diǎn)，而要想把這一點(diǎn)搞清楚，咱們就需要先來(lái)簡(jiǎn)單的了解一下圖標(biāo)的類型。

都有哪些類型呢？基于圖標(biāo)的形態(tài)不同，大概可以分為這么幾種：

線型圖標(biāo)

聽(tīng)名字就知道，圖標(biāo)是由線條構(gòu)成的，可能是粗線條，也可能是細(xì)線條，不過(guò)，通稱這一類。

面型圖標(biāo)

不用多說(shuō)了吧，圖標(biāo)是由色塊構(gòu)成的。

立體圖標(biāo)

這里可能包含半立體，就像下面這些，也可能是擬物化圖標(biāo)等。

而在PPT中，如果我們想要做到一致性，其實(shí)很簡(jiǎn)單，只使用一種風(fēng)格類型就可以了。

什么意思呢？咱們先來(lái)看一個(gè)反例：

這就是沒(méi)有遵循圖標(biāo)一致性的原則所做出來(lái)的PPT頁(yè)面，很亂吧？各種風(fēng)格的圖標(biāo)混雜在一起。

而如果我們把它改成這樣呢？是不是好很多呢？

這是咱們需要遵循的第一個(gè)原則，明白了，對(duì)嗎？

第二個(gè)是形象化

我知道，對(duì)于我們很多人來(lái)講，使用的圖標(biāo)都是在網(wǎng)上下載的，雖然這種方式很方便，但往往也會(huì)造成表達(dá)含義不清晰的問(wèn)題。

什么意思呢？比如像這個(gè)圖標(biāo)，大家覺(jué)得它在表達(dá)什么含義呢？社交，對(duì)不對(duì)？

那如果我們現(xiàn)在在做一份 PPT ，想要表達(dá)的是移動(dòng)社交，或者是群聊呢？上面的圖標(biāo)很難精準(zhǔn)地將其體現(xiàn)出來(lái)。

所以，我們就需要對(duì)圖標(biāo)進(jìn)行組合，做成這樣：

那么，這時(shí)候，它所表達(dá)的含義，是不是更加形象一點(diǎn)呢？相信毫無(wú)疑問(wèn)，對(duì)嗎？

那么，問(wèn)題來(lái)了，如果才能獲取這樣的圖標(biāo)呢？?jī)蓚€(gè)方法。

先來(lái)說(shuō)個(gè)簡(jiǎn)單的方法：圖標(biāo)組合法

如果我們想要讓圖標(biāo)能夠更加精準(zhǔn)地表達(dá)某個(gè)含義，那么，我們就需要，把多個(gè)圖標(biāo)組合在一起，讓圖標(biāo)變得更具個(gè)性化。

啥意思呢？該怎么對(duì)圖標(biāo)組合呢？分享兩個(gè)常用的小方法。

把圖標(biāo)放在右下角

大家可以看到下面幾個(gè)我做的案例，左側(cè)是組合模板，右側(cè)是實(shí)際案例。

當(dāng)我們把圖標(biāo)組合后，因?yàn)橛辛硕鄠€(gè)圖標(biāo)組合，所以，它的含義會(huì)更加精準(zhǔn)。

比如像下面這個(gè)，它表達(dá)的，就是貨物已由快遞發(fā)出：

再比如像下面這個(gè)，什么意思呢？WIFI已加密，對(duì)嗎？

還有像下面這個(gè)，不用我解釋了吧？手機(jī)購(gòu)物，對(duì)不對(duì)？

把圖標(biāo)放在內(nèi)部

這也是一個(gè)可以讓圖標(biāo)含義變得更加精準(zhǔn)的方法，給大家看下模板及案例：

像這一個(gè)，表達(dá)什么意思呢？是不是電腦上觀看視頻？

還有這一個(gè)，它表達(dá)的是什么呢？在線版的 PDF轉(zhuǎn)WORD ，對(duì)嗎？

明白了嗎？如果我們?cè)俳Y(jié)合前面講到的『一致性』這一點(diǎn)，比如咱們可以對(duì)圖標(biāo)進(jìn)行局部改色，這樣，整體的風(fēng)格是不是更加一致呢？

再來(lái)說(shuō)個(gè)更簡(jiǎn)單的方法，直接在網(wǎng)站下載

給大家推薦一個(gè)組合圖標(biāo)網(wǎng)站，叫做FLaticon，是國(guó)外的，國(guó)內(nèi)也可以登錄。

在這個(gè)網(wǎng)站里，有很多的組合型圖標(biāo)，大家可以免費(fèi)下載：

不過(guò)，它的問(wèn)題在于，每天有下載次數(shù)的限制，所以，解決這個(gè)問(wèn)題最好的方法，還是學(xué)會(huì)第一種，圖標(biāo)組合法。

好了，關(guān)于圖標(biāo)的使用呢，我要說(shuō)的就這么多，有疑問(wèn)的地方，可以留言向我提問(wèn)。

最后，建議大家可以按照我的方法，嘗試去畫一些圖標(biāo)，真的挺好玩的，你也會(huì)很有成就感。

在PPT制作中，我相信，圖標(biāo)的使用在所難免。尤其是對(duì)于列表型的內(nèi)容而言，使用圖標(biāo)，可以讓頁(yè)面的視覺(jué)風(fēng)格變得不那么單調(diào)。

就像這樣：

而且，因?yàn)閳D標(biāo)是極具抽象化的圖形形式，所以，也能夠很直觀地表現(xiàn)出文案所要表達(dá)的含義：

在之前，給大家推薦過(guò)一個(gè)特別好用的圖標(biāo)網(wǎng)站，叫做阿里巴巴圖標(biāo)素材庫(kù)。里面有很多的扁平化圖標(biāo)元素，都可以免費(fèi)下載：

但一些讀者反饋，除了這個(gè)扁平化圖標(biāo)網(wǎng)站之外，還有沒(méi)有其他風(fēng)格的圖標(biāo)網(wǎng)站，值得推薦呢？

在這里，給大家分享一些最近兩年收集的圖標(biāo)網(wǎng)站，數(shù)量雖然不多，但都是精品。

gallery.manypixels.co 

這是一個(gè)偏三維立體感的圖標(biāo)網(wǎng)站，里面有很多的圖標(biāo)插畫，對(duì)于這類的圖標(biāo)，我們不僅可以當(dāng)作頁(yè)面的視覺(jué)元素，還可以很好地詮釋文案含義。

當(dāng)然，比較驚喜的一點(diǎn)在于，我們還可以在線任意地對(duì)圖標(biāo)更改顏色：

下載的圖標(biāo)格式為svg，隨便放大，也不會(huì)變得模糊：

undraw.co 

跟上一個(gè)網(wǎng)站提供的圖標(biāo)類似，但區(qū)別在于，它提供的是扁平化圖標(biāo)：

而且，也可以自由地更改圖標(biāo)的顏色：

 iconstore.co 

這個(gè)網(wǎng)站的特點(diǎn)在于提供了非常多風(fēng)格統(tǒng)一的組圖，數(shù)量多，且質(zhì)量非常高：

比如我們隨便打開(kāi)一組圖標(biāo)，就可以看到，風(fēng)格超級(jí)統(tǒng)一：

而且還有一點(diǎn)很贊的事，如果你下載了它的圖標(biāo)軟件，還可以自由地更改圖標(biāo)的粗細(xì)和顏色：

 simpleicons.org 

這是一個(gè)按顏色，對(duì)品牌logo進(jìn)行分類的一個(gè)網(wǎng)站，我們可以在這個(gè)頁(yè)面上，下載很多企業(yè)logo的素材：

如果你不想按顏色查找圖標(biāo)，你還可以按照l(shuí)ogo的首字母進(jìn)行排序查找：

stockio.com 

這是一個(gè)提供很多類型素材的一個(gè)網(wǎng)站，有照片，有圖標(biāo)，還有字體等：

它的特點(diǎn)在于，數(shù)量非常豐富，而且，很贊的一點(diǎn)在于，當(dāng)我們找到了一個(gè)特定風(fēng)格的圖標(biāo)時(shí)，還會(huì)匹配很多相同風(fēng)格的圖標(biāo)：

以上，就是5個(gè)很精致的圖片網(wǎng)站，用在PPT設(shè)計(jì)中，對(duì)于圖形可視化而已，會(huì)非常有幫助。

今天接受一家媒體采訪，耽誤了一些時(shí)間，導(dǎo)致文章寫晚了，大家理解一下哈。

如果你能認(rèn)真的閱讀這篇文章，那么，我相信，你會(huì)開(kāi)啟一個(gè)全新的PPT設(shè)計(jì)大世界，做出就像這樣的幻燈片：

看起來(lái)很酷，對(duì)嗎？

其實(shí)，你知道嗎？完成這一切并不難，很多時(shí)候，可能我們只需轉(zhuǎn)變一下思路，將文字或者圖標(biāo)底部的形狀樣式進(jìn)行更換，就可以做到。而且，在很多高級(jí)的PPT定制設(shè)計(jì)中，也經(jīng)常會(huì)用到這樣的手法。

什么意思呢？通過(guò)一個(gè)案例對(duì)比，方便各位理解。

比如我們看到下面這個(gè)頁(yè)面，為了凸顯文字內(nèi)容，我們?cè)诘撞刻砑恿艘粋€(gè)圓形，視覺(jué)效果還可以，對(duì)嗎？

但如果我們將其更換為一個(gè)盾牌呢？是不是更加形象呢？

那么，這是怎么做的呢？其實(shí)可以分為3種方法，接下來(lái)咱們一一來(lái)說(shuō)。

01元素替代法

是指用一些更形象的素材，替代常規(guī)的形狀，使其更加具有可視化效果。上面的對(duì)比案例，采用的就是這種設(shè)計(jì)思維。

再舉個(gè)例子，比如現(xiàn)在很多公司需要舉辦年會(huì)，可能要表彰部分員工，與其將獲獎(jiǎng)?wù)叩男彰麑懺谝粋€(gè)圓形上：

如果我們換個(gè)思路，將其放在一個(gè)麥穗中，是不是更好呢？

同樣地，如果我們?cè)谥谱?PPT 時(shí)，如果需要在頁(yè)面上放上公司獲獎(jiǎng)信息，是不是可以采用同樣的方式進(jìn)行呈現(xiàn)呢？

我想，答案是毫無(wú)疑問(wèn)的。

這里用到的麥穗，是一些 png 格式的圖片素材，通常在網(wǎng)站上進(jìn)行下載，無(wú)需親手制作。

我經(jīng)常去的千庫(kù)網(wǎng)：

或者是覓元素：

再比如，當(dāng)我們需要介紹一個(gè)產(chǎn)品時(shí)，與其添加上丑丑的圓形色塊：

不如去找一個(gè)更加契合設(shè)計(jì)風(fēng)格的素材作為襯底：

當(dāng)然，除了使用圖片替換外，咱們也可以利用一些圖標(biāo)形狀進(jìn)行設(shè)計(jì)。

再舉個(gè)例子，比如我們?yōu)榱私榻B云產(chǎn)品，可以把形狀換位云朵：

或者是用對(duì)話氣泡，更換圓形：

有一點(diǎn)需要提醒的是，元素的選擇要與PPT內(nèi)容風(fēng)格相契合。

02圖片替代法

為了能夠讓文字呈現(xiàn)效果更加具有場(chǎng)景感，我們可以選擇一些合適的圖片，將文字寫在上面，這也是一個(gè)創(chuàng)意的方向。

簡(jiǎn)單舉幾個(gè)例子，方便你更好的理解這個(gè)方法。

比如說(shuō)之前我曾做過(guò)一個(gè)健身相關(guān)的圖片，把一些數(shù)據(jù)寫在了人物胸前：

再比如，很多手機(jī)廠商，為了體現(xiàn) CPU 芯片性能或者型號(hào)，會(huì)在芯片上添加一些內(nèi)容，但真正的芯片，怎么可能會(huì)有這些文字呢？

再比如，咱們繼續(xù)開(kāi)腦洞，假定我們有一款產(chǎn)品，為了介紹其意義，可以寫在產(chǎn)品上面：

或者是在介紹產(chǎn)品性能時(shí)，也可以采取同樣的方法：

這里的關(guān)鍵點(diǎn)在于，要確保圖片有部分空白的區(qū)域，可以正好添加文字內(nèi)容。

03筆刷替代法

作為襯底，使用筆刷來(lái)替代形狀，也可以讓頁(yè)面的版式變得更具創(chuàng)意。

通常來(lái)說(shuō)，什么時(shí)候會(huì)用到筆刷呢？大概有這么幾個(gè)場(chǎng)景。

比如在在封面設(shè)計(jì)中：

或者是在人物/產(chǎn)品介紹中：

其實(shí)，制作難度很低，無(wú)非就是在網(wǎng)上找一個(gè)筆刷素材，然后將其放在人物底部即可：

當(dāng)然，在頁(yè)面上用作小標(biāo)題，也可以：

明白了嗎？很多時(shí)候當(dāng)我們?cè)谠O(shè)計(jì)PPT的時(shí)候，如果能夠發(fā)揮一些創(chuàng)意，加入一些巧思，也許就能夠讓呈現(xiàn)效果更具吸引力。

以上，希望對(duì)你有所啟發(fā)。

另外，要向各位說(shuō)聲抱歉，昨天推薦的網(wǎng)站，還有之前推薦的譯學(xué)館，不少讀者反饋不能登陸，其實(shí)不是的，應(yīng)該是網(wǎng)站短時(shí)間流量激增，導(dǎo)致崩潰了，過(guò)兩天就好了。

都是我的鍋。

對(duì)于任意一份 PPT 而言，如果非要選出一個(gè)不可缺少的視覺(jué)元素，那么，我相信圖標(biāo)絕對(duì)能夠算作其一。

作為一種高度精煉的視覺(jué)符號(hào)，在 PPT 設(shè)計(jì)中，圖標(biāo)，可以說(shuō)是發(fā)揮了非常重要的作用。但是，很多人對(duì)于圖標(biāo)的使用方法，依舊只是停留在輔助文案說(shuō)明的層面，就像這樣：

這無(wú)疑是小看了圖標(biāo)的作用。

因此，這篇文章就從3個(gè)方面，來(lái)跟各位聊聊，如何才能用好圖標(biāo)。

豐富頁(yè)面背景

當(dāng)我們?cè)诠舛d禿的純色背景上寫字時(shí)，難免會(huì)覺(jué)得有些單調(diào)。這時(shí)候，如果能夠有一些圖標(biāo)的填入，則能夠很好地解決這一問(wèn)題。

而且，因?yàn)橛辛诉@些象形化的圖標(biāo)存在，也能夠在一定程度上，強(qiáng)化文案的內(nèi)容含義。

通常來(lái)說(shuō)，我們可以這樣使用：

1. 制作圖標(biāo)背景紋理

將圖標(biāo)均勻地填充在背景中，即可制作出一張圖標(biāo)紋理的背景。

比如下方麥當(dāng)勞的 PPT 頁(yè)面設(shè)計(jì)：

看起來(lái)很復(fù)雜，對(duì)嗎？但是，其實(shí)制作這種背景很簡(jiǎn)單，我們只需要一個(gè)工具即可：

http://bgpatterns.com/

我們只需要上傳幾個(gè)圖標(biāo)，并且簡(jiǎn)單地排列，這個(gè)網(wǎng)站會(huì)幫你延申出一張無(wú)限寬度的背景墻：

寫上文字即可做出一頁(yè)視覺(jué)豐富的 PPT ：

2. 將圖標(biāo)作為設(shè)計(jì)元素

將圖標(biāo)單獨(dú)放在頁(yè)面上，不僅可以平衡頁(yè)面版式，也能起到可視化的作用。

簡(jiǎn)單舉個(gè)例子來(lái)說(shuō)明一下：

作為頁(yè)面信息載體

這是一種少見(jiàn)的玩法兒。我們可以將圖標(biāo)，作為承載文案內(nèi)容的容器，放置于內(nèi)容底部。這樣，就能也能夠起到文案視覺(jué)化的效果。

在這里給各位舉幾個(gè)例子。

如圖，當(dāng)我們制作 PPT 時(shí)，為了能夠讓文字內(nèi)容清晰可辨，我們常用的做法，就是添加一個(gè)圓形的襯底：

但是，如果現(xiàn)在我們換一個(gè)襯底圖形呢？是不是更貼合文案含義呢？

當(dāng)然，這種設(shè)計(jì)思路在很多作品中都適用。

比如用在保險(xiǎn)行業(yè)的 PPT 中：

或者是用時(shí)鐘：

使用云朵來(lái)表現(xiàn)云的概念：

表現(xiàn)文案視覺(jué)含義

圖標(biāo)本身是一種很精煉的視覺(jué)元素，用它來(lái)豐富頁(yè)面的視覺(jué)效果，可以說(shuō)是療效顯著。

在這里，我為各位提供幾種思路，可以參考：

制作藝術(shù)化文字

我們可以用圖標(biāo)來(lái)替換文字中的部分筆畫，以此，將圖標(biāo)和文字相結(jié)合，來(lái)起到視覺(jué)化的作用。

比如說(shuō)我將時(shí)鐘圖標(biāo)與時(shí)間二字相結(jié)合，可以做成這樣的文字：

將電話和聊天對(duì)話框圖標(biāo)結(jié)合：

將子彈和子彈短信相結(jié)合：

當(dāng)然，再來(lái)分享幾個(gè)，我認(rèn)為很贊的 PPT 實(shí)例：

解釋文案內(nèi)容含義

這應(yīng)該算是最常見(jiàn)的一種用法了，就是在文字周圍，添加一些圖標(biāo)元素，對(duì)文案進(jìn)行輔助說(shuō)明。

比如用地標(biāo)建筑的圖標(biāo)來(lái)指代相關(guān)城市：

用象形圖標(biāo)來(lái)表現(xiàn)文案含義：

還有像這些：

作為頁(yè)面修飾點(diǎn)綴

這是一種比較新的玩法兒，通過(guò)在頁(yè)面上散亂地?cái)[放一些小圖標(biāo)，不僅豐富了頁(yè)面背景，也能夠達(dá)到視覺(jué)化的目的。

比如說(shuō)下面兩個(gè)很典型的案例：

對(duì)于這類圖標(biāo)的排版設(shè)計(jì)，貴在一個(gè)字，就是不規(guī)則。另外，圖標(biāo)有大有小，有虛有實(shí)，能體現(xiàn)出層級(jí)關(guān)系最好：

以上，就是圖標(biāo)在 PPT 設(shè)計(jì)中的一些使用方法，最后，再補(bǔ)充兩個(gè)小點(diǎn)：

去哪找圖標(biāo)？

阿里巴巴圖標(biāo)素材庫(kù)

如何改變圖標(biāo)顏色？

建議下載SVG格式，這樣就可以自由填充任意顏色。

好了，就這么多，我要去喂貓了，明天見(jiàn)。

形狀應(yīng)該算是 PPT 制作中，最常用的功能之一。

在 PPT 小白的眼中，這些千奇百怪的形狀，就是被拿來(lái)畫圓，畫三角形，或者是畫五角星。

但是，在 PPT 達(dá)人的手里，它們卻是進(jìn)行視覺(jué)設(shè)計(jì)時(shí)的利器。那么，如何才能玩轉(zhuǎn)形狀，發(fā)揮其更大的價(jià)值？這篇文章就來(lái)跟各位聊聊這個(gè)點(diǎn)。

提前聲明，鑒于形狀功能過(guò)于強(qiáng)大，且種類豐富，一篇文章很難說(shuō)完，所以，這篇文章，就先來(lái)跟各位聊聊 圓形 的玩法兒。

在 PPT 設(shè)計(jì)中，圓形的用法，基本上可以歸結(jié)為這么幾個(gè)點(diǎn)：

規(guī)整頁(yè)面元素

避免視覺(jué)雜亂

在 PPT 制作中，經(jīng)常會(huì)用到形狀各異的圖標(biāo)，或者是遇到長(zhǎng)短不同的文段，那么，使用圓形作為一個(gè)容器，將這些內(nèi)容填入其中，可以在很大程度上，保證頁(yè)面視覺(jué)效果上的規(guī)整。

比如說(shuō)，為3段文字分別添加一個(gè)統(tǒng)一尺寸的圓形色塊，來(lái)使得內(nèi)容更加規(guī)整：

也可以為每個(gè)小圖標(biāo)添加一個(gè)統(tǒng)一的襯底：

或者是使用半圓來(lái)規(guī)整內(nèi)容：

也可以使用圓形進(jìn)行文字內(nèi)容的規(guī)則：

都能起到類似的效果，它們的作用都一樣，就是把不規(guī)則的圖形，變得具有統(tǒng)一的規(guī)則。

作為頁(yè)面修飾物

避免頁(yè)面單調(diào)

為了避免頁(yè)面單調(diào)，使用圓形作為頁(yè)面的點(diǎn)綴物，能夠起到非常好的效果。關(guān)于添加頁(yè)面修飾，這里有幾個(gè)不同的思路。

1. 在頁(yè)面背景上添加圓形，用來(lái)豐富背景

要注意圓形大小和虛實(shí)的變化，要有層次的感覺(jué)

大家注意圓形的尺寸和透明度的變化：

來(lái)自濤說(shuō)PPT

大家注意線條間距和粗細(xì)的變化：

2. 在頁(yè)面的周圍，添加圓形作為點(diǎn)綴

要注意不要產(chǎn)生雜亂感，干擾內(nèi)容展示。

比如在頁(yè)面四周添加一些半透明圓形，從而作為氣氛元素，來(lái)點(diǎn)綴頁(yè)面：

而且，不僅是 PPT 設(shè)計(jì)，在很多平面設(shè)計(jì)類型中，都會(huì)采用到圓形，作為頁(yè)面的點(diǎn)綴。

簡(jiǎn)單舉個(gè)例子，大家參考下：

作為邏輯圖形

進(jìn)行內(nèi)容可視化

當(dāng)我們想要把內(nèi)容進(jìn)行可視化處理，尤其是進(jìn)行總分關(guān)系的邏輯可視化處理時(shí)，圓形和圓圈的搭配，簡(jiǎn)直是萬(wàn)能。

比如下面這張 PPT 的圖形可視化樣式：

來(lái)自濤說(shuō)PPT

當(dāng)然，做出這樣的圖形也非常簡(jiǎn)單。

只需要通過(guò)繪制大小，粗細(xì)以及透明度各不相同的圓圈，將內(nèi)容放在不同的圈層上，就可以做出很好的內(nèi)容邏輯關(guān)系圖示。

比如下面這兩個(gè)案例，就是利用不同透明度，不同粗細(xì)線條搭配做出的效果：

當(dāng)然，除了總分關(guān)系外，也可以考慮表達(dá)遞進(jìn)關(guān)系：

采用不同色塊

進(jìn)行層級(jí)區(qū)分

為了能夠區(qū)分視覺(jué)上的重點(diǎn)，我們可以為文字添加不同的襯底，從而達(dá)到不同的凸顯效果。

當(dāng)我們?cè)谝欢挝淖值撞刻砑右r底時(shí)，可以起到明顯的強(qiáng)調(diào)作用：

當(dāng)然，如果需要為多端文字添加襯底，可以從色彩上做出區(qū)分：

當(dāng)然，也可以考慮從實(shí)心和空心上作文章：

繪制數(shù)據(jù)圖表

進(jìn)行數(shù)據(jù)可視化

通過(guò)改變圓形面積的大小，進(jìn)行可視化的區(qū)分，用來(lái)表現(xiàn)數(shù)據(jù)量的大小，也是一種很好用的方法。

比如將折線圖和圓形結(jié)合，我們可以做出這樣的圖表：

將不同尺寸的圓形和圖標(biāo)結(jié)合起來(lái)，可以做成這樣的頁(yè)面：

即便是在圓形內(nèi)，我們也可以做出這樣的圖表：

以上，就是圓形在 PPT 中的使用方法，當(dāng)然，我相信，創(chuàng)意自在人為，不同的人會(huì)有不同的玩法兒，如果你能夠大開(kāi)腦洞，我相信，你也能夠成為創(chuàng)意達(dá)人。

好了，接下來(lái)的文章中，你想了解哪一種形狀的用法？留個(gè)言告訴我吧。

在幻燈片設(shè)計(jì)中，我們經(jīng)常會(huì)使用到圖標(biāo)。對(duì)于圖標(biāo)而言，無(wú)非兩個(gè)作用，其一是視覺(jué)化表達(dá)，其二是調(diào)節(jié)觀眾情緒。

因此，今天我們就來(lái)好好地講一講，如何才能讓 PPT 中的圖標(biāo)更有設(shè)計(jì)感。

圖標(biāo)的美化主要有 2 個(gè)方向，要么是對(duì)圖標(biāo)本身動(dòng)手，要么改變圖標(biāo)周圍的環(huán)境，接下來(lái)我們就按照這 2 個(gè)大方向來(lái)詳細(xì)分析。

01

對(duì)圖標(biāo)本身動(dòng)手

（1）圖標(biāo)的上色（純色 / 漸變）

這是最為普通、簡(jiǎn)單的美化手法，但是因?yàn)橛玫娜吮容^多，所以觀眾都審美疲勞了；如果你的基礎(chǔ)比較差，用這種方法最為保守，但是保守的東西很難驚艷。

（2）圖標(biāo)取消組合后，局部上色

大家注意看上面這張幻燈片的圖標(biāo)部分，有純白的，也有半透明的，這就是局部上色；這么做不僅可以增加設(shè)計(jì)感，還可以讓重點(diǎn)更突出。

如果你使用的是 Office 365，你就可以用微軟為你精挑細(xì)選的圖標(biāo)，取消組合后就可以自由上色了。當(dāng)然了，這還要取決于你選擇的圖標(biāo)，最好是有多個(gè)部分組成的，這樣取消組合后才有子模塊。

（3）圖標(biāo)半透明充當(dāng)背景

上面這張幻燈片的圖標(biāo)就是半透明充當(dāng)了背景，絲毫不減少頁(yè)面的生動(dòng)，而且彌補(bǔ)了色塊的空白區(qū)域。

圖標(biāo)充當(dāng)背景既可以完全顯示整個(gè)圖標(biāo)，也可以裁剪該圖標(biāo)的局部區(qū)域，比如上圖就是只顯示圖標(biāo)的局部區(qū)域。

（4）圖標(biāo)與圖片的布爾運(yùn)算

上面這張幻燈片左邊是微軟的 LOGO，LOGO 其實(shí)就是代表企業(yè)的圖標(biāo)，將圖標(biāo)和圖片做布爾運(yùn)算不僅保留了圖標(biāo)的直觀性，還平添了圖片的沖擊力。

（5）給圖標(biāo)加“陰影”

這里的“陰影”不僅僅是指直接給圖標(biāo)加 PPT 自帶的陰影，還可以像上面這張幻燈片那樣，復(fù)制同樣的圖標(biāo)然后柔滑邊緣、提高透明度。

（6）給圖標(biāo)加光澤

上面這頁(yè)幻燈片中，左邊的圖標(biāo)是普通的純色填充，右邊的圖標(biāo)則添加了光澤，更有立體感了。

（7）三維旋轉(zhuǎn)

圖標(biāo)的三維旋轉(zhuǎn)，我經(jīng)常會(huì)用在科技風(fēng)的幻燈片中。記得先把圖標(biāo)和形狀組合后再設(shè)置三維旋轉(zhuǎn)。

（8）層疊 + 旋轉(zhuǎn)

這種通過(guò)旋轉(zhuǎn) + 透明度所做成的效果很有節(jié)奏感，制作也比較簡(jiǎn)單，復(fù)制圖標(biāo) + 設(shè)置透明度，最后記得調(diào)整圖標(biāo)的層級(jí)。

02

對(duì)圖標(biāo)周圍的環(huán)境動(dòng)手

（1）形狀墊底

比如上面這張幻燈片的右側(cè)，圖標(biāo)下面都是色塊，這也是我們最常見(jiàn)的，制作比較簡(jiǎn)單，如果色塊的形狀選擇和顏色選擇比較好，做出來(lái)還是不錯(cuò)的。

（2）圖標(biāo)底部小點(diǎn)綴

這種其實(shí)也是形狀墊底的一種，但是墊底的形狀只是在圖標(biāo)的邊角出現(xiàn)，起到的主要是點(diǎn)綴的作用。這種做法需要特別注意圖標(biāo)的顏色選擇。

（3）圖標(biāo)四周小點(diǎn)綴

這種做法比較少見(jiàn)，需要設(shè)計(jì)師對(duì)于細(xì)節(jié)的極致追求。一般裝飾在圖標(biāo)四周的形狀多為線條，原因是如果用大面積的色塊會(huì)轉(zhuǎn)移觀眾的注意力。

（4）圖標(biāo)與文字的結(jié)合

這是最有難度的一種設(shè)計(jì)手法了，需要你深度理解文案，還要對(duì)圖標(biāo)的選擇很講究；當(dāng)然，最有難度的東西一旦成功了就是驚艷！

最后我們來(lái)總結(jié)一下：

好了，就這么多。

文 | 利兄

在PPT中，時(shí)間軸是非常重要的一個(gè)版塊，很多PPT都會(huì)用它來(lái)表達(dá)企業(yè)的發(fā)展歷程和項(xiàng)目進(jìn)度。

我們通常所見(jiàn)到的時(shí)間軸大部分都是以點(diǎn)線為核心進(jìn)行制作的，因?yàn)辄c(diǎn)，正好可以代表時(shí)間節(jié)點(diǎn)，線可以代表時(shí)間區(qū)間。

比如下面這個(gè)個(gè)人發(fā)展時(shí)間軸，就很好的展現(xiàn)出了個(gè)人發(fā)展的六個(gè)階段。

這樣的PPT，看上去雖然還不錯(cuò)，但總是感覺(jué)太“規(guī)矩”了，缺少一些變化和創(chuàng)意。

那么如何才能讓我們的時(shí)間軸看上去更有創(chuàng)意呢？

這里的關(guān)鍵在于變化，在于突破常規(guī)的思路，只要你做的PPT目錄和90%的人做的都不太一樣，是不是就顯得很有新意。

我們不妨一步一步的來(lái)，據(jù)我觀察，PPT時(shí)間軸大概可以分為這三類。

第一類，以點(diǎn)和線為核心，但是為了讓PPT更精致，我們做出了一些小小的改變。

比如，我們?cè)跁r(shí)間軸上加入了圖標(biāo)，讓PPT看起來(lái)更形象。

比如，我們將原本的直線，改用更有動(dòng)感的曲線。

第二類，放棄傳統(tǒng)的點(diǎn)線模式，代之以大面積的色塊。在這里，色塊既代表時(shí)間點(diǎn)，又代表時(shí)間區(qū)間。

我們還可以用箭頭來(lái)替代線條，用箭頭和色塊的組合來(lái)表示時(shí)間軸。

第三類，用圖片中的“關(guān)聯(lián)元素”來(lái)充當(dāng)時(shí)間軸

前兩類雖然比起傳統(tǒng)的點(diǎn)線模式，有了一些變化。但是從根本上說(shuō)，其實(shí)沒(méi)有跳脫出傳統(tǒng)的“點(diǎn)線面”等形狀。

創(chuàng)意的關(guān)鍵，通過(guò)類比和關(guān)聯(lián)的方式，找到事物之間的關(guān)系，用圖片中的元素來(lái)充當(dāng)時(shí)間軸，以取代傳統(tǒng)的“點(diǎn)線”形狀。

比如，我們用毛筆來(lái)充當(dāng)時(shí)間軸，表示，這一路走來(lái)，我通過(guò)寫作，獲得了快速發(fā)展。

這一類的圖片有很多，比如之前，我為客戶做的一份PPT中就用了長(zhǎng)城表示時(shí)間軸，城墻的走勢(shì)正好可以表示時(shí)間的發(fā)展曲線。

由于客戶信息不能泄露，所以這里我把客戶信息換成自己的了。

這一類的圖片還有很多，你細(xì)心一點(diǎn)就會(huì)發(fā)現(xiàn)。

比如地球，他的輪廓不就是線條嗎，是不是就可以拿來(lái)充當(dāng)時(shí)間線。

比如山脈，它的走勢(shì)，是不是也是線條，也可以充當(dāng)時(shí)間軸。

比如橋梁，它看上去，也是一條直線。

比如一面城墻，這些都是非常好的時(shí)間軸。

做這類PPT，最關(guān)鍵的在于突破常規(guī)的思維方式，通過(guò)類比與聯(lián)想，讓我們的幻燈片更有創(chuàng)意，更與眾不同。

最后總結(jié)一下：

要想時(shí)間軸有創(chuàng)意，方法有三個(gè)：

1、加入圖標(biāo)，改直線為曲線，讓PPT看起更精致。

2、用大面積的色塊取代傳統(tǒng)的點(diǎn)線

3、用圖片中的“關(guān)聯(lián)元素”來(lái)充當(dāng)時(shí)間軸

就這樣了，喜歡記得轉(zhuǎn)發(fā)哦！

以上

課件制作：姚利（旁門左道讀者）

課件配文：邵云蛟

如何做好一套幻燈片？

相信每一個(gè)人都有自己的答案，可能你會(huì)說(shuō)，不要用宋體；也可能會(huì)說(shuō)，配圖要高清；當(dāng)然，還有人可能會(huì)說(shuō)，排版要對(duì)齊......

等等，上面這些答案，都是正確的，但如果僅知道這些零散的方面，可能，你依舊做不出一套優(yōu)秀的幻燈片。

為什么？

因?yàn)樽龊靡惶谆脽羝?，是一個(gè)系統(tǒng)工程，歸結(jié)起來(lái)，大致可以分為內(nèi)容處理以及視覺(jué)處理，兩者同等重要。鑒于很多人知道如何處理內(nèi)容，而不知道如何以更好的形式來(lái)展現(xiàn)內(nèi)容，所以，今天來(lái)跟各位談?wù)?，如何?yōu)化 PPT 內(nèi)容的視覺(jué)表現(xiàn)力。

這篇文章主要分為8個(gè)方面，分別是：

先來(lái)說(shuō)說(shuō)第一部分，文字的處理。

在為文字選擇字體時(shí)，考慮到版式設(shè)計(jì)和展現(xiàn)層次，通常來(lái)說(shuō)，我們需要選擇兩種字體，分別是標(biāo)題字體和正文字體。

通常來(lái)說(shuō)：

標(biāo)題字體的筆畫較粗，字形偏大；

正文字體的筆畫較細(xì)，字形偏小；

如果你對(duì)上面的解釋不理解，簡(jiǎn)單粗暴點(diǎn)，你可以選用下面推薦的幾組中文字體搭配，基本上能夠使用在90%的 PPT 文稿中：

當(dāng)選擇了相應(yīng)的字體后，我們就需要開(kāi)始對(duì)文字內(nèi)容進(jìn)行排版。

對(duì)于有大段文字的正文內(nèi)容而言，除了字體選擇合理之外，如果想要體現(xiàn)出排版的美感，我們還需要注意另外一個(gè)因素，就是文段的間距。

通常來(lái)說(shuō)，建議選擇1.3倍行距。

這樣，別人在閱讀內(nèi)容時(shí)，因?yàn)閿U(kuò)大了文段之間的空間感，使得內(nèi)容的排列不是非常緊湊，所以閱讀體驗(yàn)更好。

當(dāng)然，有些時(shí)候，如果頁(yè)面內(nèi)容較少，我們還可以對(duì)文字進(jìn)行一定程度的藝術(shù)化處理，比如，變成文字云，使用圖片填充文字，或者使用書法字體等。

說(shuō)完了文字的排版，接下來(lái)再談?wù)剤D片的選擇。

在 PPT 制作中，圖片的重要性不言而喻。很多人癡迷于收集大量的圖片素材網(wǎng)站，但是，不知道你有沒(méi)有想過(guò)，為什么你和別人都在使用同樣的圖庫(kù)，別人找到的圖片，就是比你找到的圖片更具觀賞性，更加貼合文案主題呢？

為什么？

因?yàn)閱?wèn)題并非出在圖片素材網(wǎng)站的本身，而是出在搜圖的思維方法上。所以，在這里，先來(lái)跟各位分享幾種實(shí)用的搜圖方法，分別是：

只有知道了合理搜圖的方法之后，圖片網(wǎng)站的存在才擁有了意義。所以，接下來(lái)向各位推薦幾個(gè)還不錯(cuò)的配圖網(wǎng)站，分別是：

當(dāng)然，如果能夠在日常瀏覽網(wǎng)頁(yè)時(shí)，就養(yǎng)成存圖的好習(xí)慣，這樣，你就能夠擁有更多別人難以搜索到的圖片。

記住一點(diǎn)，臨時(shí)抱佛腳，只是妥協(xié)的結(jié)果。所以，養(yǎng)成日常存圖的好習(xí)慣吧。

以上說(shuō)了文字和圖片的應(yīng)用，那么，接下來(lái)說(shuō)一個(gè)令很多人都頭疼的問(wèn)題，配色。

在一套 PPT 中，提及配色，我們需要談的，是一整套的配色方案，而非單個(gè)色彩的使用。

那么，一套完整的配色方案，分為這幾個(gè)部分，分別是：

文字和背景色，非黑即白。盡量不要使用彩色。因此，對(duì)于配色而言，我們需要選擇的，往往是一個(gè)貫穿始終的主色和若干個(gè)與之搭配的輔助色。

可能很多人聽(tīng)到主色和輔助色的概念，就有點(diǎn)懵了。自己又不是設(shè)計(jì)專業(yè)出身，對(duì)這兩個(gè)概念，完全聽(tīng)不懂啊，怎么辦呢？

那就向各位分享一個(gè)傻瓜化的辦法。

找一個(gè)配色網(wǎng)站，在網(wǎng)站所提供的任一組配色方案中，選擇其中一個(gè)，作為主色，其他的，均作為輔助色使用，即可。

當(dāng)然，在這里，我也推薦幾組比較常用的配色方案，如果你不知道怎么配色，也不想去任何配色網(wǎng)站，可以套用下面提供的幾組：

如果你連上面，我所提供的，現(xiàn)成的配色方案都不想用，那么，你只能借助 PowerPoint 軟件自帶的配色方案了，也非常好用。

總之，方法給你了，選擇哪一種，由你決定。

另外，在這里，再去補(bǔ)充一個(gè)關(guān)于配色的小功能，叫做取色器。如果你想使用前兩種方法進(jìn)行配色，那么，你可以使用這個(gè)小功能，進(jìn)行色彩的提取。

到這里，關(guān)于配色，你還有不懂的嗎？如果沒(méi)有，咱們繼續(xù)往下走，來(lái)說(shuō)說(shuō)關(guān)于圖標(biāo)。

在 PPT 制作中，很多人會(huì)去使用小圖標(biāo)，但是，我想說(shuō)的是，大多數(shù)人都在盲目地使用圖標(biāo)，不能夠真正地發(fā)揮出圖標(biāo)應(yīng)用的價(jià)值。

所以，如果想要用好圖標(biāo)，第一步，你需要知道，圖標(biāo)是干什么用的呢？

大概可以分為3種用途。拿本課件中使用的小圖標(biāo)，來(lái)舉一些例子。

可以用在目錄頁(yè)，以進(jìn)行章節(jié)概述；

可以用在文字較多的頁(yè)面，用來(lái)輔助內(nèi)容理解；

可以與圖片結(jié)合，用來(lái)解釋圖片的含義；

好了，說(shuō)完了方法，接下來(lái)，就要向各位提供工具了。都有哪些網(wǎng)站，可以快速地找到海量的小圖標(biāo)呢？

推薦兩個(gè)：

好了，說(shuō)到這里呢，已經(jīng)說(shuō)了文字、圖片、配色以及圖標(biāo)的使用和處理。每一個(gè)部分，不僅授之以漁，給了使用方法，而且，授之以魚，給了現(xiàn)成的解決方案。

接下來(lái)，就要來(lái)跟各位談?wù)勔粋€(gè)比較“虛”的方面。

首先是 PPT 的效率。

掌握基本的幾個(gè)快捷鍵，是必須的：

另外，母版也是一個(gè)很強(qiáng)悍的，提升效率的功能，你可以：

設(shè)定所有頁(yè)面的背景；

設(shè)定版心區(qū)域；

設(shè)定 LOGO 或其他素材，使其出現(xiàn)在每一頁(yè)；

設(shè)定配色方案；

設(shè)定字體搭配方案；

設(shè)定文本框的樣式；

設(shè)定形狀的樣式；

......

除此之外，還有一個(gè)利器，叫做格式刷，可以快速地 COPY 一種樣式到另一個(gè)元素身上。

上面說(shuō)的是操作思路，那么，下面跟各位來(lái)聊聊內(nèi)容的寫作思路。

如何梳理內(nèi)容邏輯？使之更加容易被人理解。

如果想要實(shí)現(xiàn)這一目的，首先，你要做的，是厘清自己大腦中的想法，借助筆記或者思維導(dǎo)圖工具，可以把大腦中的萬(wàn)千思緒做一個(gè)全面的整理，從而確定內(nèi)容之間所存在的主次關(guān)系。

隨后，按照整理后的思路，把經(jīng)過(guò)篩選的內(nèi)容依次地放到相應(yīng)的頁(yè)面上：

當(dāng)然，接下來(lái)就是確定基本的設(shè)計(jì)風(fēng)格了。可以從這幾個(gè)方面來(lái)進(jìn)行考慮：

幻燈片的觀眾和使用場(chǎng)景？

字體？

配色？

素材？

等等。

最后，基于內(nèi)容的邏輯關(guān)系，進(jìn)行排版，從而達(dá)到突出重點(diǎn)和邏輯清晰的目的。

上面所說(shuō)的，基本上已經(jīng)涵蓋了一套幻燈片的大多數(shù)知識(shí)點(diǎn)，接下來(lái)，跟各位分享一些學(xué)習(xí)的經(jīng)驗(yàn)。

如何模仿？以及一些學(xué)習(xí)資料推薦。

很多人在模仿時(shí)，喜歡挑一些看起來(lái)很復(fù)雜的頁(yè)面去模仿，這是一種正常的心理，因?yàn)橐屪约河X(jué)得時(shí)間花的值。

但是，不得不說(shuō)，這樣反而會(huì)讓自己陷入一種孤立化思維的僵局，學(xué)會(huì)了百般技術(shù)，到頭來(lái)還是做不出一套優(yōu)秀的幻燈片。

所以，從整體來(lái)模仿，思考別人為什么這么做？這一點(diǎn)很重要。

當(dāng)然，多看一些案例，也會(huì)幫助你積累一些優(yōu)秀的版式，這樣，在你去確定如何對(duì)內(nèi)容進(jìn)行排版時(shí)，會(huì)省下不少思考的時(shí)間。

最后的最后，有一些推薦。

最系統(tǒng)的教材，往往是書，所以，推薦幾本還不錯(cuò)的教材：

除了書，多看一些作品，也是很有幫助的。能夠幫你內(nèi)化一些書中的理論知識(shí)，所以，推薦一些常見(jiàn)的幻燈片類型：

以上，就是本課件所分享的全部?jī)?nèi)容。學(xué)習(xí)進(jìn)步的過(guò)程，其實(shí)就是將理論內(nèi)化，進(jìn)入自身學(xué)習(xí)體系的過(guò)程。

最后，再次感謝旁友 姚利 ，本次課件的內(nèi)容和制作全部由他完成，我只是根據(jù)他制作的課件，添加了簡(jiǎn)單的文字解釋說(shuō)明。

就不解釋為啥不寫「面和體的維度」了，這個(gè)角度的想法還沒(méi)怎么完善。因此就來(lái)寫寫PowerPoint這個(gè)組件一些自帶的運(yùn)算邏輯和特效處理。今天先來(lái)談?wù)劵脽羝械摹感螤钸\(yùn)算」，即布爾運(yùn)算。

選擇的版本是Office2013版及16版，2010版本怎么設(shè)置布爾運(yùn)算，網(wǎng)上有很多方法這里就不詳說(shuō)了。

在正文正式開(kāi)始之前，讓我來(lái)絮絮叨下關(guān)于圖層的概念。

圖層說(shuō)明

這里引用詞條：

圖層，就像是含有文字或圖形等元素的膠片，一張張按順序疊放在一起，組合起來(lái)形成頁(yè)面的最終效果。圖層可以將頁(yè)面上的元素精確定位。圖層中可以加入文本、圖片、表格、插件，也可以在里面再嵌套圖層。

在幻燈片中的圖層操作，包括四種：置于頂層、置于底層、上移一層、下移一層。根據(jù)其字面意思，很好理解它們?cè)趫D層調(diào)整中的作用。

怎么在一個(gè)頁(yè)面中查看圖層，快捷鍵：Alt＋F10，或者：選擇窗格。熟練掌握?qǐng)D層分布，可以讓我們?cè)谂虐嬖O(shè)計(jì)中能更快的定位到要修改的位置。尤其是展示類動(dòng)畫中，大量重疊類圖層堆積，如果不使用圖層分布窗格，真的是一件很痛苦的事情。所以，熟悉這個(gè)很重要。在本篇文字中可以根據(jù)案例，講一講圖層的疊放順序。
下面開(kāi)始今個(gè)的正文

1 布爾運(yùn)算

1.1 概要說(shuō)明

布爾運(yùn)算又稱邏輯運(yùn)算，是處理二值之間關(guān)系的邏輯數(shù)學(xué)計(jì)算法。在幻燈片中的布爾運(yùn)算主要用于圖形或形狀的運(yùn)算。運(yùn)算包括：聯(lián)合、相交、剪除、組合、拆分，下面從數(shù)學(xué)集合的角度來(lái)理解布爾運(yùn)算：
從上圖中可以看到以下關(guān)系：

１拆分所涉及的集合運(yùn)算，可以細(xì)分為其他運(yùn)算?？梢酝ㄟ^(guò)拆分得到：相交、剪除運(yùn)算得到的圖形；

2 經(jīng)過(guò)拆分運(yùn)算后，可以用聯(lián)合運(yùn)算得到聯(lián)合圖形和組合圖形；

3 剪除的兩種不同狀態(tài)，對(duì)于選擇形狀/圖片時(shí)需要對(duì)選擇的順序考慮。

總結(jié)說(shuō)明：在這五種運(yùn)算關(guān)系中，剪除、相交運(yùn)算使用較頻繁。拆分功能是萬(wàn)能的，可以通過(guò)拆分的形狀得到其他運(yùn)算所得，當(dāng)然某些多個(gè)圖層/形狀情況下拆分的項(xiàng)過(guò)多，這時(shí)候就不太方便了。

1.2 布爾運(yùn)算要點(diǎn)/注意

1.2.1 運(yùn)算要求

必須兩個(gè)及以上的對(duì)象參與運(yùn)算，對(duì)象可以是基本的形狀或者圖片。需要說(shuō)明的是，在幻燈片中文本框、基本幾何圖形等均屬于形狀范疇，各種格式的圖像屬于圖片范疇。

1.2.2 運(yùn)算的選擇順序

在進(jìn)行布爾運(yùn)算時(shí)，選擇對(duì)象的先后順序?qū)τ谏傻男螤?圖片有直接影響。一般來(lái)說(shuō)，第一個(gè)選擇的對(duì)象為被處理對(duì)象，后來(lái)選的對(duì)象是基于前者進(jìn)行運(yùn)算。下面文字會(huì)根據(jù)具體的示例進(jìn)行說(shuō)明。
1.2.3 組合的說(shuō)明

這里要進(jìn)行說(shuō)明的組合有兩種：一種是布爾運(yùn)算中的組合運(yùn)算，另外一種是選擇兩個(gè)及以上對(duì)象時(shí)，鼠標(biāo)右鍵菜單出現(xiàn)的圖層組合。要對(duì)兩者進(jìn)行區(qū)分：

組合運(yùn)算：是基于并集-交集的組合，處理后為單一圖層，不能再還原組合之前的多圖層狀態(tài)。

圖層組合：保留多圖層狀態(tài)，只是用一個(gè)組合狀態(tài)將各個(gè)圖層暫時(shí)組合成一個(gè)大的可處理形狀，可以針對(duì)每個(gè)圖層的形狀進(jìn)行編輯。當(dāng)然有組合就會(huì)有取消組合，通過(guò)取消組合功能，可以還原之前的多圖層狀態(tài)。

1.2.4 剪除運(yùn)算說(shuō)明

因?yàn)榧舫\(yùn)算的兩種狀態(tài)，這里做一下說(shuō)明。從下圖中可以看到，在基礎(chǔ)形狀運(yùn)算過(guò)程中，選擇對(duì)象的先后順序?qū)τ谏尚螤钣兄苯拥挠绊?。這個(gè)原則對(duì)于其他的運(yùn)算同樣有效。

剪除運(yùn)算是形成鏤空效果最重要的一種運(yùn)算，下面的文字篇幅中會(huì)大量用到這個(gè)運(yùn)算，將運(yùn)算出現(xiàn)的兩種狀態(tài)場(chǎng)景放在這里，是讓朋友們有個(gè)大概的印象。

2 示例說(shuō)明

在第一節(jié)當(dāng)中，介紹了布爾運(yùn)算的基礎(chǔ)，具體怎么樣運(yùn)用到實(shí)際之中還是需要進(jìn)行示例說(shuō)明。這個(gè)小節(jié)中總結(jié)了若干種常用的效果制作。

2.1 文本框和基本幾何形狀運(yùn)算

文本框和幾何形狀通過(guò)剪除運(yùn)算，實(shí)際生成的主要是鏤空效果?？梢詫⑸傻男螤钐畛浼兩?，然后設(shè)置透明度，將其放置在圖片圖層之上，這樣做的效果一方面是看清鏤空的文本內(nèi)容，另外通過(guò)透明度可以看到圖片的整個(gè)界面，起到由文字和圖像的關(guān)聯(lián)作用。

2.1.1 單次運(yùn)算

也就是說(shuō)通過(guò)一次運(yùn)算，下面的示例中在過(guò)程步驟的圖片中有所說(shuō)明。需要注意的是，在進(jìn)行布爾剪除運(yùn)算之前，適當(dāng)調(diào)節(jié)文本內(nèi)容的字間距和行間距，使得文本內(nèi)容在幾何填充背景中看著比較舒服。還有就是保證文本框和背景填充幾何圖形的上下、左右對(duì)齊，保證中心對(duì)稱。

將上一步生成的形狀，進(jìn)行純色填充。然后調(diào)整該色塊的透明度為25-35。之后將其放置在圖片圖層的上面，形成鏤空顯字效果。

2.1.2 多次運(yùn)算示例1

不同于2.1.1，這里用到了多次的圖形運(yùn)算，可能涵蓋了所有的布爾運(yùn)算。最終的顯示效果還是基于剪除運(yùn)算的鏤空效果。下面的示例中就是在一個(gè)大號(hào)字體的文本框結(jié)構(gòu)中，再涵蓋一個(gè)小字號(hào)的文本框，做到字中有字的顯示效果。

到此一步，需要設(shè)置生成形狀的透明度，然后將其置頂?shù)綀D片圖層之上。

2.1.3 多次運(yùn)算示例2

這個(gè)示例中包含了字的簡(jiǎn)單結(jié)構(gòu)拆解：左右結(jié)構(gòu)。通過(guò)兩種不同的剪除運(yùn)算，得到需要的結(jié)構(gòu)：一個(gè)是半個(gè)結(jié)構(gòu)的文本，一個(gè)是鏤空的半個(gè)文本結(jié)構(gòu)的色塊。之后通過(guò)鼠標(biāo)右鍵的圖層組合，將分開(kāi)的字體拼接。

重復(fù)上一步驟，完成“分享”文本的操作。剩下的就是最基本的文本框和填充幾何形狀的運(yùn)算了，這個(gè)在2.1.1就有提及，就不再詳細(xì)說(shuō)明了。

2.2 文本框和圖片的運(yùn)算

2.2.1 文本框和圖片相交運(yùn)算

下圖是蘋果發(fā)布會(huì)的頁(yè)面，使用的就是文本框和圖片的相交運(yùn)算。圖片是多個(gè)圖標(biāo)組成的圖片，這里需要處理的是兩個(gè)部分：一個(gè)是數(shù)字文本框，一個(gè)是逗號(hào)文本框，將其分開(kāi)處理。

step1：添加兩個(gè)文本框：一個(gè)是數(shù)字，一個(gè)是符號(hào)，使用同一種字體。

step2：下圖中的圖標(biāo)背景圖是將MIUI6的圖標(biāo)拼湊成的，就是一排擺上15個(gè)左右的png圖標(biāo)，確定首尾使用對(duì)齊和橫向分布，然后簡(jiǎn)單調(diào)整一下。重復(fù)此步驟，當(dāng)然如果你能夠找到這樣的圖標(biāo)背景圖，那是極好的。

將文本框和背景圖片進(jìn)行相交運(yùn)算處理
step3：將生成的兩個(gè)圖片拼在一塊，即成效果。

2.2.2 文本框和圖片剪除運(yùn)算

這里進(jìn)行說(shuō)明的是使用文本框和圖片進(jìn)行剪除運(yùn)算形成的鏤空效果。將文本排好版之后，全選--剪切到圖片合適的位置。

需要說(shuō)明的是，一般的線條是不能夠參與布爾運(yùn)算的，因?yàn)榫€條屬于一維結(jié)構(gòu)。而參與布爾運(yùn)算的對(duì)象要求必須是圖片或者可填充的幾何形狀。

因此，這里的線條是使用圓角矩形，去掉線輪廓，將長(zhǎng)度不變，高度調(diào)小。高度調(diào)到一定數(shù)值，看著就是線條，將其代替實(shí)際的線條參與布爾運(yùn)算。

先選中圖片，然后在選擇文本框。這樣的順序才能夠保證最終生成的為所需要的，如果操作順序錯(cuò)誤，就不能實(shí)現(xiàn)此效果。

制作完成的鏤空效果，放置到不同的背景界面圖層之上，可以通過(guò)鏤空的結(jié)構(gòu)顯示文本或者排版結(jié)構(gòu)內(nèi)容。這樣鏤空的好處就是不需要區(qū)分處理字體顏色和形狀顏色，只需要改變背景就可。

2.3 基本幾何形狀和圖片的運(yùn)算

其實(shí)這里說(shuō)明的就是圖片的「剪裁」功能。可以將圖片剪裁為基本的形狀結(jié)構(gòu)。這個(gè)估計(jì)許多人都會(huì)用，但是我們還是用布爾運(yùn)算來(lái)從另一個(gè)角度上來(lái)說(shuō)明。

使用布爾運(yùn)算的一個(gè)好處就是，可以隨意設(shè)置被剪裁圖片的位置，以及自定義和圖片運(yùn)算的形狀，從這一點(diǎn)上來(lái)說(shuō)，使用布爾運(yùn)算的靈活性大大提高。以下是使用該種運(yùn)算進(jìn)行圖片裁剪處理的步驟說(shuō)明。

2.4 基本幾何形狀和幾何形狀的運(yùn)算

在第二篇文字中點(diǎn)的運(yùn)用中有說(shuō)到使用五角星評(píng)級(jí)，就是基于這個(gè)處理方式進(jìn)行操作的。當(dāng)然不僅僅是五角星，其他幾何圖形亦可。所有的幾何圖形相互間的布爾運(yùn)算，是多種多樣的，下面的第3小節(jié)中會(huì)有幾個(gè)示例說(shuō)明。

2.4 一點(diǎn)技巧

關(guān)于基本填充形狀和文本框相交運(yùn)算、圖片和文本框相交運(yùn)算。經(jīng)過(guò)運(yùn)算生成結(jié)果，前者是形狀可以進(jìn)行填充漸變等形狀格式操作；而后者生成的是圖片，不能進(jìn)行填充等形狀格式操作，只能進(jìn)行圖片操作。

也就是說(shuō)，我們?nèi)绻獙?duì)文本內(nèi)容進(jìn)行漸變顏色操作，有兩種方式：一種是將填充形狀進(jìn)行漸變處理，然后將文本內(nèi)容和其進(jìn)行相交處理，得到的形狀即為漸變(當(dāng)然也可以對(duì)齊漸變顏色的調(diào)整，因?yàn)樗强删庉嫷?；另外一種就是不對(duì)填充形狀進(jìn)行漸變處理，而對(duì)運(yùn)算生成的形狀進(jìn)行漸變操作。

3 綜合運(yùn)算使用

通過(guò)三個(gè)具體的圖標(biāo)制作示例，將布爾運(yùn)算和基礎(chǔ)幾何形狀結(jié)合，實(shí)現(xiàn)想要達(dá)到的效果。

3.1 圖庫(kù)圖標(biāo)制作

基礎(chǔ)幾何圖形為一個(gè)圓角矩形、兩個(gè)大小不一的橢圓、一個(gè)圓形。通過(guò)下述步驟對(duì)每一個(gè)形狀進(jìn)行處理，得到想要的形狀。其中背景圓角矩形的漸變處理，圓形填充的發(fā)光處理均是在鼠標(biāo)右鍵「設(shè)置形狀格式」功能卡中實(shí)現(xiàn)。

將上一步處理后的形狀，按照下圖中的圖層順序進(jìn)行疊加，得到最終的示例圖標(biāo)。

3.2 簡(jiǎn)易瀏覽器

這個(gè)主要需要留意的就是內(nèi)圓和兩個(gè)條形填充的相切，然后通過(guò)剪除運(yùn)算即可實(shí)現(xiàn)最終的顯示效果。

3.3 Chrome

大Google的Chrome制作，當(dāng)然這個(gè)制作的不是很完美，因?yàn)椴扇〉氖菆A角矩形線條，而不是真正的線條，使得部分細(xì)節(jié)不是很精致，但是可以一看。下面是這種簡(jiǎn)單方法的制作流程。

(1) 下載一張圖片，確定好圓的尺寸和比例

(2) 處理圓角矩形線條，設(shè)置其高度為0.3左右；將線條和上一步得到的內(nèi)圓相切，后復(fù)制一條線，旋轉(zhuǎn)60度，仍舊和內(nèi)圓相切。要保證線條能夠延伸到外圓外側(cè)。

進(jìn)行拆分功能，得到目標(biāo)形狀。對(duì)這個(gè)就是我們需要的基礎(chǔ)形狀，另復(fù)制兩個(gè)：一個(gè)旋轉(zhuǎn)120度，一個(gè)旋轉(zhuǎn)240度，拼接就可完成。

最后，圖片和圖片不能進(jìn)行布爾運(yùn)算

該篇文字到此結(jié)束

歡迎私信或留言交流

作者：JunLing
來(lái)源：https://zhuanlan.zhihu.com/p/24853710

按照思路本去寫關(guān)于幻燈片中「點(diǎn)線面體」的一些東西的，但是昨個(gè)愣是被一篇寫幻燈片小圖標(biāo)使用的文章給震驚了。

因此為了讓這位朋友不再誤導(dǎo)「想學(xué)點(diǎn)圖標(biāo)使用」的吃瓜知友們，開(kāi)了一篇文字來(lái)介紹關(guān)于PPT中小圖標(biāo)的「使用」。為什么要用小圖標(biāo)？

就是因?yàn)橹悄苁謾C(jī)的流行使得擬物化、扁平化設(shè)計(jì)更多的進(jìn)入大眾的視野，為了滿足觀眾將這種認(rèn)知從手機(jī)平板等用戶界面設(shè)計(jì)轉(zhuǎn)移到幻燈片的需求，于是在幻燈片中出現(xiàn)了越來(lái)越多的圖標(biāo)。恩，這就是我理解的原因。

為什么流行不重要，關(guān)鍵是怎么在幻燈片中比較好地使用這種小圖標(biāo)，這才是該篇文字所要進(jìn)行說(shuō)明的。

圖標(biāo)的網(wǎng)站推薦

1 知乎上關(guān)于圖標(biāo)推薦的網(wǎng)站：阿里巴巴矢量圖標(biāo)庫(kù)：Iconfont

Iconfont這個(gè)庫(kù)確實(shí)方便，支持中英文搜索。圖標(biāo)數(shù)量較多，且多為扁平化和線條圖標(biāo)，能夠滿足日常需要。

此外該網(wǎng)站支持三種格式下載、多種顏色選擇。對(duì)于一般制作PPT的吃瓜觀眾來(lái)說(shuō)，多下載不同顏色的PNG圖以備不時(shí)之需即可，如果有PS功底的可以下載另外格式的進(jìn)行修改。以下是簡(jiǎn)易步驟：

上圖中所提及到的顏色更改，其實(shí)是只下載一種樣式的png格式圖標(biāo)，這時(shí)可以根據(jù)這個(gè)功能項(xiàng)進(jìn)行簡(jiǎn)單的處理。事實(shí)上，這個(gè)顏色的處理從截圖上可以看出來(lái)，顏色較淡，直接使用效果會(huì)受影響，所以前文提到了根據(jù)實(shí)際需求可以多下載幾種顏色樣式：比如說(shuō)黑白紅。

2 Iconfinder：Iconfinder

這個(gè)網(wǎng)站原來(lái)一直去找畫圖標(biāo)的靈感，包括擬物化、扁平化、線條等多個(gè)元素的圖形。但是現(xiàn)在目前不能夠直接下載了，需要版權(quán)才能下載。

關(guān)于網(wǎng)站推薦的就說(shuō)到這里，下面開(kāi)始我們的正文時(shí)間。

1 圖標(biāo)的載體

1.1 前言說(shuō)明介紹

實(shí)際上一個(gè)圖標(biāo)是根據(jù)實(shí)物進(jìn)行擬物化或扁平化設(shè)計(jì)處理，得到所看到的那些直觀感受的圖形。通常這些圖形使用圓角矩形、圓形、線條進(jìn)行背景或邊緣的修飾，使得圖標(biāo)看起來(lái)整齊劃一，這里將其稱作「圖標(biāo)載體」。

上圖中的圖標(biāo)是從網(wǎng)站下載的.png格式圖標(biāo)制作的頁(yè)面，這種圖標(biāo)主要是線條構(gòu)成，簡(jiǎn)單明了，辨識(shí)度較高。

但是這種圖標(biāo)的排列，因?yàn)槊總€(gè)圖標(biāo)大小的緣故，使得一些強(qiáng)迫癥朋友總覺(jué)得哪里不舒服，于是我來(lái)畫幾條線：

使用參考線，可以看出來(lái)每個(gè)圖標(biāo)因?yàn)楸旧硭w現(xiàn)實(shí)物大小的原因，使得圖標(biāo)本身的尺寸有所區(qū)別。這種區(qū)別在圖標(biāo)展現(xiàn)尺寸較?。ū热?.5*1.5cm）的時(shí)候不是很明顯，但是一旦等比例放大，差距就會(huì)放大。因此在部分場(chǎng)景下，這種方式可能不是最佳，怎么去調(diào)整優(yōu)化呢，接下來(lái)的文章篇幅將會(huì)介紹一種思路，使得格式看起來(lái)統(tǒng)一。

以下仍然是示例：
上圖是使用PPT中的基本圖形、鼠繪生成的組合圖標(biāo)?？梢钥闯?，這個(gè)頁(yè)面和上面那張使用下載圖標(biāo)組成的頁(yè)面有相同的視覺(jué)呈現(xiàn)：圖標(biāo)尺寸差異呈現(xiàn)而帶來(lái)的急死強(qiáng)迫癥顏狗。

/**作為開(kāi)發(fā)者無(wú)奈的分割線**/

其實(shí)，上述的表現(xiàn)方式也是是Android原生系統(tǒng)圖標(biāo)的呈現(xiàn)，這也是扁平化的特征：沒(méi)有條條框框的尺寸限制，僅僅使用基本幾何圖形和色彩將實(shí)物二維化，這體現(xiàn)的一種亂而統(tǒng)一的形態(tài)，無(wú)奈眾多用戶不喜這種方式。

1.2 載體的常見(jiàn)形式

1.1篇幅中說(shuō)明了什么是圖標(biāo)載體，這里介紹6種常用的形式：3種填充圖形和3種線條邊框

下面是使用這種載體的示例：

Example 1：下面這個(gè)基本圖標(biāo)是基于兩個(gè)矩形邊框和一個(gè)填充矩形構(gòu)成，其整體形態(tài)為方方正正，因此在套用的幾種示例中：1、2、4、5較3、6相比來(lái)說(shuō)，表現(xiàn)形式較好。這就是“方圓八百”這句話中所提及到的方和圓的結(jié)合。
Example 2：下面基本圖形為一個(gè)橢圓，三個(gè)圓形及一個(gè)三角構(gòu)成，使用「形狀運(yùn)算」中的剪除功能生成的鏤空（即三個(gè)圓點(diǎn)為透明狀態(tài)）。其中2、3、5、6較1、4來(lái)說(shuō)，前者表現(xiàn)效果要好點(diǎn)。
Example 1和2，使用的基本圖標(biāo)均是使用帶有填充圖形組成的圖形，下面這個(gè)例子是對(duì)于線條型圖標(biāo)的處理。

Example 3 因?yàn)榫€條型圖形本身的構(gòu)成均是使用線條，使用填充圖形會(huì)影響線條的顯示效果，故而使用線條邊框作為圖標(biāo)載體較為合適。

小結(jié)一：上面幾個(gè)例子中，對(duì)于不同形態(tài)的圖標(biāo)原型，需采用不同的顯示載體進(jìn)行圖標(biāo)表現(xiàn)。通過(guò)多次使用小圖標(biāo)的經(jīng)驗(yàn)來(lái)說(shuō)，方圓結(jié)合的搭配模式在展示效果來(lái)說(shuō)，較佳?？梢钥闯鰣A角矩形可以作為萬(wàn)能載體，它退可當(dāng)圓進(jìn)而成方。

1.3 使用圖標(biāo)載體示例

2 圖標(biāo)色和頁(yè)面色的統(tǒng)一

2.1 關(guān)于鏤空

這是一個(gè)圖標(biāo)使用的一個(gè)小細(xì)節(jié)，將圖標(biāo)主色和頁(yè)面的主題色保持一致。在觀察時(shí)，更多體驗(yàn)將圖標(biāo)內(nèi)容看做圖標(biāo)載體背景和頁(yè)面背景縱橫間自然而然形成的形狀。這種體驗(yàn)效果，可以更進(jìn)一步來(lái)說(shuō)就是：鏤空。下面是鏤空的詞條定義

2.1 示例演示說(shuō)明

下圖中的示例界面所用的圖標(biāo)并不是鏤空的圖標(biāo)，而是使用圖標(biāo)主體顏色和頁(yè)面背景保持一致而造成這種體驗(yàn)的錯(cuò)覺(jué)。怎么去簡(jiǎn)單制作一個(gè)鏤空的圖標(biāo)，放在文章最后說(shuō)明。

PS，其中后兩張展示圖片中使用了線條作為對(duì)稱體現(xiàn)，在上一篇文字中有所提及這么使用的原因，可以翻看專欄找到那篇文章。

3 圖標(biāo)幾種使用場(chǎng)景

前面的篇幅介紹了圖標(biāo)在使用中的幾點(diǎn)說(shuō)明，但是具體到實(shí)際的頁(yè)面使用中，采取怎樣的方式？木急，下面將介紹怎么使用。

3.1 常用排版格式

3.1.1 橫一字排

圖標(biāo)、標(biāo)題、內(nèi)容的上中下結(jié)構(gòu)，橫著的并列項(xiàng)最好不要超過(guò)4項(xiàng)，2-4項(xiàng)最佳，項(xiàng)和項(xiàng)之間使用線條分隔，體現(xiàn)各自的獨(dú)立性。

3.1.2 豎一字排

圖標(biāo)為左，標(biāo)題和內(nèi)容為右，呈現(xiàn)為左右結(jié)構(gòu)，典型List常用格式。項(xiàng)和項(xiàng)之間，可使用顏色較淺的直線隔開(kāi)。

3.1.3 田字排

單項(xiàng)中：圖標(biāo)為左，標(biāo)題和內(nèi)容為右，呈現(xiàn)為左右結(jié)構(gòu)。使用田字結(jié)構(gòu)將四項(xiàng)或六項(xiàng)內(nèi)容進(jìn)行排版

3.1.4 類田字排，不解釋

3.1.5 交錯(cuò)排

單項(xiàng)中：圖標(biāo)為左/右，標(biāo)題和內(nèi)容為右/左，呈現(xiàn)為左右結(jié)構(gòu)。采用交錯(cuò)排布，項(xiàng)數(shù)2-3項(xiàng)為佳。

3.1.6 同心圓弧排

每一項(xiàng)采取上面所用的左圖標(biāo)，右標(biāo)題及內(nèi)容，3個(gè)項(xiàng)排布在同心圓弧上。

3.2 優(yōu)雅的排版格式

3.2.1 陰影立體效果

使用文字色塊底色和圖標(biāo)載體背景色采用同一顏色，為了區(qū)別圖標(biāo)和文字色塊，將圖標(biāo)載體處理成陰影效果：外部--居中偏移。

3.2.2 平面疊放效果

使用文字色塊底色和圖標(biāo)載體背景色采用不同顏色，以示區(qū)別。

3.2.3 兩種上中下結(jié)構(gòu)

one 圖標(biāo)、標(biāo)題、內(nèi)容

two 標(biāo)題、圖標(biāo)、內(nèi)容
示例說(shuō)明：

使用上述上中下結(jié)構(gòu)，卡片式展示并列關(guān)系，并且使用不同背景顏色對(duì)當(dāng)前項(xiàng)標(biāo)注說(shuō)明。

4 鼠繪圖標(biāo)

寫這部分文字是因?yàn)椋厦嫠峒暗溺U空?qǐng)D標(biāo)。我們從網(wǎng)上下載的.png格式的圖標(biāo)，在實(shí)際使用中不能很好的進(jìn)行細(xì)節(jié)填充，因此使得不能夠使用PowerPoint圖形運(yùn)算（即布爾運(yùn)算）中的剪除，因而就不能制作出鏤空的效果。

再者，從圖標(biāo)庫(kù)下載的圖標(biāo)都是基于簡(jiǎn)單的幾何圖形，因此我們可以使用基礎(chǔ)圖形很快的拼接出一個(gè)圖標(biāo)出來(lái)。這時(shí)候就可以使用圖形的布爾運(yùn)算了。

4.1 示例說(shuō)明

4.2 鏤空效果

下圖中的學(xué)士帽是經(jīng)過(guò)多次布爾運(yùn)算中的聯(lián)合操作，即將基本圖形拼接起來(lái)，形成一個(gè)圖層。這樣，將此圖層和圓形，以圓形作為處理對(duì)象。

步驟說(shuō)明：先選中圓形，然后再選中學(xué)士帽圖層，最后剪除處理。即可得到鏤空的學(xué)士帽圖標(biāo)。以下是將該圖標(biāo)放置在不同顏色背景下的顯示效果，可以一觀。

至此，該篇專欄文字結(jié)束。

感謝那位知友，你給了寫這篇文字來(lái)糾正你觀點(diǎn)的動(dòng)力。

最后交流探討可以留言或私信~

作者：JunLing
來(lái)源：https://zhuanlan.zhihu.com/p/24892853

來(lái)自旁門左道讀者投稿

胡亂地添加了一些效果，導(dǎo)致頁(yè)面元素看起來(lái)很雜亂。

而這兩頁(yè)幻燈片所呈現(xiàn)出的問(wèn)題，也是很多讀者在做 PPT 時(shí)，會(huì)犯的問(wèn)題。那么，該怎么才能夠正確地使用效果呢？

如果想要找到答案，我們就要引入一個(gè)概念，叫做風(fēng)格匹配。什么意思呢？

當(dāng)我們?yōu)樵靥砑有Ч麜r(shí)，要考慮幻燈片的整體以及與其它元素之間，能夠在風(fēng)格上保持匹配。

這話兒讀起來(lái)很學(xué)術(shù)，不理解也沒(méi)關(guān)系。

翻譯成人話就是：如果你做的幻燈片是扁平風(fēng)格，那么，盡量避免在 PPT 中出現(xiàn)棱臺(tái)，陰影等，能夠呈現(xiàn)出立體感覺(jué)的效果。而且，相同的元素效果盡量保持一致。

?應(yīng)用案例一：扁平化 PPT 中如何保持效果匹配？ ?

咱們就拿開(kāi)頭的那兩頁(yè) PPT 來(lái)說(shuō)，我們已經(jīng)看到，頁(yè)面使用的效果過(guò)于雜亂。整體風(fēng)格是扁平化，但圖片和箭頭上，卻添加了大量的立體，陰影效果。

那么，如果想對(duì)其進(jìn)行優(yōu)化，按照風(fēng)格匹配的原則，我們最好能夠?qū)崿F(xiàn)全局扁平的風(fēng)格：

去掉了圖片和形狀底部的陰影和棱臺(tái)效果

?應(yīng)用案例二：運(yùn)動(dòng)型 PPT 中，如何表現(xiàn)出力量感？ ?

扁平化不是萬(wàn)能的，尤其在扁平力量感的時(shí)候，所以，這時(shí)候，我們就需要添加一些額外的效果，呈現(xiàn)出力量感，來(lái)匹配 PPT 的整體風(fēng)格。

比如說(shuō)，當(dāng)我們?cè)谧鲆惶滓宰闱蜻\(yùn)動(dòng)為主題的 PPT 時(shí)，我們可能需要考慮用到立體，漸變等效果，來(lái)滿足視覺(jué)化表現(xiàn)。

風(fēng)格上大概是這樣：

立體加漸變，凸顯力量感

以上，就是本期小思維欄目跟大家分享的內(nèi)容?？偨Y(jié)一下，在做 PPT 時(shí)，為元素添加效果時(shí)，要考慮：

• 元素最好使用同一種效果，比如陰影，漸變或立體等。
• 元素的效果要與整套幻燈片的風(fēng)格相匹配，沒(méi)有萬(wàn)能的效果。

返回PPT設(shè)計(jì)小思維系列教程