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

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

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

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

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

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

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

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

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

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

表達(dá)文字信息含義

毫不猶豫地說，這是圖標(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)意思路，這里我再多舉幾個案例。

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

或者我們?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)和圖表都能很直觀的傳達(dá)頁面的信息，二者結(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)出品

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

就像這樣：

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

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

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

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

gallery.manypixels.co 

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

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

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

undraw.co 

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

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

 iconstore.co 

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

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

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

 simpleicons.org 

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

如果你不想按顏色查找圖標(biāo)，你還可以按照logo的首字母進行排序查找：

stockio.com 

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

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

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

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

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

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

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

01

對圖標(biāo)本身動手

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

02

對圖標(biāo)周圍的環(huán)境動手

（1）形狀墊底

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

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

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

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

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

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

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

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

好了，就這么多。

一個教程能學(xué)到這兒多，還等什么？快快動手吧！

提示：教程繪制的是一枚行星，用本章所學(xué)的技能，能不能繪制一枚地球？。

本文來自秋葉微信公眾平臺。

返回“三分鐘教程”教程目錄列表

42枚icon包括以下元素：溫度計,電池,打叉,取消,電影,播放,打印機,筆記本,鼠標(biāo),垃圾桶,丟棄,燈泡,靈感,椰子樹,方向盤,箭頭,加號,正確,云,別針,問號,嘆號,感嘆,確認(rèn),手機,圓形,筆記本,信號,話筒,主頁,房屋,電腦,信息技術(shù),網(wǎng)絡(luò),郵件,信件,相機,電話,下載,通信,購物車,電子商務(wù),地球,打印機,鼠標(biāo),音箱,放大鏡,放大,縮小,垃圾箱,回收站,日期,路由器。

使用PPTfans網(wǎng)的PPT模板吧，做出高大上的PPT？不遠(yuǎn)咯~~

下載地址：?[timesheetmaster.net]42枚長陰影扁平化矢量PPT圖標(biāo)免費下載

本素材來源：演界網(wǎng)-演示專家
僅供學(xué)習(xí)，請勿商用