umshare聯合分享網

Share with us!

Google Material design 帶你創造美輪美奐的配色

Google Material design 帶你創造美輪美奐的配色

Google Material design 帶你創造美輪美奐的配色

Google Material design-umshare聯合分享網

Material design(譯:質感設計或材質設計)是在2014年6月25日Google I/O大會上推出全新的設計語言,這套設計語言旨在為移動設備、PC和其他平台提供一致的跨平台和應用程序的體驗。

因為Material design的顏色更鮮豔,因此官方文檔提供了很多資源給大家參考,下面為大家介紹的是顏色。

按照官方指引,顏色不宜過多,選取一種主色,然後在這個基礎上利用明度、飽和度構成一條配色方案。
文字方面,顏色則透過調節純黑色#000000與純白#FFFFFF的不透明度變化來實現和區分,參考值如下;

Google Material design-umshare聯合分享網

黑字白底:正文87%,輔助文字54%,分割線12%
白字黑底:正文100%,輔助文字70%,分割線12%

Google 建議大家使用500這個值的顏色作為主色調,其他顏色作為配色,Google還特意為我們準備了這些常用的顏色色版,可以安裝添加到Adobe illustrator或者Adobe Photoshop裡面,讓大家更加方便使用。

https://material.google.com/style/color.html

Color swachtes下載鏈接

Color_swatches Download

Leave a Reply