內容目錄
歡迎回到鵠學苑 — WordPress 網頁設計超詳細攻略 – 網頁素材分享不論是網頁設計還是現在的簡報版面設計趨勢，你可能很常會聽到或是使用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 教學文章，如果有網頁設計相關需求，或者想了解最新網站知識，也可以到 鵠崙設計 做線上免費諮詢喔！我們下次的教學見～
架站資源相關文章：
網站資訊文章推薦
內容行銷到底要多久才能見效呢？撰寫內文時一定要遵循的潛規則！
SEO到底追不追的完？文章怎麼寫！
Google Search2020再進化，如何提升網頁品質？
