Material design 之 Style中Color配色方案

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
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值