跳转到内容

色彩

色彩在产品中起到传递信息、创建层级、表达情感、构建一致性的目的。

主题色

主题色是体现产品特性和传播理念最直观的视觉元素之一。在色彩选取时,需要先明确品牌色在界面中的使用场景及范围。主色用于特别需要强调突出的文字、按钮和icon。

主题色

功能色

功能色代表了明确的信息以及状态,比如成功、出错、失败、提醒、链接等,常应用在文字、图标等场景中。功能色的选取需要遵守用户对色彩的基本认知。

功能色

中性色

中性色主要被大量的应用在界面的文字部分,此外边框、分割线等场景中也非常常见。产品中性色的定义需要考虑深色背景以及浅色背景的差异。

中性色

图标色

用于体现图标的差异性,便于用户识别与记忆。

图标色