Skip to content

Latest commit

 

History

History
80 lines (46 loc) · 3.94 KB

color.md

File metadata and controls

80 lines (46 loc) · 3.94 KB
layout title permalink
page
色彩
color.html

色彩

SystemIcons icon

颜色是相对于静音环境的大色彩授意,就好像现代艺术作品,路标,路面标线带,运动场。强调阴影和亮度。意想不到的展现和鲜艳的色彩。

色样 - 0.13 MB(.zip)

用户界面调色板

调色板以原色为开始,填补了频谱来建立一个完整的色块,可用的调色板为Android,Web和iOS的。原色值的范围是500以内。 choose11 icon
choose12 icon
choose13 icon
choose14 icon
choose15 icon
choose16 icon
choose17 icon

用户界面颜色应用

选择你的调色板

通过在调色板中限制你选择的原色和强调色,以及在它们之间选出来的中间色,这三种颜色中选出你想要的颜色。强调色用于后备可有可无。

choose1 icon
choose2 icon

为灰色的文字,图标和分割器加上alpha值

为了有效地传达信息的层次结构,用深浅不同色调的文本。对于在白色背景上的文字标准alpha值为87%(#000000)。

二级文字,这是在较低的视觉层次,应该有54%(#000000)的alpha值。文字提示对于用户来说,像那些在文本字段和标签,具有更低的视觉突出,应该有26%(#000000)的alpha值。

其它元素,如图标和除法器,也可使用具有黑色的α值,而不是一个实心颜色,以确保他们在任何颜色的背景工作。

对于彩色背景上的白色或黑色的文字,看到调色板这些表的适当的对比度和alpha值。

choose3 icon

在用户界面中,大色块里使用大胆的用色会有一种强烈的鼓励感。在UI中不同的元素将采取色彩主题的不同部位。工具栏和较大的色块将采用首要500原色值。这就是你的应用的主要颜色。状态栏的颜色应该要比你的主要颜色暗淡700原色值

choose4 icon
choose5 icon

强调色

鲜艳的强调色用于你的主要操作按钮以及组件,如开关或滑块。左对齐的部分图标或章节标题也可以使用强调色。

choose6 icon
choose7 icon

后备强调色

如果你的强调色相对于背景色太亮或者太暗,根据后备的规则应该去选一个比原来更暗或更亮的颜色。如果你的强调色无法正常显示,后备色会使用500原色值的白色。如果背景是原色值为500的颜色,后备色应该是100%的白色或者54%的黑色。

choose8 icon

主题

主题是一种将一致的色调应用到一个应用程序的方法。样式是指定表面的黑暗,阴影的水平,和不透明度的适当灰度值。为了促进应用程序之间的一致性,两个主题可供选择:

  • 亮的
  • 暗的

主题 - 1.3 MB(.ai)

choose9 icon
choose10 icon