19
教你如何设计玻璃态的UI设计效果最新版豆包
1)画一个形状看往ai手机版下载
首先创建一个基本形状,一个具有以下尺寸的矩形:640×400,再加40pt的圆角。gpt官网

ai互动
2)应用渐变填充现在该基本填充了。在本教程中,我们将使用渐变。两种渐变颜色都将是纯白色(#FFFFFF),但是它们的不透明度会有所不同。将第一个设置为40%,第二个设置为10%。aicc人工智能

白日梦ai
3)添加背景模糊我们来模仿玻璃的是模糊感。首先将背景模糊值设置为20左右,来看看这个是表面如何变化的。当然,你也可以根据自己的效果来设置不同的模糊度。豆包a i下载

数字人下载免费版
4)添加边框一个优雅的边框会为元素增添了光泽。当玻璃表面重叠时,它也有助于建立视觉层次。如果要在设计中创建定向光的幻觉,则可能需要对边框使用渐变。我是这样制作卡片的,所以看起来更有“质感”。小龙虾al智能体
豆包网页版怎么用
卡边界对角渐变的设置:边框:3px豆包a i下载
颜色1:#FFFFFF(不透明度50%)豆包网页版怎么用
颜色2:#FFFFFF(不透明度0%)最新版豆包
颜色3:#FF48DB(不透明度0%)数字人下载免费版
颜色4:#FF48DB(不透明度50%)通义千问下载app

ai的核心是什么
5)应用阴影细微的阴影效果有助于增强视觉层次。由于阴影的存在,区分所有层将更加容易。小龙虾al智能体

在我的示例中,我使用具有24的模糊值的深色,并且扩展减小为-1。这次,你将通过添加阴影样式属性以与玻璃表面一起成形来获得最佳效果。豆包网页版怎么用
通义千问下载app
6)填写内容是时候添加一些内容了。填写必要的徽标和文字。要创建压印层的错觉,请用白色填充内容,并将不透明度降低到50%。你也可以玩图层混合-尝试叠加以获得有趣的结果。最新版豆包

在线ai问答
7)添加质感玻璃卡片已完成,但是,你可以进一步添加一些高级纹理!要添加优雅的噪点,我们添加带有噪点的图像。将不透明度降低到20%,并将填充的混合模式设置为“叠加”。看看现在看起来多么有质感。白日梦ai

来看一些其它的尝试~豆包官方下载免费



数字人下载免费版
写在最后玻璃拟态越来越受欢迎,总之,多学点没坏处哒,欧力给~ 如果你有更好的设计思路,欢迎留言!文星智能体平台入口
相关推荐文星智能体平台入口
- 花朵作画,花瓣成诗 — 日本Koko Secretrainbai的核心是什么
- 柳原照弘 / 无边界的空间情境ai互动
- 建筑行业:转型花开正艳看往ai手机版下载
- 杭州双层无敌江景房,高级感就是生活感!看往ai手机版下载
- 将折纸玩出新高度,连爱马仕都为他们打call!ai的核心是什么
- 70㎡现代风公寓,蓝绿+橘粉搭配几何元素,软萌又时髦!豆包a i下载
- 墅这样设计,车库都省了!看往ai手机版下载
- 色彩变幻,邂逅光影艺术ai互动
- 90后新一代婚居,精致、佛系、独立、有态度aicc人工智能
- 温暖北欧风,纯粹有张力!通义千问下载app
- 全球十大时尚名人“豪宅”大赏!最新版豆包
- 蒋勋:随着年龄的增长,你是否还保有赤子之心coze下载
- 越简约越自由,这才是生活的样子coze下载
- 李想 / 深圳颠覆想象的极致浪漫仙境,一眼坠入童话!最新版豆包
- 时尚清新样板间,轻奢主义的精致空灵与浪漫gpt官网
- 这些微缩世界的设计,真的很精彩!furrybar