相信大多數(shù)人在 PPT 制作中，都會想著在文本內(nèi)容前，放上一些小圖標(biāo)，就像下面這些頁面一樣：

特別是一些文本內(nèi)容較少的頁面，圖標(biāo)元素的使用，除了能夠更加直觀表達文字信息，還可以起到豐富版面的作用。比如下面這張目錄頁：

當(dāng)然，上面所舉的案例，只是圖標(biāo)在 PPT 設(shè)計中最基本的使用方法。掌握上面這些，也只能算是及格。但是，如果你認(rèn)真讀完這篇文章，對于 PPT 中圖標(biāo)的運用，你一定能超越 89% 的人！

那么，接下來，我將結(jié)合平時所積累的項目經(jīng)驗，分享一些有關(guān)圖標(biāo)不一樣的玩兒法！

表達文字信息含義

毫不猶豫地說，這是圖標(biāo)最常見的用法，能夠很好的降低觀眾對文案信息的理解成本。

舉一個生活中，大家經(jīng)常會遇到的情景，就比如說下面這兩個小圖標(biāo)：

簡單的掃一眼，就知道自己該進哪個門了，對嗎？

同樣的，在幻燈片設(shè)計中，也是如此。無論文字信息多，還是文字信息少，圖標(biāo)的使用，都能為頁面增色不少。

文字信息較多的頁面添加圖標(biāo)，可以讓頁面更加有跳躍感，不至于一眼望去全是字：

而對于文字信息較少的頁面，添加圖標(biāo)則可以彌補頁面空洞感，進而讓頁面顯得更加的豐富：

當(dāng)然，除了單純地把圖標(biāo)放在文字周邊，我們還可以把圖標(biāo)和文字融合，制作創(chuàng)意文字。

什么意思呢？簡單來說，就是使用圖標(biāo)代替文字的部分筆畫。

來看一個案例，你就明白了：

這是一張小米發(fā)布會的 PPT，頁面中就使用了祥云圖標(biāo)來代替文字的筆畫，來烘托年貨節(jié)的氛圍，同時呢，也讓只有幾個文字頁面，看起來很有設(shè)計感。

那么，問題來了，圖標(biāo)和文字該怎么結(jié)合呢？

其實很簡單，就拿剛才的“貨”字為例：

第一步：插入文字、色塊以及祥云圖標(biāo)素材：

第二步：使用布爾運算對文字做拆分處理

具體操作：選中色塊和文字，再點擊布爾運算中拆分。

第三步：將多余的筆畫刪除，祥云放在原來筆畫的位置上即可。

有沒有覺得，很簡單呢？

案例01

為了給各位的多提供一些創(chuàng)意思路，這里我再多舉幾個案例。

比如為了表達客戶至上，我們可以在“客”上面加一個皇冠：

或者我們?yōu)榱吮憩F(xiàn)心連著心，可以使用“心”和“WiFi”的圖標(biāo)：

又或者，用閃電圖標(biāo)代替“閃”字內(nèi)部的筆畫：

明白了嗎？這就是圖標(biāo)和文字相結(jié)合的創(chuàng)意玩兒法！

作為頁面修飾元素

在制作封面或者內(nèi)容較少頁面時，大多數(shù)人都不知道該加些什么元素，來豐富頁面。這樣一來，頁面就會顯得十分的單調(diào)。就比如說，下面這個頁面：

只有截圖和文字介紹，很單調(diào)，對嗎？

而我們使用圖標(biāo)作為修飾性元素，來點綴頁面，就會是一個非常不錯的選擇。因為圖標(biāo)的使用，不僅可以讓頁面看起來更加的飽滿，而且還具備一定的視覺含義。

當(dāng)然，我們還可以給圖標(biāo)加入一些動畫效果，會讓頁面顯得更加精致：

而對于點綴圖標(biāo)的擺放位置，并沒有特定的規(guī)律，只需要注意圖標(biāo)大小以及透明度的變化即可。為了方便你更好理解，我特意找了一些案例供你參考:

