Color 颜色

颜色是指UI界面设计中使用的色彩体系,Alibaba Fusion Design定义了:品牌色、中立色、功能色三部分色彩,以及衍生出的UI调色板。可用于创建反应您的品牌或风格的颜色主题。


品牌色

代表品牌对外形象及VI识别,品牌色的数量根据品牌特性制定,可以1个也可以多个,用于主Button、主搜、价格、ICON等需要突出品牌特征的地方在业务中经常使用的颜色。对其进行编号,垂直、水平可拓展。Alibaba Fusion Design的一列品牌色定义了从浅到深10个层级的色阶。
垂直编号规则:纵向下扩展品牌色数量。如:品牌色为B1-1,有次级品牌色(次级品牌色层级低于品牌)时,使用B2-1,B3-1...依次顺延。
水平编号规则:纵横向为色阶数字代号,每个颜色对应一个代号由字母+数字组成。如:品牌色为BI-1,那么B1-1的Hover色为B1-2,使用其他色阶依次顺延。



中立色

灰或饱和度低的颜色(如蓝灰)用于界面设计中字体、背景、边框、分割线、ICON、中立插图等。
Alibaba Fusion Design 的中立色从线、面、字体三方面定义了从浅到深的色阶。



功能色

功能色为UI设计中的特殊场景色,如成功、出错、失败、提醒等,专色专用。Alibaba Fusion Design的功能色板如下图:

下一篇: Corner 边角