翡翠雾:像林间薄雾一样淡去的深绿色流动渐变
翡翠雾是安静、深色的那一款。流动类型让翡翠绿、浅薄荷色和深森林绿铺过几乎纯黑的基础色,柔和度为 70,把它们模糊得像悬在树间的雾气。暗角为 40,让边缘收拢,画面中没有任何运动,因此深色仪表盘、金融和可持续发展类页面能从中获得层次,又不会有任何刺眼的光。
调出你自己的版本
拨开雾气,露出更多颜色
强度为默认的 60。提高到 80,薄荷色的高光会浮现出来;降到 40,则得到几乎单色的墨绿,不会妨碍图表和表格。
打开四角
如果你的布局把导航或标志放在角落,40 的暗角会把它们淹没。把暗角降到 15,让这些区域保留一些绿色,而不是沉入黑色。
常见问题
什么样的渐变背景适合深色模式界面?
整体亮度低、只用一个色系,并且文字后面没有锐利的形状。翡翠雾在近乎纯黑的基础色上只使用绿色,柔和度为 70,颗粒只有 14,因此浅色文本在整个画面上都能保持对比度。应用到真实界面之前,先在产品预览中检查一下。
使用方法
选择起点
从柔软网格、日食光芒或 Riso 半色调等 28 种风格中任选其一开始,或者选择一种渐变类型,并搭配 24 套调色板之一。
调节渐变
调整缩放、扭曲、旋涡和柔和度,添加颗粒、玻璃面板或玻璃砖、圆点、网格或线条叠加层、混合的第二图层,或半色调、像素排序等处理效果,还可以开启动画并单独设置速度。
预览并使用
在落地页、卡片、移动端和注册页布局中查看渐变,然后登录免费的 UX Pilot 账号,即可将其用于画布或导出。