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

相关推荐

  • 从点击按钮这个动作谈交互体验  

      友好的页面交互体验,其实要真正地实现,并不难。前提是,页面设计师需要真正地站在使用者体验,尤其是用户使用体验的角度去思考与提炼。 怎麽判定某个按钮交互设计的友好?其实并不复杂: 能够快速地向用户…

    2022年6月25日
    0128
  • 网站交互的六个组成要素

    第一:可学习。能够让用户轻松地花小成本就可以进行理解、接受和记忆; 第二:效率高。用户能够在你的网站上快速地进行和完成浏览、操作; 第三:容错性。允许用户犯错,并且不会进行“指责”。使用温和的提示,以及…

    2022年6月25日
    0152
  • 网站地图(sitemap)的作用

    网站地图(sitemap)可方便网站管理员通知搜索引擎他们网站上有哪些可供抓取的网页。最简单的Sitemap形式,就是XML 文件,在其中列出网站中的网址以及关於每个网址的其他元数据(上次更新的时间、更改的频率以及相…

    2016年5月22日
    0124
  • 网页设计技巧:优秀的Loading动画需要具备哪些特徵

    没有人喜欢等待,在用户心目中,优秀的应用、工具和网站都应该制作精良能快速响应他们需求的产品。因此优秀的Loading动画,能减缓用户等待焦虑的心态,也能用来作为品牌宣传和增加曝光度。那麽,优秀的Loading动画…

    2022年6月25日 建站资讯
    0109
  • 网页设计与制作考题及答案。

    网页设计与制作是一个涉及多个方面的复杂过程,包括视觉设计、交互设计、前端开发和后端开发等,以下是一些常见的网页设计与制作笔试题库,涵盖了这些方面的基本知识和技能。 1. 视觉设计: – 什么是色彩理论…

    2024年6月28日
    00
  • 页面制作使用面包屑需谨记的三件事

    不能替代主要导航系统 面包屑导航在页面制作当中最常被使用,但它只能充当辅助导航系统,而不能替代主要导航系统!因为很多时候它只是用於提升用户访问其他层级,快速地进行定位和链接。 不能将添加到当前页链接 面…

    2022年6月25日
    0111
  • 小编分享为什么响应式网页设计对于企业的成功至关重要。

    如今,网站已成为商业成功的关键。因为网站不仅能提供业务相关的细节和信息,一个专业的网站会尽力扩大您的目标受众。网站不仅能扩大影响范围还能提高您的品牌认知名度,使企业值得信赖。此外,一个简单的网站不足…

    2023年6月16日
    02
  • 网站建设过程中页面的颜色如何搭配。

    在网站建设中使用色彩,众所周知,每一种颜色都代表一种情感,不同的颜色会给人不同的感受。为了让网站看起来更好,一些企业网站在网站上添加了各种颜色,使整个网站看起来五彩缤纷、美观,并认为它看起来更好。 这…

    2023年2月21日
    01

联系我们

QQ:951076433

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