網頁素材分享 – 可商用免費下載 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 項廣告體驗規範簡易說明

分享在 facebook
Facebook
分享在 google
Google+
分享在 skype
Skype
分享在 pinterest
Pinterest
分享在 email
Email
鵠學苑

鵠學苑

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

訂閱電子報

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

熱門文章

最新文章

相關文章

標籤雲

Sign up for our Newsletter

Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit

Scroll to Top