玻璃砖:电光蓝网格渐变上的圆角磨砂玻璃砖
玻璃砖在宝蓝、青色和紫色的网格渐变上铺了一层圆角玻璃方块,底色为午夜蓝。玻璃砖形状设为圆角,每行玻璃砖数为 4,每块砖都像一枚小透镜:透镜强度为 60,把后方的颜色放大,中心放大最多,越靠边缘越弱;磨砂为 15,加上一层轻微的模糊。每块砖的左上边缘都会受光,并向右下方投下柔和阴影,不必一层层搭建就能得到玻璃拟态的浮起玻璃质感。
调出你自己的版本
加重磨砂感
磨砂只有 15,所以每块砖里的渐变依然清晰。调到 50 左右,玻璃砖会把颜色模糊掉,并蒙上一层乳白薄膜,更像浴室里的磨砂玻璃,为上方的文字提供更安静的底衬。
调整网格大小
每行玻璃砖数决定横向能放几块。设为 2 会得到两块大面板,适合左右分栏的首屏;8 以上网格就变成马赛克。把玻璃砖形状改为圆形可做玻璃按钮,改为菱形则是菱格图案。
常见问题
玻璃砖和玻璃滑块有什么区别?
玻璃会把整幅画面切成竖向的棱纹玻璃条,就像长虹玻璃。玻璃砖则是网格中彼此独立的透镜,每块都有自己的放大视图、受光边缘和阴影。在这个风格里玻璃保持为 0,所以画面上唯一的玻璃就是这些砖块。
使用方法
选择起点
从柔软网格、日食光芒或 Riso 半色调等 28 种风格中任选其一开始,或者选择一种渐变类型,并搭配 24 套调色板之一。
调节渐变
调整缩放、扭曲、旋涡和柔和度,添加颗粒、玻璃面板或玻璃砖、圆点、网格或线条叠加层、混合的第二图层,或半色调、像素排序等处理效果,还可以开启动画并单独设置速度。
预览并使用
在落地页、卡片、移动端和注册页布局中查看渐变,然后登录免费的 UX Pilot 账号,即可将其用于画布或导出。