旋转糖果:亮粉、紫罗兰与青色的扭转网格渐变
旋涡为 75,这个风格把一张糖果色的网格像棒棒糖一样绕在画面中央。亮粉、紫罗兰和天青色被拖成一道螺旋,中心最紧,越往边缘越松,铺在浅粉色的基础色上。扭曲为 45、柔和度为 55,让螺旋的旋臂保持顺滑,所以即使没有任何动画,它看起来也像定格在原地的运动。
调出你自己的版本
放松或拧紧扭转
旋涡为 40 时,颜色之间会出现一道柔和的 S 形曲线;到 100 时,中心会拧成一个紧结。预设值是 75。调整时把扭曲保持在 45 附近,让旋臂保持顺滑。
让螺旋动起来
这个风格中动画是关闭的。开启动画并把速度设为 20 左右,扭转之下的网格就会开始飘动,让螺旋显得有生命,又不至于变成加载转圈。
常见问题
旋涡渐变适合用在产品的哪些地方?
用在允许带装饰性的时刻:欢迎界面、营销活动页头、故事或社交卡片。螺旋会把视线引向画面中央,所以像欢迎和故事预览那样,在那里放一句简短的信息,避免让长段落横穿它。
使用方法
选择起点
从柔软网格、日食光芒或 Riso 半色调等 28 种风格中任选其一开始,或者选择一种渐变类型,并搭配 24 套调色板之一。
调节渐变
调整缩放、扭曲、旋涡和柔和度,添加颗粒、玻璃面板或玻璃砖、圆点、网格或线条叠加层、混合的第二图层,或半色调、像素排序等处理效果,还可以开启动画并单独设置速度。
预览并使用
在落地页、卡片、移动端和注册页布局中查看渐变,然后登录免费的 UX Pilot 账号,即可将其用于画布或导出。