ICON

「圖示」通常具有指引的作用，例如文宣上的的電話圖示，大家就會想到那是商家的聯絡電話，而在電腦上，常用於顯示檔案、裝置，以及顯示在按鈕、工具列和選單上，其大小從 16×16 到 256×256 等都有，副檔名則是以 .ico 來標示，想要將 PNG、GIF 或是 JPEG 圖片格式轉成 ICO 圖示，也不需要大費周章的安裝影像編輯軟體，可以來 converticon.com 這個免費將圖片輸出成 ICO、PNG 圖示的網站，就可以輕鬆達成，且尺寸從 16×16 到 512×512 都有 。

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

human pictogram 2.0 (無料人物 ピクトグラム素材 2.0) 網站，主要提供像是鳥獸、剪影、人像行為、氣球、箭頭、植物、背景音樂、城市、聖誕節....等等的免費音樂與插圖素材，而 human pictogram 2.0 則是以人像行為為主，將人類的日常行為，像是運動、吃飯、上學、職業別、情感...等等，用一簡單的圖示來表示，圖示提供 Illustrator Ai，EPS，SVG，JPG，PNG 五種圖片格式下載，至於可以應用的範圍，只要不將其作為商標來使用，基本上都可以。

需要將電子郵件地址留於網頁以方便聯絡，雖是簡單的語法，可是接踵而來的可能是一堆的不相干郵件會寄到該電子郵箱，如何避免公布的 EMail Address 被機器人自動收集，可以來試試 E-Mail Icon Generator 這個線上 EMail 貼紙產生器，將要公布的電子郵件信箱地址改成圖片模式來顯示，如此一來，機器人就會無法判別郵件信箱格式，有效減少非相關郵件的數量。

Emoji Kitchen Browser 是個將 Emoji 重新組合成新 Emoji 表情符號的免費網站，其採用 ? + ? = ? 的組合方式，也就是說，使用者任選一個表情符號後，Emoji Kitchen Browser 會將該表情符號的組合列出，並且顯示該表情符號是由哪兩個符號所組成，並可下載成尺寸為 534 x 534 的 PNG 圖檔，供使用者後續應用。

Android 的桌面捷徑，通常由手機廠商來決定，再來就是新安裝 App時，會自動建立桌面捷徑，但若是想要建立資料夾或是檔案的捷徑到桌面上，這時候，可以來安裝 File Widget 應用程式來協助你建立資料夾或檔案的捷徑，可以自訂名稱與 ICON，讓常用的檔案與資料夾也能有桌面捷徑，方便開啟。

常看到 IE 瀏覽器的網址列的網址前有一圖示或是在 Google Chrome 瀏覽器的分頁標籤內網站名稱前有一圖示，這些圖示其實是透過在 HTML Head 區塊內加入<link rel="shortcut icon" href="favicon.ico" />該 link 標籤，那麼如何取得favicon.ico ？我們可以透過 Genfavicon 的網站，免費的產生 favicon， 該網站提供 16x16, 32x32, 48x48, 64x64, 128x128 等尺寸的 ICO 檔，可供運用。

不論是 windows、web、Android、iOS 的開發，甚至是平面設計，總是免不了 ICON 圖示的應用，既然稱為圖示，當然就不是要使用者去猜，而是必須設計成一看就知道要做什麼。想要有一致的圖示風格又能符合 ICON 的設計準則，網路上有很多免費下載 ICON 圖示的網站，而現在 Google Design 中的 Material icons 網站，則是提供 Action、Alert、AV、Communication、Content、Device、Editor、File、Hardware、Image、Maps、Navigation、Notification、Social、Toggle 等多種類型的 ICON，且每個圖示均提供 18dp、24dp、36dp、48dp 尺寸與 PNG、SVG 兩種圖檔格式，供你免費下載應用。

瀏覽器內的書籤或我的最愛及分頁開啟後的最左側均有網站所提供的 Logo，其功能除了可增加網站之見的識別度外，當然也可增加瀏覽者對網站的印象，而該 Logo 是在網頁內使用<link> 標籤來加載，早期因瀏覽器對 Favicon Icon 的支援程度不同，大都使用 ICO 及 PNG 圖檔格式，而近來主流的瀏覽器對 svg 圖檔格式的支援漸一致， Favicon Icon 使用 svg 的向量圖檔更有其便利性，SVG Favicon Maker 是一個可以線上製作 Favicon Icon 的免費 Web 工具，使用者可以透過所提供的工具來選擇外框形狀、背景色、字形及所要使用的文字或 Emoji 圖案，完成後，可以下載成 PNG 圖檔或直接使用其 svg+xml 的 HTML 語法，直接在網頁內使用。

Windows 可以透過「個人化」功能，來更換電腦中的桌面圖示設定，例如想要更換資源回收筒、網路等所代表的圖示，但有其重點，就是所更換的圖示檔案，必須是 ico、dll、exe 或是 icl 等類型檔案，ico 對多數人來說可能是較容易製作的檔案類型，除了多數的圖片編輯工具都支援，線上也有很多圖片轉 ICO 的免費工具，ICO Convert 可以將圖片轉換成應用在執行檔、網站甚至是 Windows 圖示的 16 x 16、24 x 24、32 x 32、48 x 48、64 x 64、96 x 96、128 x 128、192 x 192、256 x 256 尺寸的 ICON 圖檔，也可以轉成各種形狀的 PNG 圖檔，讓圖片應用更多元化。

當需要使用 ICON 圖示時，不管是在提供圖標素材的網站下載，還是需要取出某個應用程式的 ICO 圖示或是想自己新建一個 ICON 圖示時，IcoFX 這套免費的新建、取出、編輯 ICON 圖示工具軟體應該是會很實用，除了可以新建、取出、編輯 ICON 圖示之外，IcoFX 也提供從不同的圖檔格式來轉換成 ICON 圖示。

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