簡報設計2024/08/08

善用圖示 ICON 提升簡報質感：從免費圖庫到顏色調整的完整做法

圖示（ICON）是比圖片更容易讓人秒懂的視覺語言。整理從 The Noun Project 找圖示、選擇授權方式，到用 PowerPoint 或線上工具調整顏色的完整流程。

本文為簡報視覺設計系列「2.4 運用視覺語言」的第一篇（2.4.1 圖示資源應用篇）。

「比起文字，圖片更吸睛」「圖片為主、文字為輔」這類簡報名言很多人都聽過，而比圖片更容易讓人秒懂的，其實是符號與圖示。圖示可以說是「全世界共通的視覺語言」，不同國家、不同語言的聽眾，往往靠簡單的線條與符號就能理解意思。

不過圖示要怎麼用在簡報裡，並不是單純加進去就會有效果。用得不好，反而會讓簡報視覺更混亂，甚至干擾聽眾理解內容，等於「水能載舟、亦能覆舟」。

找圖示：The Noun Project

免費圖示資源網站很多，這裡推薦 The Noun Project（https://thenounproject.com）。推薦的原因很單純：這個網站收錄的圖示量非常龐大，各行各業幾乎都能在上面找到需要的圖示。

不建議同時在多個圖示網站之間找素材——網站越多，越容易耗費時間在比較、猶豫上。固定用同一個網站，用久了找素材的速度反而會越來越快。The Noun Project 同時提供 PNG 點陣圖與 SVG 向量圖兩種格式，方便不同的簡報設計需求。

下載格式與授權方式

下載格式分為 SVG 向量格式與 PNG 點陣格式。PNG 檔案下載後可以直接使用，但預設都是黑色，要換顏色得透過影像處理軟體修改。

選好下載格式後，會出現兩種授權選項：

Royalty Free（付費方案）
Creative Commons（免費方案）

The Noun Project 上的圖示大多以 Public Domain 或 CC-BY 3.0 授權提供：

Public Domain：可任意使用，不需標註作者，沒有任何限制。
CC-BY 3.0：只要標註原作者，就可以任意使用，包含改作、商業利用等。

也就是說，圖示下載使用基本上都是免費的，也能用在商業用途，差別只在於需不需要標示作者與出處。網站上比較常見的授權方式還是以 CC-BY 3.0 居多，可以直接免費使用，但下載使用時記得標示出處與原作者。如果覺得每次都要標註作者很麻煩，The Noun Project 也提供付費帳號，升級後取得的圖示就不需要再標註作者。

實務上如果單純做簡報，選擇 Creative Commons 免費方案就夠用。做法是在簡報最後一頁統一列出所有用過的圖示出處與作者，這樣既不會干擾簡報版面設計，也能兼顧尊重著作權。如果是常態性大量使用圖示的設計工作者，則比較建議直接用付費方案：單張圖示授權約新台幣 60 元（美金 1.99 元），月費約新台幣三百多元（美金 9.99 元）。

在 PowerPoint 裡直接修改圖示顏色

從 The Noun Project 下載的 PNG 圖示預設都是黑色，很多人以為一定要靠影像處理軟體才能改色，其實 PowerPoint 本身就有方便的做法：將圖示加入簡報後，點選圖示，依序點 [圖片工具] ＞ [格式] ＞ [色彩]，選擇想要的顏色即可直接改變圖示顏色，不需要額外的影像處理軟體。

把圖示改成白色（反白）

簡報中常見把圖示反白搭配色塊使用，視覺效果會更好。但預設的色彩選項裡找不到白色，就算透過 [格式] ＞ [色彩] ＞ [其他變化] 選白色，也不會有反應。這時候要改用「美術效果」：

選取圖示，按右鍵選擇 [設定圖片格式]
找到 [圖片校正]，把 [亮度] 設定成「零」，圖示就會變成白色

用拓印效果自由改色

在 [其他變化] 中，只要不是選預設的基本顏色，圖示通常都不會變色，還是維持黑色。想自由改成任意顏色，需要先套用「拓印」效果：

選取圖示，依序點 [圖片工具] ＞ [格式] ＞ [美術效果]，選擇「拓印」
回到 [格式] ＞ [色彩] ＞ [其他變化]，選擇想要的顏色

這個做法不需要額外的影像處理軟體，但有個小缺點：拓印效果會讓顏色的亮度、對比、透明度出現一些誤差，實際顯示的顏色和選擇的顏色會有些落差。想要更精準地改色，可以改用下面的線上編輯器做法。

用 Method Draw 線上編輯器精準改色

先在 The Noun Project 下載圖示時選擇 SVG 向量格式。SVG 格式的好處是無論放大縮小，圖片都不會失真模糊。

問題是目前 PowerPoint 與 Keynote 都不支援直接使用 SVG 檔案，通常需要透過 Adobe Illustrator 這類軟體編修後，再轉存成 PNG 格式才能放進簡報。但多數人手邊沒有這類軟體，這裡介紹一個不需要安裝任何軟體、透過瀏覽器就能用的線上 SVG 編輯工具：Method Draw（https://editor.method.ac）。

操作步驟：

進入 Method Draw 網站
點選 [File] ＞ [Open SVG…]，選擇剛下載的圖示檔案
在畫面右側找到 [Canvas] 面板
把畫布尺寸改為 1024 x 1024

之所以建議把畫布設成 1024×1024，是因為 SVG 之後會匯出成 PNG，而 PNG 這類點陣圖檔案原始尺寸太小的話，放大容易失真模糊；反過來說，大尺寸圖檔縮小使用則不會有失真問題。目前簡報常見尺寸是 4:3（1024×768）或 16:9（1920×1080），使用圖示時通常用不到 1024×1024 這麼大，但先取一個夠大的尺寸，等於「進可攻、退可守」——需要大圖示時尺寸夠用，需要小圖示時把大圖縮小也不會模糊。另外，圖示設計大多以正方形為基礎框架，畫布設成正方形，之後在編修、縮放圖示時也比較不容易遇到比例跑掉的問題。