2022年UI设计新趋势分享:黏土拟物化或将引领新一轮的风潮

什麽是黏土拟物化?说到这里,你必须认识一个人:资深设计师Michal Malewicz。

2022年UI设计新趋势分享:黏土拟物化或将引领新一轮的风潮

▲ Michal Malewicz

对,就是前两年让我们留意到新拟物化(Neumorphism)、玻璃拟物化(Glassmorphism)、极光风(Aurora UI)等UI设计趋势的那位靓仔!据闻,他又又又再搞事,预测了一种可能会在2022年流行的UI设计风格Claymorphism,中文暂译为「黏土拟物化」。

那麽,黏土拟物化是怎样诞生的?它又有哪些特徵呢?下面,就让Inspirr为大家简单讲解一下!

黏土拟物化是怎样诞生的?是新拟物化的自然延伸

要介绍黏土拟物化之前,首先我们回顾一下新拟物化是什麽东东?

2022年UI设计新趋势分享:黏土拟物化或将引领新一轮的风潮

UI设计趋势

新拟物化是拟物风格(Skeumorphism)的变体,在拟物化的基础上改变图形的样式,让设计元素看起来更有真实感。相对於近几年流行的扁平化风格(Flat ),新拟物化风格类似於浮雕的效果,更能让用户产生耳目一新的感觉。

话虽如此,但是从2年前开始在Dribbble流行的新拟物化风格,最终却没有在实际产品当中大规模流行,这不禁让人有点大失所望。

其实这点并不难理解,与扁平化风格相比,新拟物化应用於UI设计上固然很有特色,但是在技术上未必能那麽容易且流畅自然地全不落地。因此,一个仅仅只能停留在视觉设计当中的设计风格,是无法在实际产品中流行开来。

2022年UI设计新趋势分享:黏土拟物化或将引领新一轮的风潮

UI设计趋势

不过也有人曾质疑过是因为新拟物化设计存在可用性问题而无法广泛应用,但在实际操作中只需一定程度的微调就能达到不错的效果。

至於新拟物化设计为什麽没有流行起来?Michal 认为,新拟物化想要做到足够出彩并不容易,一方面简单的实现并不会增加产品的吸引度;另一方面,想要做到细腻对技术而言,压力的确非常大,所以很多设计师经过反复衡量後,发现其他UI设计视觉风格会更加合理。

总结来说,近年扁平化视觉风的盛行,让大众出现审美疲劳之感,毕竟,在人类的视觉认知,从天性上决定了眼睛更加青睐阴影所构建的信息层级和视觉关系。然而新拟物化的出现,给人眼前一亮的感觉,但最终败於在「技术」实现。幸运的是,愈来愈多新拟物化衍生版本出现,给广大设计师带来了「曙光」。

比如今天要介绍的主角——黏土拟物化。

黏土拟物化的视觉风格特徵:3D、友好、蓬松

黏土拟物化这种UI设计视觉风格看起来并不像新拟物化那样「微妙」,阴影和渐变也更为清晰,元素和元素之间泾渭分明,简单,但是足够友好。

2022年UI设计新趋势分享:黏土拟物化或将引领新一轮的风潮

UI设计趋势

Michal提到,随着2021年元宇宙和NFT的大规模流行,这种源自於新拟物化会更加适合用来创建虚拟角色的视觉风格,而且还能自然地延伸加入到UI设计当中,让扁平UI元素更加具备亲和力。

2022年UI设计新趋势分享:黏土拟物化或将引领新一轮的风潮

▲ Amrit Pal Singh、Sam briskar 以及着名的设计团队 icons8 的设计作品

事实上,Michal在大概6年前的一个设计研究项目当中,就涉及到类似风格。在那个扁平化占领绝对主流的时期,这种使用圆润边角、立体且柔和的UI设计风格获得很多人的青睐,甚至设计师群体也鲜有给出好评。

2022年UI设计新趋势分享:黏土拟物化或将引领新一轮的风潮

UI设计趋势

和新拟物化类似,黏土拟物化设计需要藉助内外因应共同来构建出元素的立体感,同时背景投影除了Y轴上的偏移之外,还存在一个X轴上的偏移。而在视觉体验上,黏土拟物化风格给人感觉会更加「童趣」,也适合深色模式的运用。