案例02

考慮到一些讀者，基礎(chǔ)較為薄弱，咱們一起來看一個實際的案例。假如就就下面這張封面了：

首先，我們對封面標(biāo)題做一個簡單排版，這里我采用了居中布局：

其次，我們依據(jù)標(biāo)題文案，來搜索一些視覺元素：

接著，我們將圖片素材進行融合，并將選一款合適的圖標(biāo)，隨機地擺放在頁面周圍：

現(xiàn)在，圖標(biāo)在頁面中的融合感還很差，看起來十分的突兀，對嗎？

為了解決這個問題，我們可以為圖標(biāo)添加漸變，并適當(dāng)?shù)慕档屯该鞫?，以及添加模糊效果?/p>

這樣處理圖標(biāo)的好處就是，能夠讓頁面看起來更加有層次感。

增加圖表的可視化

圖標(biāo)和圖表都能很直觀的傳達頁面的信息，二者結(jié)合，更是創(chuàng)意無限！這里分享兩種，關(guān)于圖標(biāo)和圖表相結(jié)合的思路。

將圖標(biāo)填充到圖表中

這算是一種較為常規(guī)的做法，非常適合用到柱狀圖中，用堆積的小圖標(biāo)來代替原有的圖表色塊，會讓頁面看起來更有創(chuàng)意。

比如我們可以把貨幣圖標(biāo)填充到圖表中：

其實操作十分的簡單，我們先復(fù)制圖標(biāo)，然后選中柱狀圖，將圖標(biāo)粘貼到圖表中即可。

將圖標(biāo)作為圖表的容器

除此之外，我們還可以把圖標(biāo)放大，讓圖標(biāo)作為圖表的容器。就像這樣：

當(dāng)然，我們還可以使用更為復(fù)雜的線性圖標(biāo)：

案例03

同樣的，咱們再來看一個實際的案例，比如下面這頁關(guān)于金拱門的數(shù)據(jù)圖表：

很普通，對嗎？

我們試著使用飲料杯的形式，將圖表呈現(xiàn)出來：

是不是很有設(shè)計感呢？

以上呢，就是關(guān)于小圖標(biāo)的一些不一樣玩兒法，你學(xué)會了嗎？另外，如果你喜歡這篇文章，還請轉(zhuǎn)發(fā)給更多的人看到。

本文內(nèi)容為 PPT進化論 原創(chuàng)出品

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

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

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

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

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

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

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

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

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

2 Iconfinder：Iconfinder

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

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

1 圖標(biāo)的載體

1.1 前言說明介紹

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

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

但是這種圖標(biāo)的排列，因為每個圖標(biāo)大小的緣故，使得一些強迫癥朋友總覺得哪里不舒服，于是我來畫幾條線：

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

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

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

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

1.2 載體的常見形式

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

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

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

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

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

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

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

2.1 關(guān)于鏤空

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

2.1 示例演示說明

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

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

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

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

3.1 常用排版格式

3.1.1 橫一字排

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

3.1.2 豎一字排

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

3.1.3 田字排

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

3.1.4 類田字排，不解釋

3.1.5 交錯排

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

3.1.6 同心圓弧排

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

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)容
示例說明：

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

4 鼠繪圖標(biāo)

寫這部分文字是因為，上面所提及的鏤空圖標(biāo)。我們從網(wǎng)上下載的.png格式的圖標(biāo)，在實際使用中不能很好的進行細(xì)節(jié)填充，因此使得不能夠使用PowerPoint圖形運算（即布爾運算）中的剪除，因而就不能制作出鏤空的效果。

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

4.1 示例說明

4.2 鏤空效果

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

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

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

感謝那位知友，你給了寫這篇文字來糾正你觀點的動力。

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

作者：JunLing
來源：https://zhuanlan.zhihu.com/p/24892853

