內容目錄
歡迎回到鵠學苑 — WordPress 網頁設計超詳細攻略，相信各位網頁設計師們在設計網頁時，難免會需要用到社群媒體圖示、知名品牌的 Logo 或是要尋找該品牌的色碼。鵠學苑來介紹兩個好用的設計資源網站，能快速地獲得品牌 Logo .SVG 檔案及標準色碼，讓大家不會再因為從 Google 抓取的 .png 圖檔解析度不夠，或是製作連結按鈕時找不到品牌主色色碼而傷腦筋。接下來跟著鵠學苑的腳步，讓我們開始學習吧！
Simple Icons 網站連結
https://simpleicons.org/
Brand Colors 網站連結
https://brandcolors.net/
Simple Icons 網站介紹
第一步：一進到 Simple Icons 的網站中，可以看見收錄了許多知名又常見的品牌 LOGO ， Simple Icons 開放 .SVG 檔案下載，讓設計師們省下不少繪製時間，同時也建議了該品牌的主要用色，讓設計師們面對五顏六色的 LOGO 時不用煩惱該使用哪種顏色才是正確的。
第二步：雖然一進到網站中你可能會被 Simple Icons 的海量 Logo 嚇到，但是它提供了快速篩選及搜尋的功能，篩選功能能依照品牌名稱 A 到 Z 排列，或是由色彩依序呈現，左上角也有搜尋的功能，可以快速的找到想要的 LOGO 圖示。
第三步：Simple Icons 下載方式也非常的簡單，只要點選該 LOGO ，就會跳出下載視窗了，是不是非常方便呢！？
Brand Colors 網站介紹
第一步：不同於 Simple Icons ， Brand Colors 提供許多知名品牌的主要標準色，雖然該網站採條列示呈現，也沒有篩選功能，但是使用者還是可以透過左上角的搜尋查找。
第二步：Brand Colors 獲取品牌 LOGO 標準色的方式也非常簡單，只要點選該品牌的顏色，就會自動複製了。
第三步：若是想要直接看見顏色的色碼， Brand Colors 也提供不同的顏色瀏覽方式，只要在該品牌的空白處點選，就能自動切換顯示模式，滑鼠滑到該色上面就會顯示色碼。同時也會顯示品牌色彩更新日期，方便大家使用。
結語：
介紹了兩種獲得常見品牌標準色與 LOGO .SVG 檔下載的網站，希望幫助設計師們能夠節省更多查找時間，畢竟設計的一項重要成本就是時間了。今天的教學到這裡告一段落了，不要忘記在右側訂閱鵠學苑電子報，確保收到最新 WordPress 教學文章，如果有網頁設計相關需求，或者想了解最新網站知識，也可以到 鵠崙設計 做線上免費諮詢喔！我們下次的教學見～
架站資源相關文章：
網站資訊文章推薦
內容行銷到底要多久才能見效呢？撰寫內文時一定要遵循的潛規則！
SEO到底追不追的完？文章怎麼寫！
Google Search2020再進化，如何提升網頁品質？
