跳到主要内容

Gradient 渐变

定义产品中渐变的应用场景。


渐变参考

Example
NameValueUsage
--#00B2C6to#00CAB6
--#0095EEto#00BBD0
--#1C7BD8to#8870FF
--#F1C372to#F24C3E
--#FFB461to#FF5800福利场景
--#F19859to#EF3346活动场景

渐变选取

建议使用色板 2356 四个区域的颜色。

圆圈内的色彩为四个区域内的安全色彩,比较推荐。

使用基于行业产品特色的渐变,渐变不能太浅和太重。

推荐
渐变视觉上比较柔和协调。
慎用
渐变过于轻亮和深重。

渐变角度

45°或者90°