無論是開發網站、網頁服務或是一般手機應用程式,一定都會用到圖示,這在網站上通常被稱為網頁圖示(Favicon),應用程式也會因裝置需要不一樣的圖示大小,雖然轉換圖片大小是很簡單的事,但我們不一定確切知道需要什麼樣的尺寸或格式,有一些工具可以快速解決問題,像是 Favic-o-Matic 就能協助使用者製作出各種尺寸的網站圖示,而且也提供對應的程式碼非常有用。
網站圖示
Formito 免費網站圖示 Favicon 產生器,以文字或表情符號線上製作圖案
Restore old Google icons 將 Gmail、日曆和 Meet 網站圖示還原舊版(Chrome 擴充功能)
iconmonstr 超過 4000 個免費圖示 SVG、EPS、PSD 和 PNG 格式下載
如果你在製作專案或開發網站、應用程式需要用到圖示,網路上有非常多免費圖示可供下載選擇,通常只需要找到合適的設計風格,稍微研究一下授權方式就能使用,不需要自己重新開發一套圖示,特別是一些線條較為簡單、精簡的圖案設計很適合使用在各種情境,例如修改自 Font Awesome 的 Line Awesome、具完整自訂性的 Ikonate、手工打造的高品質圖示集 Zwicon 和 Feather Icons、Octicons 等等。
Favicon.io 最強大的網站圖示產生器,可線上文字製作或以圖片轉換
Favic-o-Matic 快速裁切、製作各種尺寸大小的 Favicon 網站圖示
useAnimations 免費動態圖示下載,可用於應用程式或網站介面開發
IconArchive 超過 70 萬個免費圖示下載,提供 PNG、SVG 等常用格式
Zwicon 手工打造高品質免費圖示集,566 種圖案收錄各種格式
開發一項新的專案前,可能會先去把相關資源找齊,其中在介面部分一定會碰到的問題是要使用那一套圖示做為主視覺,網路上已經有相當多免費圖示可供下載甚至是商業使用,若非必要其實不用再重新開發,我在上一篇「免費圖示 Unicons 收錄超過 1000 個向量圖示下載」提過一些之前介紹過的圖示素材,如果你想找圖示,也可直接瀏覽本站免費圖示分類或透過右側站內搜尋框找到更多相關文章。
Unicons 超過 1000 個向量圖示免費下載,完美像素放大縮小不影響解析度
如果要開發應用程式或網路服務,通常會需要整套樣式一致的圖示集,而這些圖案也不是太難找,網路上有不少以開放原始碼釋出、甚至可用做商業用途的圖示庫,例如我之前介紹過的 illustrio、Ionicons、Feather Icons 和 Octicons 等等(文章裡還有更多免費圖示集鏈結),這些圖案都有不太一樣的樣式設計,只要符合自己介面風格就能有相當好的效果,相較於自行開發整套圖示來說也更省時省事。