網頁素材分享 – 可商用免費下載 icon 圖示,IconStore 網站介紹

網頁素材分享 – 可商用免費下載 icon 圖示:

1. IconStore 網站介紹

2. IconStore 網站使用方式

網頁素材分享 – 不論是網頁設計還是現在的簡報版面設計趨勢,你可能很常會聽到或是使用Icon 這個英文詞彙,但你知道 Icon 的意思是什麼嗎?

具有美感及意義的 Icon 是需要花時間構思及設計的,現在也有許多免費 Icon分享網站能直接使用,但是能免費使用的 Icon 視覺品質卻是參差不齊,有的也無法商用,今天鵠學苑要來介紹 Icon 免費下載 IconStore 網站,裡面所有的 Icon 是設計師繪製,所以視覺品質非常好,也能作為商業用途使用,不用著名連結,但是要注意的是著作權不能歸自己,未經作者書面同意,不得重新分發。現在,讓我們一起來認識 IconStore 吧!

IconStore網站連結:https://iconstore.co/

鵠崙設計網頁使用Icon範例頁面:https://www.design-hu.com/web-design

Icon設計範例:https://www.design-hu.com/web-design/portfolio

IconStore 網站介紹

在設計中, Icon 指的是帶有意義與指示性的『圖標』,藉由簡單的圖像繪製讓使用者更了解文字或是使用內容,方便使用者對於內文、功能做一個辨識。在網站設計與簡報編排中,透過 Icon 的規劃,可以使原本單調的文字區塊視覺化,瀏覽者不會直接面對一大堆的內文,重點式的規劃搭配圖像降低瀏覽者對於大量文字的不耐煩,甚至能有耐心的閱讀內容,達成製作網站或是簡報的目的。例如 鵠崙設計 官網的頁面就使用大量的 Icon 規劃,將 WordPress 優勢重點清楚呈現,一目瞭然,更多的 Icon 使用範例與規劃可以上 客戶案例 來看看。

網頁素材分享

網頁素材分享

網頁素材分享

 

IconStore 網站使用方式

第一步:進到 IconStore 頁面後,左上角有搜尋功能,能查找關鍵字, Categories 點開後,會出現所有 Icon 的種類,可以點選自己所需要的分類。

Fillter 篩選風格:

  • Colored – 有顏色、上色風格的 Icon
  • Glyph – 單色風格的 Icon
  • Outline – 有外框設計的 Icon

 

網頁素材分享

第二步:下方右邊選單可以選擇排序方式,例如上架時間或是受歡迎程度。左方的篩選功能可以依照自己想要的風格篩選。可以先選擇左上種類再進行篩選,會更快找到你所需要的 Icon 。

網頁素材分享

第三步:下方更多按鈕底點選後可展示更多 Icon 。

網頁素材分享

第四步:將滑鼠移到縮圖上,會出現此組 Icon 的簡易說明。

網頁素材分享

第五步:點選你要的 Icon 後,左邊圖片會顯示此組所有的 Icon 設計,藍色的Download 按鈕點選會立即下載,下載按鈕下方則顯示此組 Icon 的資訊,例如上傳日期、Icon尺寸與數量、檔案類型與下載次數。

網頁素材分享

第六步:右邊則是顯示設計者的資訊,若是你很喜歡這位設計者的風格,可以點選他的頭貼與名字,看看設計者其他種類的Icon;清單頁也可以直接點選設計者頭貼。

網頁素材分享

網頁素材分享

 

結語:

相較於其他免費下載 Icon 的網站,IconStore的選擇可能較少與更新速度較慢,但是好的視覺品質是這個網站的一大優點,而且更重要的是不必在程式碼中埋入網址,是快速開發者的一大福音。不只是網頁設計,許多平面的編排如簡報、傳單設計也能使用 Icon 來重點化資訊與豐富視覺。

今天的教學到這裡告一段落了,不要忘記在右側訂閱鵠學苑電子報,確保收到最新 WordPress 教學文章,如果有網頁設計相關需求,或者想了解最新網站知識,也可以到 鵠崙設計 做線上免費諮詢喔!我們下次的教學見~

架站資源相關教學文章:

Fontface Ninja 介紹 – Chrome 快速查看網頁字體與字型大小樣式

Mac 預覽程式教學 – 圖片去背、裁切、轉檔及修改註解

Mac 截圖教學 – 螢幕快照內建基本設定與操作示範圖解

網頁設計配色分享介紹(一)- LOL Color 與 NIPPON COLORS

ScreenTray 截圖工具 – 比作業系統內建截圖更有效率的截圖神器

網頁視覺設計 – 以貝茲曲線網站 10 種字母測驗圓弧圖是否完美

網站架設知識推薦閱讀:

Site Kit WordPress Plugin – Google SEO 整合工具外掛介紹

Google 搜尋 新增簡易指令:before: & after 快速篩選搜尋結果

Chrome 移除蓋版廣告?Google 12 項廣告體驗規範簡易說明

鵠學苑

鵠學苑

我們是由一群熱愛 WordPress 網站架設的同好所組成的團隊,希望可以將這套 頂尖的 CMS 管理系統推廣給想要架站的朋友們,並且能夠在過程中互相交流心得,讓網站架設過程變得更有效率!

訂閱電子報

立即訂閱鵠崙設計(鵠學苑)!我們將不定期發送架站教學文章、最新網站版型介紹以及網頁設計最優惠價格!

熱門文章

最新文章

相關文章

標籤雲

Scroll to Top