ZUI的配色表包含三部分:主要颜色,灰度颜色及额外颜色。

主要颜色

包含3~5种颜色,决定了ZUI界面整体色调。主要颜色会用在菜单、导航、链接、高亮选项等。

在ZUI的默认配色方案中,包含以下主要颜色:

灰度颜色

灰度颜色强制使用同一色调不同亮度的一组颜色。在无特别需求的情况下,一般使用黑色灰度。灰度颜色会用在块的背景,边框,次要的文本上。灰度颜色为界面创建了层次感,加深了内容与内容间的边界,更易于体现内容的重要程度。

额外颜色

额外的颜色为特殊控件提供的更多的色彩选择。例如各种级别的消息框,特殊作用的按钮,特殊文本等。

在JS中使用获取配色表

你可以在Javascript代码中获取和使用这些配色。具体用法参考章节配色表

配色设计要点