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. 主题

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容