扁平化和拟物化设计对网站的影响和区别

华科互动 -

扁平化和拟物化设计对网站的影响和区别

扁平化设计风格崛起于 2013 年,因为苹果 iOS 7 的重磅推出而被广泛关注,是目前最流行的网页设计风格。在这之前,扁平化风格就已被微软的Windows Phone所使用。扁平化设计风格减弱了渐变、阴影、高光、纹理等拟物的视觉效果,利用简洁的视觉元素、几何化的图形、单纯的色彩搭配、明朗的文字效果表达信息,强调方案的简洁性与清晰性,提高了易用性,降低了对用户的干扰,让用户可以更加专注于内容本身。
同时,扁平化风格在进行响应式设计时,也有更好的适应性。由于移动端产品与网页端产品相比,内容更加轻量化,交互更加精简,同时由于屏幕尺寸的限制,因此扁平化风格在移动端产品设计上将有更大的应用空间。


顾名思义,拟物化设计是对真实事物的模仿,通过叠加高光、纹理、材质、阴影等效果对实物进行再现,并进行适当程度的变形和夸张,让用户第一眼就认出这是个什么东西,同时在交互方式上也模拟现实生活中的使用方式。最初的拟物化设计出现在游戏设计中,如使用木质、金属和石头等材质构建的用户界面以保证游戏的化入感。

苹果的 iOS 系统问世后,使用了更极致的拟物化设计,试图让应用程序的外观看起来与现实生活中的对应物更加接近,以使用户更容易理解。此外,在人机交互方面也拟物化,模拟现实中的交互方式。一方面由于用户对界面的理解源于对真实世界的经验和认知,大大降低了用户心理接受门槛和学习成本。另一方面,拟物化的缺陷在于,过于强调界面的质感细节等,会分散用户的注意力;同时,由于交互界面的交互方式不可能做到和现实世界的事物的使用方式保持一致,会影响用户使用时的期待。

虽然目前的网页设计潮流是扁平风格,但拟物风格作为视觉设计美学中的一种,依然具有一定的应用价值和较高的审美价值。

* 转载原创请注明出处,如有侵权请联系删除。