设计癖 - 关注设计癖 发现好设计

X

设计癖 - 关注设计癖 发现好设计

登录

忘记密码?

X

设计癖 - 关注设计癖 发现好设计

邮箱注册

《设计癖免责声明》

密码找回

取消

7种 磨砂玻璃设计使用方法

你get了吗?

文章来源:设长
ID:shec-zhang
作者:杨哥
编辑:卝生

今天给大家讲讲设计中模糊和透明度的恰到好处的组合, 磨砂玻璃效果。还分享了很多素材。7种 磨砂玻璃设计使用方法

这是一种设计技术,它使用高斯模糊、阴影和透明度来创建一种元素,创造出一种磨砂玻璃的视觉效果。

下面让我们深入探讨利用七种不同的方法来使用这种设计效果!

老规矩!记得收藏点赞噢!全方位的给到你最新鲜的设计干货,为加鸡腿做准备!

7种 磨砂玻璃设计使用方法

使用磨砂玻璃的7种方法

 

01

分层设计元素

磨砂玻璃是通过多个效果的组合在一起的,分别是模糊,阴影和透明度等。我们可以进行分多个层的设计。

无论是单个元素还是堆叠,在背景元素推送的方式上,需要创建细微的深度。注意较大的”玻璃”区域白色边缘周围的软阴影,要使其与背景之间有明显的区别。

7种 磨砂玻璃设计使用方法

7种 磨砂玻璃设计使用方法

 

02

图标设计

磨砂玻璃图标是大多数设计师长期使用的图标风格。

但由于图标设计非常小,磨砂效果可能会给某些设计增加一定程度的视觉复杂性。对于将以超大方式使用的图标来说,这可能是最可行的。

7种 磨砂玻璃设计使用方法

7种 磨砂玻璃设计使用方法

7种 磨砂玻璃设计使用方法

7种 磨砂玻璃设计使用方法

 

03

柔和的背景

磨砂玻璃效果可以作为网站背景的基础。运用这个设计效果的诀窍是模糊背景图像或颜色,让用户不要试图猜测背景是由什么构成的。但使用它一定要是一个柔和的颜色。

下图中使用背景和中间地面元素的双磨砂层,这些层穿过背景。白色区域和曲线进入颜色背景是一个强大的组合。

7种 磨砂玻璃设计使用方法

7种 磨砂玻璃设计使用方法

7种 磨砂玻璃设计使用方法

 

04

卡式方块

磨砂玻璃效果运用卡式方块,是让元素之间创建分离的理想之选。

在下图的玻璃卡式方块示例中,设计使用信用卡风格的元素,可以进行任何类似的叠加。但注意磨砂玻璃如何软化整个设计轮廓。

7种 磨砂玻璃设计使用方法

7种 磨砂玻璃设计使用方法

7种 磨砂玻璃设计使用方法

 

05

主导艺术

在网站设计中,将磨砂玻璃效果作为主导元素的比较少,但还会有些设计师会选择它。

在下面的例子中,磨砂玻璃作为前景,背景选择清晰的效果。但这样焦点就会在磨砂玻璃效果前的元素,这样的设计能很好的突出主题。当用作主导艺术元素时,要确保它不会”太软”,要有交互感,注意实用性。

7种 磨砂玻璃设计使用方法

7种 磨砂玻璃设计使用方法

7种 磨砂玻璃设计使用方法

 

06

搭配深色背景

磨砂玻璃技术搭配深色背景的最好突出主题的。深色的背景出现磨砂玻璃的质感,让观者的注意力一下就关注到深色背景上的主题,磨砂玻璃效果则作为辅助元素表现。

下面就是一个很好的示例。在这个黑暗的设计概念中,磨砂玻璃的效果是帮助吸引观者的注意力到屏幕上的项目。

7种 磨砂玻璃设计使用方法

7种 磨砂玻璃设计使用方法

7种 磨砂玻璃设计使用方法

 

07

微妙的元素变化

在背景上的较小颜色区域可以添加一些视觉焦点,以确保设计版面上拥有动感。但 尽量不要将背景磨砂元素扩展到整个屏幕。微妙的元素变化就可以让画面不会太枯燥,简单的搭配,可以引起观者的注意力。

7种 磨砂玻璃设计使用方法

7种 磨砂玻璃设计使用方法

总结:

磨砂玻璃效果,它可以作为小空间的微妙元素或作为设计项目的整体设计概念工作。这是创建具有更多视觉效果和视觉层次的不同方式。阴影+透明度+背景模糊的搭配使用,让磨砂玻璃拥有独特的视觉效果,可以让界面具有很好的呼吸感,让用户在使用页面时心情可以很轻松,给人很舒适的感觉。

你此刻的心情

  • 11

  • 0

  • 0

  • 0

  • 0

版权声明: 凡本站注明来源非设计癖的文章,目的在于传播,如需转载,请与稿件来源方联系,如产生任何问题与本站无关;凡本站所发布的图片、视频等素材,版权归原作者所有,仅供学习与研究,如果侵权,请提供版权证明,以便尽快删除。

留下评论 全部评论(0)

你可能也喜欢

表达过心情的用户

现实版UFO飞碟问世!时速257公里,售价158万元!

危!旧金山最高住宅“千禧塔”持续倾斜

「爱死机」第三季?!动画界的天花板?原来幕后是这样…

拖拉机这样设计,简直就是辆豪车!

Adobe 发布 | 2022年四大设计趋势