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)
上一篇 2022年6月21日 22:41
下一篇 2022年6月21日 22:41

相关推荐

  • 占位符和字段标签如何才能不混用

      页面设计到了表单设置时,通常会使用文本占位符,以此作为引导,让用户轻松就可以得知填写的格式、内容。在用户进行点击输入的时候,占位符就会消失。但是,有些页面设计想要降低表单的长度,会将标签直接...

    2022年6月25日
    0116
  • 如何在电商设计中玩得出色 合理利用黑色的搭配规律

    提到电商页面设计,你会想到色彩缤纷的页面?还是诱惑力十足的优惠产品呢?但是如果电商页面设计以黑色为主色,不知你是否会点击呢?其实很多电商页面设计,除非产品类型需要或产品本身就是黑色。难带,黑色就真...

    2022年6月25日
    0144
  • 网页设计技巧:界面色彩太乱怎麽办

    界面色彩太乱怎麽办?色彩搭配,一直是网页设计中的重中之重。但由於不同人对色彩的把控力和敏感度不尽相同,导致市面上的网页设计作品质量参差不齐。因此,要想提升网页设计的视觉效果,掌握一些配色规则是非常重...

    2022年6月25日 建站资讯
    0137
  • 网页设计技巧:视觉缺少层次感怎麽解决?

    视觉缺少层次感怎麽解决?「层次感」是网页设计中出现频率非常高的词,这主要体现信息层级关系和视觉丰富度亮点。界面如果缺少层次感,会让人感到信息杂乱、画面打掉,甚至是枯燥、乏味。 视觉缺少层次感怎麽解决?...

    2022年6月25日 建站资讯
    0115
  • 两个tips让轮播图变得可爱  

      1、轮播图需充分融入到页面内容中 轮播图当中的信息内容与元素,必须和整个页面设计充分融入到一起,这样才能够让用户注意并且点击浏览它们。因此,建议使用与整站相符的风格、字体、色彩等。 2、慎用自动...

    2022年6月25日
    0105
  • 分享四川网页设计如何做才有舒适的用户体验。

        我们经常谈论用户体验,友好的客户界面可以在用户与网站或软件之间实现更好的交互,从而使软件操作更加舒适和人性化。 毫不夸张地说,经验决定网站的成败。 那么四川企业网页设计如何做才有舒适的用户体验呢...

    2023年6月17日
    00
  • 小编分享浅析:利用访客分析来进行网页设计。

    在网页设计之前,规划内容,需要的所有页面以及网站实现目标所需的功能。将内容划分为明确定义的部分,使用标准的网站结构。完成所有步骤后,即可开始构建站点,FTP上传网站程序,然后安装调试。调试好的网站,可...

    2023年6月15日
    00
  • 做一个公司网站要多长时间?

    如果找网页设计公司做网站要多长时间?当我们去拜访客户的时候很多的企业主都会问我们这样的问题。 这样分情况来说明一下,主要分为:模板网站、定制型网站这2种。 模版型网页设计,制作周期一般在5~7个工作日。 ...

    2019年8月19日
    0219

联系我们

QQ:951076433

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