平凡又靈活的Material icons


pablo

在製作網站或者設計時,都難免會遇到找不到素材等問題,或許,你可能會需要用到它,Material icons,是一個Google開發的平滑式圖示設計網站,在設計的任何地方,都有可能會使用到這些簡單及方便的網站小工具與素材。

Material icons是一個由Google開發的圖示網站,簡而言之,安卓系統是由Google所開發,理所當然的,Google也就隨意開放了安卓的發發套件Material icons給所有的開發者使用。

網站:Material icons
網址:https://design.google.com/icons/screenshot-design-google-com-icons-1477235354544

到了網站後,網站的介面也是依樣非常簡單,乾淨,如同五們日常生活中所使用的安著手機原版樣式一樣。但是,最重要的是,我們要如何靈活地去運用Material icons呢?看看以下範例:

範例與使用


STEP 1 套用Material Design Lite的樣式

前往Material Design Lite的官方網站,套用樣式表。

screenshot-getmdl-io-started-index-html-1477319679098

STEP 2 使用在搜尋到的Material icons套用文字圖是即可。

發表迴響

你的電子郵件位址並不會被公開。 必要欄位標記為 *