找圖標(biāo)的過程，其實也是相當(dāng)耗費時間的，如果是一些比較簡單的圖標(biāo)需求，例如能通過圖形簡易拼接就能得到的形狀，可以動手自己制作哦。

今天的教程是教大家，如何用PPT制作圖標(biāo)，是全手工打造哦！

我們經(jīng)常說“字不如表，表不如圖”，相信大家看到一份密密麻麻布滿文字的PPT一定是頭疼的。

而如果可以將文字轉(zhuǎn)化成圖的形式，不僅整個作品會美觀很多，其內(nèi)容也會讓觀眾印象深刻。而在大家通常的PPT制作過程中，都是去找現(xiàn)成的圖標(biāo)素材。

由于作品內(nèi)容的針對性，我們很難在短時間內(nèi)找到能與你內(nèi)容完全匹配的圖標(biāo)及圖表。

如果找個類似的圖湊數(shù)，無疑降低了你PPT的質(zhì)量。如果要找完全合適的素材，又會耗費大量的時間。

其實我們完全可以通過PPT中的合并形狀功能，自己動手做出下面這樣的圖標(biāo)和圖表來取代文字并且讓作品更加的好看。

那究竟什么是合并形狀功能呢？

國際慣例先上一個目錄：

插入形狀的功能大家都不陌生，可以用它來做一些矩形、圓形、三角形的形狀，比如剛剛的封面中就用到了矩形、圓形等等。

而在10版本以后新增了一個合并形狀的功能，也就是大家經(jīng)常能聽到的布爾運算，具體的位置在繪圖工具選項卡，格式菜單欄中。

這個功能到底有什么用呢？三頓今天就來教大家使用這個功能做出高大上的圖標(biāo)和示意圖。

-------------------------------------------

基本原理

首先介紹一下合并形狀，可以從剛剛的圖例中看到，合并形狀是由聯(lián)合、組合、拆分、相交、減除這五個功能組成，那么每個功能都是什么意思呢？

比如這里有一張原圖，是一個矩形和一個圓形的組合。

形狀聯(lián)合是將多個形狀合并為一個新的形狀，而形狀組合和形狀聯(lián)合類似，不同的地方是形狀重合部分會鏤空。放一張動圖：

至于形狀拆分則是將多個形狀進行拆分，重合部分會變?yōu)楠毩⒌男螤?。形?strong>相交則是只保留形狀之間重合的部分。

最后，形狀減除則是用第一個選中的形狀減去與其他選中形狀的重合部分，通常做鏤空圖形。還是放一個動圖

我用一個表格的形式做個總結(jié)，其實很簡單，將兩個形狀分為三部分，A是形狀1，C是形狀2，B是兩者重合部分。

• 聯(lián)合就是ABC完全融合，組合也是一樣，只是B部分會鏤空
• 拆分則是將形狀完全拆開，ABC完全獨立分開來
• 相交則是只保留B部分
• 減除是第一個形狀減去與其他形狀重合部分

這里要特別強調(diào)一下減除操作的先后順序，先選中的圓形和先選中矩形進行減除操作后的效果是不同的。

我們不妨這樣理解，先選的為攻，后選的為受，攻是永遠(yuǎn)不變的。就像圖片中這樣，先選黑色黑色不變，先選紅色紅色不變。

-------------------------------------------

具體示例

給大家舉幾個簡單的例子，比如齒輪圖標(biāo)的制作，我們首先插入一個16角星以及一個圓形。

然后將他們疊放在一起，注意圓形大小不能超過16角星的尖處。然后我們只要選中兩個形狀對他們執(zhí)行合并形狀-相交操作

最后在合并形狀后的圖形中央再添加一個圓形，一個齒輪圖標(biāo)就做好啦

在舉一個非常簡單的例子，云朵圖標(biāo)制作也非常簡單，我們只要畫若干個大小不等的圓形。

將它們拼貼在一起選中后執(zhí)行合并形狀-聯(lián)合操作即可。

接下來分享一個比較難的圖標(biāo)的做法，希望可以幫助大家進一步熟練合并形狀的用法。

