DOTOWN 前任天堂設計師開發免費點陣圖網站超過 600 種素材免費下載

DOTOWN

之前介紹過「俐方體11號:免費、開放原始碼 11×11 中文點陣體字型下載」,一款帶有復古感覺的點陣免費字體,看起來非常有時代感,彷彿回到二十年前的 DOS 老遊戲風格,一格一格的營造出早期解析度不高的效果。如果你喜歡這種點陣圖設計,現在還有專門提供類似素材的網站(不過當然以日文為主),無論要使用於海報、投影片或是做為報告插圖,將它套用於實體商品都非常適合。

Share Icon 超過 25 萬個免費圖示下載!PNG、SVG 兩種主要格式

Share Icon 超過 25 萬個免費圖示下載!PNG、SVG 兩種主要格式

如果想要尋找好看的圖示圖案,我曾經介紹過許多免費圖示資源,大家可以從各種網站中尋找自己需要的素材,畢竟對大多數使用者來說要自己繪製圖示圖案還是有不少難度,還好網路上已有現成圖示可直接使用,減少重新開發需要耗費的成本和時間。偶爾在製作簡報或是書面報告時需要用到圖片也能找找有無合適的素材,或許可以使內容看起來更為生動活潑。

3dicons 免費、開放原始碼 3D 圖示集,以 CC0 授權釋出可商用

3dicons 免費、開放原始碼 3D 圖示集,以 CC0 授權釋出可商用

3dicons 是一套開放原始碼 3D 免費圖示集,收錄超過 1440 個圖片素材(網站上放了 120 個預覽圖示),這些圖示素材採用 CC0 授權方式釋出,可以免費使用於個人和商業用途,圖示有四種預設的顏色風格、三種攝影角度和 HQ 渲染,提供多種常用格式像是 Figma、PNG Dynamic、PNG ISO、PNG Front、Blender 和 Fbx 檔案,具有高解析度 2400x2400px。

Icon-icons 免費圖示網站 PNG、ICO、ICNS 和 SVG 格式下載可商業用途

Icon-icons 免費圖示網站 PNG、ICO、ICNS 和 SVG 格式下載可商業用途

Icon-icons 是一個收錄成千上萬免費圖示的西班牙網站,網站宗旨是協助使用者找到運用在網頁專案、應用程式、雜誌、海報、廣告設計或是任何目的的圖示圖案,你可以從這裡找到各種常見格式包括 PNG、ICO、ICNS 和 SVG,點選要下載的格式就能快速取得圖示,每個圖示集會有作者、授權說明、分類、標籤、下載次數等相關資訊,大多數圖示素材都可使用於個人和商業用途。

Unicons Icon Library 超過 4500 個免費圖示向量圖和網頁字型下載

Unicons Icon Library 超過 4500 個免費圖示向量圖和網頁字型下載

Unicons 是一套收錄超過 4500 種圖案的圖示庫,來自開發商 Iconscout,本身有四種不同風格設計,包括單純線條(Line)、單色(Monochrome)、填滿顏色(Solid)和更細邊框線條(Thin Line),超過 20 種分類,像是箭頭、品牌標誌、商業、對話、雲端服務、通訊網路、裝置、檔案資料夾、多媒體、醫學、安全性、購物、交通工具和使用者介面,都能在圖示庫找到各種對應的圖案。

Iconpie 上傳圖片自動產生各種網頁及應用程式專用的圖示尺寸

Iconpie 上傳圖片自動產生各種網頁及應用程式專用的圖示尺寸

無論是開發網站、網頁服務或是一般手機應用程式,一定都會用到圖示,這在網站上通常被稱為網頁圖示(Favicon),應用程式也會因裝置需要不一樣的圖示大小,雖然轉換圖片大小是很簡單的事,但我們不一定確切知道需要什麼樣的尺寸或格式,有一些工具可以快速解決問題,像是 Favic-o-Matic 就能協助使用者製作出各種尺寸的網站圖示,而且也提供對應的程式碼非常有用。

Formito 免費網站圖示 Favicon 產生器,以文字或表情符號線上製作圖案

Formito 免費網站圖示 Favicon 產生器,以文字或表情符號線上製作圖案

如果有開發或經營網站的經驗,一定知道網站圖示(Favicon)是相當重要的一個環節,這個圖案除了顯示於書籤列表,在開啟網頁時也會出現在瀏覽器分頁標籤左側,對於識別網站來說有一定程度效果,特別是很多人習慣同時打開許多分頁,在這種情況下圖示就成為快速切換特定分頁的方式。一開始就建議選擇具有代表性、容易被記住的圖案或顏色,通常會以 LOGO 或是字母搭配特定顏色加強記憶。

Restore old Google icons 將 Gmail、日曆和 Meet 網站圖示還原舊版(Chrome 擴充功能)

Restore old Google icons 將 Gmail、日曆和 Meet 網站圖示還原舊版(Chrome 擴充功能)

網站圖示(Favicon)是網頁相當重要的一部分,特別是現在大家習慣在瀏覽器同時打開許多分頁,當分頁標籤寬度不足時,就只能透過網站圖示辨別,另一方面是書籤也會顯示圖示,對我來說是從一堆網站快速找到需要網站的方法。前段時間 Google 開始將旗下服務的圖示風格統一,採用 Google 標誌的四種顏色:藍色、紅色、黃色和綠色,看起來更為簡約,不過也有不少人反映看起來好像長得都一樣,在可辨識度方面會有些問題。

iconmonstr 超過 4000 個免費圖示 SVG、EPS、PSD 和 PNG 格式下載

iconmonstr

如果你在製作專案或開發網站、應用程式需要用到圖示,網路上有非常多免費圖示可供下載選擇,通常只需要找到合適的設計風格,稍微研究一下授權方式就能使用,不需要自己重新開發一套圖示,特別是一些線條較為簡單、精簡的圖案設計很適合使用在各種情境,例如修改自 Font Awesome 的 Line Awesome、具完整自訂性的 Ikonate、手工打造的高品質圖示集 ZwiconFeather IconsOcticons 等等。

Favicon.io 最強大的網站圖示產生器,可線上文字製作或以圖片轉換

Favicon.io 最強大的網站圖示產生器,可線上文字製作或以圖片轉換

前段時間在研究網站圖示(Favicon)如何正確運作,對有在經營網站的站長來說一定知道在網站加入識別圖案的重要性,一般來說,加入網站圖示的作法並不困難,甚至很多網站會說只要一段原始碼就能做到,但現在因為有行動裝置作業系統,也要考量到網站被新增到桌面時會用到不同圖示尺寸,因此就必須額外準備各種不同尺寸大小的網站圖示。