美文网首页
material design (7)style——color

material design (7)style——color

作者: 晨曦xhw | 来源:发表于2016-09-29 10:07 被阅读0次

    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

          本文链接:https://www.haomeiwen.com/subject/gvvhyttx.html