Color 颜色

一、概述

根据常见的使用场景，我们定义了：

1.主色(primary color)

2.辅色(secondary color)

3.黑灰色(black and gray)

4.功能色(functional color)

主色是产品主体颜色，被定义在关键的控件色彩。

辅色，黑灰色和功能色，会以辅助衬托的形式搭配主色使用。

一般主色就是品牌色，品牌色(主色）是体现产品特性和传播理念最直观的视觉元素之一。

在色彩选取时，需要先明确品牌色在界面中的使用场景及范围。

360小程序的品牌色来自360浏览器的绿色，绿色给人传达安全、成功、可靠等感受。

Hex 值为 #01D567，应用场景包括：关键行动点，操作状态、重要信息高亮，图形化等场景。

主色会用在公共控件的大部分控件里，而辅色会作为陪衬出现在一些特殊场景。

以下颜色是我们推荐使用的不同色系的一些颜色。

功能色，代表了明确的信息以及状态，需要在不同的场景中使用（例如成功、常规、警示、失败等）。

功能色的选取需要遵守用户对色彩的基本认知。我们建议在一套产品体系下，功能色尽量保持一致，不要有过多的自定义干扰用户的认知体验。

黑灰色主要被大量的应用在界面的文字部分，此外背景、边框、分割线、等场景中也非常常见。