本期主题是金融类 App 页面的深色模式设计。我参考了一些大厂设计规范,整理了一个普适性比较强的深色模式色彩搭配方案,让你能快速上手深色页面设计。首先,我们需要了解深色模式的颜色搭配原则。背景色是基于黑色的基础上,覆盖不同透明度的白色,得到 4 个级别的颜色。文本色则是在 HSB 色彩模式下,以白色为基础,通过亮度的递减,得到 4 个级别的颜色。针对金融类页面,我们使用绿色和红色来表示金融产品的价值升降。
点击图片即可使用即时设计,快速实现的深浅颜色切换
本期主题是金融类 App 页面的深色模式设计。我参考了一些大厂设计规范,整理了一个普适性比较强的深色模式色彩搭配方案,让你能快速上手深色页面设计。首先,我们需要了解深色模式的颜色搭配原则。背景色是基于黑色的基础上,覆盖不同透明度的白色,得到 4 个级别的颜色。文本色则是在 HSB 色彩模式下,以白色为基础,通过亮度的递减,得到 4 个级别的颜色。针对金融类页面,我们使用绿色和红色来表示金融产品的价值升降。
点击图片即可使用即时设计,快速实现的深浅颜色切换