海洋波浪:带慢速动效的青绿与海沫色层叠波浪渐变
海洋波浪用形状取代了柔和的融合:7 层波浪沿画面向下堆叠,颜色从青绿经过海沫薄荷过渡到海洋蓝,铺在深青绿的基础色上。柔和度降到 15,因此每道浪尖都有干净的边缘,像层叠的纸张。动画开启,速度为 25,是所有动态风格中最慢的,各层还以略微不同的速率翻滚。
调出你自己的版本
改变海浪的数量
更少、更大的海浪能为标题留出空间,所以试试把条带设为 4 而不是 7。到 12 时海面更热闹,更适合用作页脚或区块分隔。
把浪尖模糊成雾气
柔和度只有 15,是为了保持边缘清晰。到 50 时各层会相互溶解,风格从剪纸变成海雾。速度要保持低,让动效始终像潮汐。
常见问题
可以把波浪渐变当作静态图片使用吗?
可以。关闭动画,波浪就会定格在当前位置,然后选择 16:9 或 9:16 这样的宽高比来构图。PNG 是导出格式之一,另外还有 HTML 和 JSON。导出需要一个免费的 UX Pilot 账号;在浏览器中试用这个风格是免费的。
使用方法
选择起点
从柔软网格、日食光芒或 Riso 半色调等 28 种风格中任选其一开始,或者选择一种渐变类型,并搭配 24 套调色板之一。
调节渐变
调整缩放、扭曲、旋涡和柔和度,添加颗粒、玻璃面板或玻璃砖、圆点、网格或线条叠加层、混合的第二图层,或半色调、像素排序等处理效果,还可以开启动画并单独设置速度。
预览并使用
在落地页、卡片、移动端和注册页布局中查看渐变,然后登录免费的 UX Pilot 账号,即可将其用于画布或导出。