material design (7)style——color

1 色板
建议:500作为基本色,其他的作为强调色。

2.色彩方案
(1)从色板中选择一个主色,选择3个色调,然后选择一个强调色。
primary color 使用最多 大面积使用
secondary color 稍微深一点或浅一点
accent color 悬浮按钮或者文本域,光标,文本选择,进度条,滑块,链接等。

  1. 文本和背景颜色
    (1)文本透明度
    不同透明度表示不同的重要程度
    透明度与背景颜色的深浅有关
    (2)深色文字浅色背景
    最重要的 87%
    次重要 54%
    提示,注释 38%
    (3)白色文本深色背景
    最重要的 100%
    次重要的 70%
    提示文字 icon 50%
    分割线 12%
    不管是黑色还是白色字体,尽量使用透明度而不是灰色
    (4)icon以及其它元素
    黑色icon 可点击 54% 不可点击 38%
    白色icon 可点击 100% 不可点击 50%

  2. 主题

你可能感兴趣的:(material design (7)style——color)