圖示集

在網頁中如果要用圖示，例如電話、郵件或是箭頭，以往的做法就是要有該圖示的圖片檔，將其放在指定的位置，但隨著螢幕大小多元化，固定尺寸的圖示圖片檔，缺點盡顯，除了佔用流量外，亦無法滿足螢幕大小的變化，因此將圖示如同網頁字形般的運用，是目前圖示應用在網頁的做法。不論是 Unicode、Icons - Google Fonts 、Font Awesome 都有提供適合在網頁中使用的字形化圖示集，CSS.GG 這個網站同樣提供免費的字形化圖示集，使用者可以自訂顏色、尺寸，再透過其所提供的 HTML，CSS、SVG 或是 TSX 語法就能應用到網頁上。

Google+ 正火紅，許許多多的相關應用不斷出現，若需要在網頁裡使用 Google+ ICON ，可以參考 webdesignfan.com 的 14 Gorgeous Google+ Icons 這篇文章，裡面介紹了 14個精美的 Google+ 圖示，且絕大部分都附有 PSD 原始檔，方便你後續應用。

圖示，就像交通號誌一樣，要設計的讓人一看就懂，「ICOOON MONO」是來自日本的一個免費圖示集網站，提供各種主題類別的圖案，像是人物、美食、商業、健康、時尚、活動、動植物、交通工具、建築、藝術音樂、體育、文具雜貨、符號、教育、電子產品等等，收錄超過 6000 個免費圖案，各圖示均提供 16px、32px、48px、64px、128px、256px、512px 大小，格式有 PNG、JPG、SVG、Illustrator Ai、Photoshop EPS，且可線上預覽、切換或調整顏色，無需註冊，所有圖示都可下載，個人或商業用途均可。

Icon Maker 提供各式各樣的符號讓使用者自行選擇，選擇後的圖示會被放到預設的背景圖中央，並使用 Icon Maker 提供的工具對圖示標誌進行顏色及大小進行變更，預設的背景圖也可以編輯其顏色、圓角弧度、邊框等，完成編輯後可導出成 512 X 512 的 PNG 圖檔。

unDraw 這個網站以提供各類「插圖」圖示為主，其最大特點在於可讓使用者與網站互動，意即插圖的顏色可讓使用者自行選擇，不論選擇下載 SVG 或 PNG 的圖檔格式，插圖顏色就是使用者所選的顏色，如此一來下載後的圖示就能無須再後製就能與自己的設計風格融合成一體，而且更棒的是該網站所提供的插圖不僅可供個人使用外就連商業用途也沒問題。

在一堆的數據中，如果沒有特殊條件的標示，估計閱讀的人要耗費的心思也不輸製表人，以學生的成績來說好了，要列出所有學生的各科成績、平均應該都不難，但，數據這麼多，如果都是同一個顏色來顯示，這對看報表的人來說，實在無法一眼就看出成績之間的落差，在 Excel 中，我們可以透過格式化條件以資料橫條、色階或是圖示集來凸顯儲存格內的值，如此一來，對閱讀報表的人來說，也能快速掌握報表內的重點，快速做出決策。

圖示就像成語，精簡又有內涵，想要在應用程式中使用圖示，不見得要自己製作，網路上有很多免費可商用且風格成套的圖示集可供下載，包含像是 Google Icon Font、iconhub 或是 IcoFont 都是相當不錯的應用。
Fluenticons 這個網站跟微軟官方沒有關係，其主要提供微軟在各種應用程式中所用到的 4000多種圖示並將之集合成套，每個圖示提供實心填充與輪廓兩種樣式，並提供使用者在線上就可以進行顏色更換，下載時可選 PNG、WEBP、Vue Component 或 React Component 多種檔案格式，減少下載後還要後製處理才能使用的麻煩。

用諸多文字表達一件事、一個地方或是一個物品，都不如用圖示符號來的簡潔有力，網路上有很多類型的圖示集可供下載使用，但與醫療健康領域相關的圖示標誌集則較為少見，Health Icons 提供超過千個醫療健康行業且風格統一的圖標，並有明確的分類，圖標意涵明確，每一個圖示提供填充和線條兩種風格，並有兩種尺寸大小的 PNG 透明圖片和 SVG 向量檔案可供選擇，讓直接使用還是要二次修改都方便。