這樣一個太極圓盤應(yīng)該怎么做呢？因為這個圓是中心對稱的我們不妨在中心位置添兩條輔助線，然后以大圓半徑為直徑畫兩個小圓。

這樣可以更清楚的看到太極圓盤就是由兩個魚鉤形狀組成。

分析完太極圓盤的構(gòu)成后具體的制作就非常簡單了，按123的順序選中圖形，然后執(zhí)行合并形狀-減除操作，得到下圖右邊的圖形。

我們逐個制作魚鉤形狀，畫一個矩形，遮蓋住圖形的半邊，然后先選黑色再選矩形，進行減除操作，得到下圖這樣只有半邊的黑色形狀。

之后我們再將剛剛的小圓放到圖形的缺口處，選中進行減除操作。

這樣一個魚鉤的形狀就完成了，復(fù)制魚鉤，旋轉(zhuǎn)180度，一個太極圓盤就做好了。

通過合并形狀我們可以做出各式各樣的圖標(biāo)，比如剛剛的太極圓盤云朵齒輪。篇幅有限，我也沒法給大家介紹太多。因此在這里分享一些思路和玩法給大家。

進階技巧

如何自己構(gòu)思制作出好看的小圖標(biāo)呢？大家一定要掌握基礎(chǔ)形狀組合拼貼的技巧。

比如這個鈴就是由矩形梯形圓形進行合并形狀聯(lián)合操作制作的。

再比如這個電池的圖標(biāo)，由一個大矩形和一個小矩形組合，再添加四個相同的矩形制作而成。

再比如這個播放的圖標(biāo)就是由一個圓角矩形和一個正三角形組成。

除了制作好看的圖標(biāo)以外，我們經(jīng)常用到的關(guān)系圖表，比如表示四個觀點的并列關(guān)系，都可以用合并形狀的功能完成。

比如說圖片中文字這樣的呈現(xiàn)方式是不是很難看，我們完全可以自己動手讓它變得更加美觀。

我們不妨用插入形狀來畫五個圓角正方形，然后合并形狀拆分，就可以做出右邊這樣三個形狀。

以第一個為例，對齊添加文字和圖標(biāo)，就完全可以生成一張非常清晰的關(guān)系圖表。當(dāng)然，另外兩個也可以做出好看的關(guān)系圖表，大家可以動手嘗試一下。

-------------------------------------------

其他玩法

除了制作圖標(biāo)和關(guān)系圖表以外，合并形狀還有很多非常實用的玩法。比如一些字體如果不保存，拷貝到另外一臺電腦去就會失效。

除了一般做法，我們還可以用合并形狀功能將文字轉(zhuǎn)化為矢量圖，再也不用擔(dān)心保存問題。

做法也非常簡單，新建一個矩形，將它和文字放在一起然后執(zhí)行合并形狀-拆分操作就可以了。

還有一種大家經(jīng)常遇到的情況，如果我們想要用形狀的樣式展現(xiàn)圖片，以往我們的做法是設(shè)置形狀格式-圖片填充，其實合并形狀-相交操作，也可以完成這樣的效果。

另外大家還可以發(fā)揮腦洞，把圖片和文字進行合并形狀-相交的操作，可以輕松制作出非常高大上的文字標(biāo)題，是不是很神奇呢。

以上就是為大家?guī)淼暮喜⑿螤罟δ艿慕榻B，如何用好？我總結(jié)了一下有三點，第一原理要清楚，你要知道聯(lián)合組合拆分相交剪除都是在做什么。

第二思路要清楚，想清楚這個圖標(biāo)應(yīng)該要怎么做之后再去動手做。第三是腦洞要大，發(fā)揮想象力和創(chuàng)造力。

如果做到了這三點，大家就再也不用擔(dān)心找不到合適的圖標(biāo)、圖表素材，完全可以自己動手制作。

本文來自：三頓
原標(biāo)題：“這個人做的圖標(biāo)真好看。”