標籤: 網頁圖示

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

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

Read More

Fluent Icons 免費下載 965 個漂亮專業的流暢設計風格圖示

在一些大公司推動的產品開發都會有「設計語言」(Design Language),簡單來說就是將設計的表達方式、偏好或風格系統化,寫成明確規範,讓設計師和開發人員間能夠溝通運用,另一方面也可重複使用設計元件,避免重複開發,將時間投入在真正重要的事物本質上。更重要的是讓產品在不同平台的設計風格維持一致性,以提升產品的識別度、強化品牌形象。

Read More

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

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

Read More

Favic-o-Matic 快速裁切、製作各種尺寸大小的 Favicon 網站圖示

最近無意間發現免費資源網路社群在 Google 搜尋結果無法正確顯示網站圖示,也就是大家都知道的 Favicon(Favorites icon),這個小小圖示代表一個網站,經常會顯示於瀏覽器標籤列或書籤,有些時候當網網頁打開太多,標題無法全部顯示於標籤列,我們就會很習慣透過網站圖示來判斷是不是自己需要的網頁。前段時間 Google 搜尋調整結果呈現的樣式,在網站標題旁邊加上圖示,因此好好設定一下自己的網站圖示格外重要(雖然後來這個設計被很多網友抗議 Google 決定要重新研議)。

Read More

Taiwan Icon Font 屬於台灣的免費圖示,收錄台北101、珍珠奶茶等圖案

愛台灣可以有很多表現方式,例如拍照上傳社群網站讓世界看到台灣的美,走訪各鄉鎮看看台灣大街小巷,雖然大家都很熱衷出國自助旅遊,但其實台灣也有不少很美麗、很有特色的地方,可惜假日出去總是人擠人,不在台灣還是會想念台灣美食。對於亞洲鄰近國家觀光客來說,他們也非常喜歡台灣,不少日本人很愛到台灣旅遊,都能拍出讓我覺得很不像台灣的相片。

Read More

useAnimations 免費動態圖示下載,可用於應用程式或網站介面開發

如果要開發應用程式或製作網站,我們通常會尋找適合的免費圖示,如此一來就能減少開發成本,也能更快製作出符合期待的介面,像是 Ikonate、Potlab Icons、Unicons 和 illustrio 都可以直接套用到使用者操作介面的圖示集,而且也具備一定程度的可自訂性,對於開發者來說是不可多得的資源。

Read More

Line Awesome 超過 4000 個免費線稿圖示,修改自知名 Font Awesome

如果說到最知名的免費圖示字型(Icons Font),我想大家一定聽過 Font Awesome,這套圖示最初發佈於 2012 年,現今則由 1,544 個圖案組成,主要分為免費、開放原始碼和付費 Pro 圖示兩大類型,在使用 Font Scripts 網站中佔有 20% 市佔率,可以想見我們看到的很多圖案可能都是來自它。若要使用這套圖示,除了直接從官方網站或 GitHub 下載整套圖示集,亦可透過開放式內容傳遞網路提供的鏈結載入相關圖案。

Read More

IconArchive 超過 70 萬個免費圖示下載,提供 PNG、SVG 等常用格式

最早在 2007 年介紹過 Icon Archive 免費圖示下載網站,後來在 2011 年稍作更新,時至今日這個網站仍持續維護,目前已累積超過 70 萬圖示,一共兩千多個圖示集,使用者可以從 Icon Archive 獲得各種自己需要的圖案。如果沒有靈感,和一般網站一樣 Icon Archive 也有新加入、最熱門、最多人瀏覽的圖示圖案,或是利用搜尋輸入關鍵字也能找出相關圖示,看得出來 Icon Archive 網站仍保留著早期網站的設計樣式,但在操作上相當簡單易用。

Read More

Ikonate 具完整自訂性免費圖示下載,SVG 向量格式可設定邊框樣式

雖然網路上有無數免費圖示可以下載使用,卻很少有「量身打造」的選擇,只能盡量找出最符合自己需求的圖示圖案,有些圖示集仍有完整自訂選項,例如 Omg-img 用一段程式碼快速插入圖示,可自訂顏色、大小或樣式,大部分的圖示則會提供一些預設大小讓使用者選擇,例如 Iconshock 收錄超過 200 萬個免費圖示下載,或是 ICOOON MONO 圖示內建七種不同的尺寸大小。

Read More

Potlab Icons 動畫 SVG 圖示免費下載,只要程式碼就能動起來

網路上有不少設計師將自行創作的免費圖示釋出,提通給需要的使用者下載使用,我也陸陸續續介紹過許多圖示集,有些甚至是開放原始碼專案,還能下載後編輯修改,對於要開發網路服務或應用程式來說確實相當省時省力。如果你在開發介面時會用到一些圖示圖案,可以先上網搜尋有無合適素材,確認授權方式後就能放心使用。

Read More
Loading