拟物化设计和扁平化设计曾是网页和移动UI设计中最主流的两大设计趋势,至少几年前是这样。
然而,今天我们只能在一些界面中看到拟物化设计的影子,原本流行的扁平化设计风格也几乎不再被设计师广泛使用。尽管如此,这两种设计趋势的某些形式依然存在,并对现代网站和移动UI设计产生了深远影响。
那么,究竟发生了什么,导致这两种设计趋势的转变?设计师如今是如何运用拟物化设计和扁平化设计的元素的?让我们深入探讨一下。
将现实世界数字化的尝试
不久前,用户喜欢在数字界面中看到现实世界的元素。这种设计方式曾是UI设计的主流,尤其是在iPhone和智能手机界面刚刚兴起的时候。这种设计风格被称为拟物化设计。
苹果是最早且最深入投资拟物化设计风格的公司之一,主要用于打造其iOS用户界面。许多苹果应用的UI设计都借鉴了现实世界的元素,比如“新闻报摊”应用,它的设计模仿了现实中的报摊样式。
拟物化设计对应用图标设计产生了深远影响。从日历应用的图标到相机图标、时钟图标,甚至UI的许多其他部分,都采用了模仿现实世界物体的设计。
在智能手机早期,这种设计方式非常有效,特别是帮助用户快速熟悉这些应用的功能,并引导他们理解如何使用这些功能。
然而,随着时间的推移,这种设计风格对用户界面的性能造成了较大影响。很快,用户开始更注重性能和功能,而非单纯追求看起来“逼真”的数字体验。
简洁、极简与功能至上的设计崛起
扁平化设计成为了用户界面的理想风格。它提供了一种简洁、极简的设计方法,显著提升了性能。最重要的是,扁平化设计更注重功能性,而非外观的复杂性。
苹果、谷歌、微软以及几乎所有大型科技公司纷纷采用并将扁平化设计风格融入到他们的用户界面中。苹果完全重新设计了iOS的用户界面,采用了扁平化设计,而谷歌和微软也分别推出了各自受扁平化设计启发的界面风格。
谷歌的“材料设计”风格在网页设计师中非常受欢迎,而这一风格的进化版至今仍被谷歌广泛应用于其各项服务中。材料设计强调扁平化的基础上增加了层次感和动效,使界面更具互动性和视觉吸引力,同时注重功能性和一致性的用户体验。
微软推出了Metro UI,这是一种受扁平化设计启发的全新菜单设计和应用体验,特别是在Windows 8中得到了应用。
然而,许多早期的扁平化设计作品生命周期较短。
扁平化设计2.0与拟物化设计的衰退
随着扁平化设计的崛起,拟物化设计的需求开始下降。那些采用拟物化风格的网页和移动界面看起来显得过时,因为它们已经不再具备实用性。
扁平化设计的早期版本证明是拟物化设计的最佳替代方案。然而,这些设计并不完美,它们看起来有些过于单调和平淡,缺乏生命力。这也为扁平化设计2.0的诞生铺平了道路。
扁平化设计2.0被认为是网页和移动端扁平化设计的下一代版本。与完全平面化的设计方法不同,新的风格融合了阴影、色调、深度和渐变等设计元素。
如今,升级版的扁平化设计2.0已成为网页和移动设计中最流行的选择。然而,这并不意味着设计师完全放弃了拟物化设计。
平衡两者的优势
如果你仔细观察现代的UI设计,你会发现许多设计中都融合了拟物化设计的元素。
例如,微软Windows中的回收站图标仍采用拟物化设计,模仿了真实的回收桶外观。iOS中的时钟和备忘录应用图标也依然保留了与现实物体相似的设计。许多流行的音乐播放器、相机和计算器应用也继续使用受拟物化设计启发的元素。
然而,这些现代UI设计并不是100%拟物化设计。相反,它们将拟物化设计与扁平化设计相结合,创造出既具功能性又能模仿现实世界元素的设计。
何时使用拟物化设计和扁平化设计
在某些设计项目中,你应该使用完全的扁平化设计。也有些项目适合使用拟物化设计,或者两者结合使用。知道何时以及如何使用这些设计趋势,是创造令人印象深刻设计的关键。
何时使用扁平化设计
当你需要创建简单、注重功能性和性能的界面时,扁平化设计是首选方法。现代品牌也常使用扁平化设计来展示其精致和清晰度。
何时使用拟物化设计
当你想在数字设计中融入现实感时,拟物化设计非常有用。特别是在讲故事时,拟物化设计在与用户建立情感连接方面起着至关重要的作用。
何时结合两者使用
单调乏味的扁平化设计可以通过加入一些拟物化元素来增强表现力。在介绍新概念、新功能或新特性时,这种方法有助于使用户引导过程更加顺畅。
为未来而设计
许多设计师预测,在不久的将来,虚拟现实(VR)和增强现实(AR)体验将在人们的日常生活中发挥重要作用。在这些与现实世界融合的虚拟体验中,拟物化设计方法将是提供最沉浸式用户体验的最佳选择。
根据这些新技术的发展,拟物化设计很可能会很快迎来复兴。鉴于目前设计和工具的进步,拟物化设计2.0无疑将成为一种令人期待的新趋势。
精选文章: