Google Design - Material icons 常用 ICON 免費下載使用

Google Design - Material icons 常用 ICON 免費下載使用

不論是 windows、web、Android、iOS 的開發,甚至是平面設計,總是免不了 ICON 圖示的應用,既然稱為圖示,當然就不是要使用者去猜,而是必須設計成一看就知道要做什麼。想要有一致的圖示風格又能符合 ICON 的設計準則,網路上有很多免費下載 ICON 圖示的網站,而現在 Google Design 中的 Material icons 網站,則是提供 Action、Alert、AV、Communication、Content、Device、Editor、File、Hardware、Image、Maps、Navigation、Notification、Social、Toggle 等多種類型的 ICON,且每個圖示均提供 18dp、24dp、36dp、48dp 尺寸與 PNG、SVG 兩種圖檔格式,供你免費下載應用。

§相關文章,還可以參閱:

如何下載 Material icons ?

1.使用瀏覽器進入 Google Design - Material icons 網站後,可供舉類型點擊要下載的圖示。

Google Design - Material icons 常用 ICON 免費下載使用

2.點擊圖示後,介面的最下方,便會出現下載與如何應用的資訊供你選擇。

Google Design - Material icons 常用 ICON 免費下載使用

Web 字型,主要在解決網頁設計所使用的字型,可能與瀏覽端的字型不一致所造成的排版差異與視覺感受,而 Google 有提供免費的 Web 英文字型,想要應用,可以到 <a href="https://www.google.com/fonts/" >Google fonts</a> 輕鬆取得相關的連結語法。如果想要先試試每種字體在網頁上的呈現效果,可以利用 TypeWonder 這個免費的網站來進行測試,只要輸入要測試的網址,便可使用自己所選擇的英文字型來呈現,且可以產生連結語法,方便應用到網頁上。

或許你已發覺在筆電上使用 Google Chrome 瀏覽器來作業時,似乎耗電量會比較快,這對僅能使用電池在外工作的筆電實在不利,那麼如何改善呢?在「Google Chrome Blog」中的「Better battery life for your laptop」這篇文章中就有提到,只要手動設定外掛程式的選項,就能有效降低 Chrome 瀏覽器的耗電量,讓你使用筆電上網時能更省電。