Adobe XD 超火的玻璃拟物化设计
Glassmorphism(玻璃拟物化)是最近超火的设计趋势,Youtube上有不少相关教程,这里给大家分享一个最简单的方法:
大致设计流程如下,首先创建一个1920*1080的画板,然后拖入准备好的背景图片素材。
在画板居中的位置绘制一个1200*700的矩形,设置圆角为40,设置描边宽度为2、颜色为白色、不透明度60%,设置填充颜色为白色线性渐变从左上角至右下角颜色不透明度从5%至40%,并给矩形添加背景模糊模糊量40、亮度0、不透明度100%。
接下来在矩形下方添加两个圆形,设置颜色填充分别为#0A65FF和#DC368C并取消描边,摆放在合适的位置。
接下来制作按钮,添加一个738*230的矩形,设置圆角至最大115,取消描边,设置填充颜色为#0A65FF,添加白色文本内容。
复制一个蓝色按钮的圆角矩形,添加对象模糊,设置模糊量为30,并将图层下移一层即可。