不过在设计时,考虑到它本身会自带光影变化,排版布局上最後尽量「极简」些,用好强调色,调整好对比度,同时内阴影的变化要能让人感知到,才能将这种风格的特质凸显出来。

随着元宇宙的蓬勃发展以及NFT的繁荣,黏土拟物化必然会以更高的频率出现,甚至成为2022年UI设计趋势的「当红炸子鸡」。值得一提的是,随着 Fluent Design、Apple的HIG都正在明显地拥抱玻璃拟物化UI设计趋势,玻璃拟物化和黏土拟物化或会成为未来当之无愧的重要趋势!

本文来自投稿,不代表重蔚自留地立场,如若转载,请注明出处https://www.cwhello.com/41533.html

如有侵犯您的合法权益请发邮件951076433@qq.com联系删除

(0)
InspirrInspirr订阅用户
上一篇 2022年6月21日 22:41
下一篇 2022年6月21日 22:41

相关推荐

  • 电商中直播网页设计有什麽交互形式?

      电商的直播网页设计的交互形式一般来说,必须围绕主播以及用户设计。也就是属於一对多的场景,因此需要考虑到使用者在该场景下的主要互动需求。 1、资讯谘询:在直播的过程中当用户有疑问时会向主播进行发文…

    2022年6月25日
    0168
  • 网页设计规范:设计网站需要添加弹窗吗?

    网站是否加入弹窗框,应该是很多站长犹豫不决的事情。一方面,弹窗框的出现,在某程度上会降低网站的用户体验;另一方面,弹窗框又会给网站提升网站转化率。那麽,网站设计时需要加入弹窗设计吗? 网页设计规范 网站…

    2022年6月25日
    0277
  • 浅谈保守派的交互设计  

      提及到网页设计中的对话模式,保守派的交互都少不了“菊花”。基本目的是告知使用者网页正在忙着处理着他们的请求,具体的流程大抵是: 使用者点击按钮; 按钮触发变为禁用状态,按钮上显示出进度状态如菊花,…

    2022年6月25日
    0236
  • 如何让动效设计快速又清晰

    快速 当界面设计当中的控件元素需要借助动效来转变位置和状态的话,动效元素的速度应当设计得适中。简单来说就是不能太慢,不能让用户为了动效的加载而等待。同样的,也不能太快,否则用户不能很好的明白和理解这个…

    2022年6月25日
    0136
  • 微交互到底能为页面做些什麽?  

      首先,要明白页面设计的当中使用的微交互形式并非只能够承担着单一的作用,它其实也可以担任多个角色。比如,当你无法准确地进行表述,可以合理地使用它去增强使用者在页面设计当中交互的参与感。 因此,当…

    2022年6月25日
    0119
  • 前端适配方案:根据 meta 按比例缩放

      这种方案的实现其实比较偏向於技术,大致原理是根据网页设计所要面对的设备的分辨率,以及像素比等的信息,计算出网页面的缩放数值。要注意的是这种方案会有比较明显的局限性,即脚本计算的结果很难覆盖全部…

    2022年6月25日
    0426
  • 网页设计案例分享:2019年度最受欢迎的优秀网页设计大盘点

    2019年已经结束了,我们从很多网页设计作品中不难发现,设计师们不仅沿用就有的网页设计风格,亦有不少新的设计趋势诞生。不过,今天南宁网页集团并非和大家分享2020年网页设计流行趋势,而是回顾过去一年,分享Dri…

    2022年6月25日 建站资讯
    0268
  • 成功的网页设计要素:图片

    一个成功的网页设计一定是内容,设计,兼容性这3点完美结合的结果。你必须考虑用户体验,配色方案,文字内容,当然还有网站是否在手机上运行良好。 在线下宣传力度有限的情况下,网络是你推广产品或服务的最好手段…

    2019年8月19日
    0412

联系我们

QQ:951076433

在线咨询:点击这里给我发消息邮件:951076433@qq.com工作时间:周一至周五,9:30-18:30,节假日休息