Google 推出免費網站風格設計工具(圖片來源/getmdl)
在 2014 年 Google I/O上現身的「Material Design」設計風格,利用簡單的圖示、豐富的色塊、以及在平面上打造出空間層次感,推出至今依舊頗受好評!而如今 Google 計畫進一步將這種風格推廣到桌面版網站,因此釋出了免費網站工具「Material Design Lite」。
部落格網站使用範例
Material Design Lite 網站內有多種 Code組件、風格、以及完整的模版範本,讓使用者可以進一步運用,將自己的網站改變成 Material Design 風格。此外用戶也可以將完整工具包下載,修改後再導入網站,也可以利用 npm 或是 Bower 工具導入。
會自動適應各種螢幕大小
以類似紙卡般的頁面風格,不管是在手機或是電腦上觀看,都不會有適應不良的狀況。這套工具已經先針對各尺寸螢幕適配,啟用後會自動配合各種解析度的使用環境。並且完美相容 Chrome、Firefox、Opera、Microsoft Edge 等常用瀏覽器,但對於 IE 9 只有部分相容。 Material Design Lite 是作為網站設計者先行體驗的工具,若是要使用全部功能,建議使用完整版的Material Design 和 Polymer 框架。
大量內容網站使用範例