重點整理
Simple Icons 可免費下載知名品牌與社群平台的 Logo SVG 並附品牌主色；BrandColors 則收錄品牌官方標準色，點一下就複製色碼。本文示範兩個網站的搜尋與使用方式。
相信各位網頁設計師們在設計網頁時，難免會需要用到社群媒體圖示、知名品牌的 Logo 或是要尋找該品牌的色碼。鵠學苑來介紹兩個好用的設計資源網站，能快速地獲得品牌 Logo .SVG 檔案及標準色碼，讓大家不會再因為從 Google 抓取的 .png 圖檔解析度不夠，或是製作連結按鈕時找不到品牌主色色碼而傷腦筋。
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 時要注意哪些規範？
品牌 Logo 不是一般素材，多數品牌都有公開的使用規範，常見要求包括：
- 不要變形或改色：不能拉長、加特效，顏色只能用官方色或黑白單色。
- 保留留白：Logo 周圍要留足夠空間，不要和其他圖形黏在一起。
- 用最新版本：品牌改版後，舊 Logo 應該換掉，社群平台尤其常更新。
- 不暗示合作關係：只用來標示連結或相容性，不要放在像是代言的位置。
正式上線前，到品牌官網搜尋「brand resources」或「品牌規範」確認一次最保險。
常見問題
要去哪裡找品牌 Logo 的 SVG？
Simple Icons 收錄大量知名品牌與社群平台的 Logo，可以免費下載 SVG，並附上品牌主色色碼。用左上角搜尋品牌名稱，點選圖示就能下載或複製 SVG 原始碼，比從 Google 圖片抓 PNG 清楚許多。
要怎麼查品牌的官方標準色？
可以用 BrandColors 搜尋品牌名稱，點一下色塊就會複製色碼。不過品牌色會隨改版調整，正式專案最好再到該品牌的官方品牌規範頁面確認，例如社群平台多半有提供品牌資源與色碼說明。
Simple Icons 的 Logo 可以商用嗎？
Simple Icons 專案本身以 CC0 釋出，但收錄的 Logo 是各品牌的商標，商標權仍屬於品牌所有者。用在「追蹤我們的 Facebook」這類連結按鈕通常沒問題，但不能讓人誤以為是品牌官方合作或代言，使用時也應遵守各品牌的商標規範。
結語
介紹了兩種獲得常見品牌標準色與 LOGO .SVG 檔下載的網站，希望幫助設計師們能夠節省更多查找時間，畢竟設計的一項重要成本就是時間了。