UI页面没特点怎么办?来看看流行的这几种风格!

发布于:2021-06-10 作者:admin 浏览人数:
说到UI界面设计风格,你第一反应是什么?
 
简洁风?新拟态?深色模式?还是什么风?
 
UI设计的风格有很多,但近年来,继新拟态成功吸引设计师的目光之后,另一种“拟态”——玻璃拟态(Glassmorphism),再次拉回了设计师的眼球。
 
它是毛玻璃效果的新材质应用,在多个层级下,透过磨砂玻璃的通透,呈现出一种“虚实结合”的美感,为画面添加更多细节的层次。现在也有很多UI界面在设计上开始使用这种风格。
 
 
玻璃拟态
 
 
今天我们就来聊聊UI设计风格中大火的玻璃拟态风。
 
01
玻璃拟态主要特征
 
在设计师Michal Malewicz发布的文章中为Glassmorphism(玻璃拟态)列举了4项主要特征:
 
透明度(通过背景模糊营造的磨砂玻璃效果);
使对象在多层级间悬浮的视觉感受;
能够突出模糊透明度的鲜艳色彩;
在半透明对象上添加类似玻璃高光般的纤细边框;
 
02
如何实现玻璃拟态效果?
 
玻璃拟态可以理解为覆盖在背景上方的一块玻璃,可以通过阴影、透明度、背景模糊来表现:
首先,有材质覆盖就会有阴影产生,所以要在边缘做一些阴影的效果;
其次,悬浮越高的元素(即玻璃离背景越远)看到的背景内容就越模糊,在设置时模糊值就高一些,反之悬浮越低的元素模糊值越低;(对比下图中的模糊值观察)
 
最后,背景颜色变化越大,拟化效果越明显;(可观察下图中白色背景和蓝色背景的拟化效果)
 
 
 
03
玻璃拟态的运用场景
 
玻璃拟态的优点是它有更丰富的层次感、更好的材质感,在视觉上能帮助做统一的效果。但它对背景图的要求也偏高,要求色彩更丰富的背景图。
所以从玻璃拟态的特征和优缺点出发来考虑的话,更适合本身具有图案、图片背景比较丰富的界面,如音乐播放器、卡片遮罩、带背景的个人页等,但并没有特定的适用行业,大家在设计时可以根据自己的风格来使用。
 
 
如果你是初入UI设计行业的设计师,想学习更多风格的UI界面设计,可以来跟着原谷歌系团队的UI设计师酸梅干超人来一起学习《7大热门UI界面风格设计》训练营,7天的时间,学习极简留白、杂志风、深色模式、玻璃拟化、新拟态、3D空间、霓虹渐变7种UI界面的设计风格。
 

 

上一篇:没有了
下一篇:没有了
返回顶部