是新设计趋势,还是鸡肋

来源:设酷网     作者:日期:2020-08-28     浏览:91    评论:0    
  
核心提示:相信最近很多小伙伴在逛Dribbble时候,发现最近流行一波新的设计风格,和以往不同的是,这次趋势又回到之前拟物化了,但它与纯拟物化还是有区别的,现在它有一个流行词语叫“新拟态”,今天就和大家分享下国外一位设计师对这个趋势的看法! 拟态化是什么? 虽然UI以各种

相信最近很多小伙伴在逛Dribbble时候,发现最近流行一波新的设计风格,和以往不同的是,这次趋势又回到之前拟物化了,但它与纯拟物化还是有区别的,现在它有一个流行词语叫“新拟态”,今天就和大家分享下国外一位设计师对这个趋势的看法!

拟态化是什么?

虽然UI以各种拟态化的形式存在(例如,桌面OS垃圾桶),现在这种风格的趋势更加明显。正如卡米尔·法拉纳(Kamil Falana)指出的那样,从无生命的“表达”到现实主义的过渡开始出现。


不久前,我们还观察到,这种变化开始在我们身边发生,苹果IOS13系统)就是一个很好的例子。向最小化设计和轻拟物化发展,最终带来了无纹理3d视觉感官。受到了大家的喜欢,来看一张高清图。


拟物化风格的回归,会更好吗?

如下图设计风格,在Dribbble上获得认可度比较高!


这种设计引发了一波设计潮流趋势,尽管其中的有部分并没有实际意义(可滑动的后退箭头?),但这使我们对UI 再次产生浓厚的兴趣!

新风格的特征

由于按钮视觉表现看着变化不大(因为小了一些,不直观),因此我们将重点放在实际的卡片概念上,以使这种视觉表现更能直观感受出来。


平面和材料设计中,卡片漂浮在背景上方并具有阴影。在新拟态中,卡片元素的颜色与背景颜色基本相同,背景的一部分突出。侧面有厚度,并且没有漂浮。

下面我们举个例子,根据个人喜好进行调整


优缺点

这种样式的主要优点是它可以是“新鲜的”。它可以与其他样式结合使用,并使其脱颖而出。。

缺点是缺乏便利和有效的编码。由于主要元素的颜色和背景相同,因此在ui设计中将很难理解。特别是在创建切换按钮时,很难仅通过阴影的不均匀性来使用户意识到开/关。

HTML / CSS中表达新拟态

将“新拟态”引入网站时,您可以使用Neumorphism.io,这是一个免费的在线服务,可让您使用滑块调整阴影和凹凸并下载可复制和粘贴的代码。


我们真的需要这些吗?

尽管这一新趋势影响了许多设计师,但对比以前使用的卡片组件可访问性问题相比,它的问题并不那么严重。

所以去疯狂的顺应这一趋势,并对其进行调整以使其成为您的趋势。UI设计师的工作就是需要不断来回挑战自我,探索最新潮流,以符合产品审美。如果没有这种不断的探索的精神,所有产品将再次看起来相同,同质化严重。


但也要记住,每个新趋势都带有不可抗拒性因素,如果要使用,必须精心的设计探索, 验证后才拿去面对用户。







原文:https://UXDesign.cc/Neumorphism-in-user-interfaces-b47cef3bf3a6

作者:Michal Malewicz


原文链接: https://UXDesign.cc/Neumorphism-in-user-interfaces-b47cef3bf3a6

本文来源:是新设计趋势,还是鸡肋    http://www.sjschina.com/archives/20777.html
相关评论