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)
Inspirr的头像Inspirr订阅用户
上一篇 2022年6月21日 22:41
下一篇 2022年6月21日 22:41

相关推荐

  • 网页设计三要素,让网页更高端!

    为了凸显出网页设计高端效果,呈现出与众不同的页面风格和内容,让布局设计更加合理,注意下面这些要素非常重要,因为这些内容不仅可以让网站呈现出美观性,还能让其功能性得到全面促进,下面就来为大家全面介绍一…

    2019年8月20日
    0291
  • 网页设计新风格诞生:什麽是彩虹光感风格

    很多人听到彩虹光感,可能脑海中会浮现出无数个下图这样的彩虹…… 网页设计风格 当然,小编今天所介绍的彩光光感风格,绝对不是上图那个已经过时的彩虹1.0设计时代。如果你在UI设计过程中已经厌倦目前的…

    2022年6月21日 建站资讯
    0134
  • 如何恰到好处地抓住对比那个点?

    增强界面设计的对比效果能够让用户更加注意到那些通过精心设计想要突出给他们的元素、内容、数据等。而对比需要用心的布局和合理的留白才呈现,你可以试试下面几点: 要实现和增强对比不仅仅只有色彩上的对比,还可…

    2022年6月10日
    0158
  • 小编教你网页设计中字体巧妙运用的方法。

    对于设计师而言,在日常的平面和 UI设计中,给字体增加特效一直都是一件恼人的事情。客户提出的浮雕特效或者大阴影的需求,但是直接按照要求来设计可能会毁掉整个设计。更多时候,你需要的是一些相对优雅但是又足够…

    2023年6月13日
    04
  • 网站视觉设计的三个要素

    1、 切图 也就是切除网站建设时说需要的视觉图,包括辅助的图形以及图标。需要切实根据具体的场景、大小、颜色、状态来进行。 2、 标注 视觉流程的进行,最为重要的一点就是标注,基於UI控件规范的基础上进行。当然…

    2022年6月9日
    0165
  • 分享网页设计中专业术语的替代词典你了解吗。

    几乎每个单词都有不止一个意思,这是一个普遍的真理,对于行业术语来说更是如此。如果你刚开始做网页设计,你需要知道每件事的真正含义,如果你想要获得成功。读了这篇文章,你就可以用你专业的新俚语来打击那些讨…

    2023年6月13日 运营推广
    01
  • 我来分享2022年企业网页设计模板会怎么流行。

    在设计界有个名言是“时尚总是轮回的”,这句话同样适用于企业网页设计方面,经历过了扁平化设计、卡片式设计以及质感设计之后,你知道在2022年又流行的是什么风格的企业网页设计模板吗?下面我们就来了解下在新的一年…

    2023年6月13日
    04
  • UI设计技巧:卡片设计的细节要点有哪些

    在UI设计中,卡片已经是屡见不鲜的设计。不少设计师都会将神奇的动效融入到卡片的视觉设计中,藉此给用户带来很好的操作体验,例如:运用卡片设计,划分UI中模块和功能的不同,以便提高内容的识别度,并透过合理的…

    2022年6月25日 建站资讯
    0180

联系我们

QQ:951076433

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