Material design 之 Style中Color配色方案

来源:互联网 发布:儿童汉语拼音拼读软件 编辑:程序博客网 时间:2024/06/08 07:36

Google material design color ,ref :
https://material.google.com/style/color.html#color-color-palette

Material design in color 强调大胆的色调,深的阴影及明亮的亮光。

几个基本概念

Primary color 原色(用来作为actionbar color)
Secondary color 二次色(statusbar color -lighter or darker)
Accent color 强调色(floating button or active component like edittext)
text and background color 文本及背景色

Google建议用500的颜色作为原色,其他的颜色作为强调色。调色板(https://material.google.com/style/color.html#color-color-palette)

待续.


Light Theme的配色方案:
statusbar grey 300
actionbar grey 100
background grey 50
Dialog/popwindow/card white


Darker Theme的配色方案:
statusbar balck 100%
actionbar grey 900
background #303030
Dialog/popwindow/card white grey 800

0 0
原创粉丝点击