![desktop](https://imgoss.gitzaai.com/wp-content/uploads/2016/07/desktop-1140x760.jpg?x-oss-process=style/2webp)
Google Material design 帶你創造美輪美奐的配色
Google Material design 帶你創造美輪美奐的配色
Material design(譯:質感設計或材質設計)是在2014年6月25日Google I/O大會上推出全新的設計語言,這套設計語言旨在為移動設備、PC和其他平台提供一致的跨平台和應用程序的體驗。
因為Material design的顏色更鮮豔,因此官方文檔提供了很多資源給大家參考,下面為大家介紹的是顏色。
按照官方指引,顏色不宜過多,選取一種主色,然後在這個基礎上利用明度、飽和度構成一條配色方案。
文字方面,顏色則透過調節純黑色#000000與純白#FFFFFF的不透明度變化來實現和區分,參考值如下;
黑字白底:正文87%,輔助文字54%,分割線12%
白字黑底:正文100%,輔助文字70%,分割線12%
Google 建議大家使用500這個值的顏色作為主色調,其他顏色作為配色,Google還特意為我們準備了這些常用的顏色色版,可以安裝添加到Adobe illustrator或者Adobe Photoshop裡面,讓大家更加方便使用。
Color swachtes下載鏈接
![desktop](https://imgoss.gitzaai.com/wp-content/uploads/2016/07/desktop-75x75.jpg?x-oss-process=style/2webp)
![desktop](https://imgoss.gitzaai.com/wp-content/uploads/2016/07/desktop-75x75.jpg?x-oss-process=style/2webp)