毕业论文
您现在的位置: 卡片 >> 卡片介绍 >> 正文 >> 正文

新拟物化,会是2020年的UI设计趋势吗

来源:卡片 时间:2023/6/16

新拟物化最近被炒得很是火热,它会是年的UI设计趋势吗?本文作者从多个方面对此进行了分析,并总结了6种将新拟物化风格和其他风格相结合的设计方向,与大家分享。

我承认,为“这个激动人心的新趋势”共同命名(注:Neumorphism新拟物化,即New和Skeumorphism的结合词,最初由作者MichalMalewicz另一篇文章《Neumorphisminuserinterface》的一位读者提出)是件很有趣的事。但我没想到它能被炒的这么火热。

很多博客和twitterpo文声称它是“年最值得期待的设计手法”。趁着它还没膨胀,让我先把这个幻想的泡泡戳破吧。

以#neumorphism为主题的设计作品逐渐萌芽,但是大部分“浅色”设计看起来都相差无几。

论成为一个流行设计风格,Neumorphism并不够多样化,尤其对于现实中需要写代码的产品。

当然你可以将它使用在DarkMode深色模式中,同时你可以选择一种类白色的背景颜色,我们可以依此设计出六种风格,不过他们的区别甚微。

别用在按钮上!

当前新拟物化设计被过度使用到各类元素中,例如卡片和按钮,但他们大多都违背了我在另一篇文章《Neumorphisminuserinterface》中略述的设计规则。虽然我也认同它将按钮的选中状态呈现的很美观,但是对很多人而言,不同按钮状态间的微妙差别让人难以分辨。

此处的“很多人”并不只是指有患有视力障碍的群体,同时也包括使用设备的屏幕质量较差或对比度较低的用户。

按钮可能是使用新拟物化风格典型的双侧阴影最糟糕的地方,尤其是在呈现按钮的选中状态时。很多人分辨不出不同状态的差别,其相似程度就像图中右边那样。

下图将新拟物化、拟物化、及扁平化风格的按钮进行对比,我们可以明显地看出,新拟物化风格的按钮看起来既不像按钮,也没有达到引导操作的作用。

你会点选哪个呢?

用在卡片上如何?

卡片和滑动条可能是这项趋势的最佳使用场景。但是需要注意的是,卡片的结构需要处理恰当。需要确保图片、图标和字体间的层级清晰,间距足够明显。测试卡片设计的最好方式就是将新拟物化风格的背景去掉,优秀的设计在去除背景后视觉上也没问题(尤其是在其他卡片并排在一起的时候)。

要将新拟物化风格的卡片呈现的好,需要确保即使将元素用框架呈现并去掉背景,它们也可被视为同一组。

简而言之,可以从界面中移除而不造成影响的卡片设计就是好的设计。这建议听起来很不错吧?尤其是当我们考虑到DieterRams(德国著名工业设计师迪特·拉姆斯,提出“设计十诫”的那位)所提出的移除“不必要”的设计理念。

如果你想尝试一些新拟物化风格的设计,可以在

转载请注明:http://www.0431gb208.com/sjszlfa/5108.html