您的位置:首页 - 资讯 -  - 正文

扁平化设计是什么?

扁平化设计是极简主义的直系亲属,不过它更凌乱和多样化一些。扁平设计既统筹了极简主义的原则又能够应对更多的凌乱性;通过去掉三维效果,这些设计将锐度和清晰明了明晰度融为一体。本质上讲,扁平化设计有两个目的:

直面屏幕的捆绑,运用这些参数而不是点缀它们。

将新的简练性作为流线设计的起点,使页面更快更有用。

扁平化设计并不意味着任何触及维度的元素都是不合适的。例如,这个页面用清晰明了明晰的方式刻画了有角度的插图。但是整个潮流趋向于简单和精约主义。按键运用了朴素的色彩并锐化了边角。设计去掉了阴影,斜边和骤变等效果。

扁平化设计回应了拟物化设计存在的问题

每一位动作都有一个回应。在电子设计世界里,扁平设计部分效果就是回应拟物化设计。但扁平化设计不只仅是一种艺术处理方式;它针对的是拟物设计带来的功用问题。

拟物设计是什么?

或许你对该词汇很陌生,拟物化是一种实践,它将实践什物的姿势整合到设计中:将早年的功用变成了装饰。当遇到新的电子概念,东西和运用时,该设计能引起用户的了解感。这种原理随处可见;塑料椅子拷贝了木质椅子的外形就是实践世界的一个好例如。

在电子世界,拟物主义与苹果的产品息息有关,这些产品供应电子世界拟物设计的绝佳例如。我们来看一下苹果的控制面板的设计。

显性组件:计算器,时钟,日历是它们实践世界的电子对应物

隐性细节:阴影和斜按键,纹理背景甚至时钟上的振动效果也来自其对应的物理产品。

拟物设计的问题

拟物设计反面的原理有很多内容,但在电子设计领域运用这些原理带来了很多的问题。例如,苹果控制面板中的模仿时钟比电子时钟更难读,点击计算器的按键要比用键盘输入花费更多的时间。坚持运用拟物设计产生了不少的问题:

由于一贯运用与电子方法无关的设计标准,拟物化设计捆绑了创造力和功用性。

将拟物化元素与少维的元素相融合时,拟物元素看起来有些不一起,而且这些模仿并没多少逻辑。例如,苹果的找朋友运用就有一个看起来像缝合皮革的背景。但该元素与实践世界没有任何有关。

拟物化元素以无功用的装饰占用了贵重的屏幕空间和载入时间

当与其他无拟物效果的元素组合时,拟物元素看起来有问题,这样就捆绑了整体设计和其他的元素的效果。

扁平化设计带来的处理方案

扁平化设计直面数字体验实在的捆绑,去掉了拟物设计强加的捆绑。正常情况下,屏幕上的任何物体看起来都不会有3D效果,所以为什么我们不去拥抱去掉花哨点缀后的美(更注重一些有用性的功用)。

例如1:

例如2:

以上面LayerVault页面为例:例如1中,老版的设计体现了一种精细的拟物设计模范,我们之前提到过,当与扁平,简练的其他页面元素相结合时,该设计看起来有些怪。将例1与例2的扁平设计方案比较,例2中没有任何更出色或许更功用化的元素。原本的设计分散了用户的留心力,而修改后的版别引导用户留心重要的信息。

扁平设计是拟物设计和精约设计的谐和一起

以下两点概括了扁平设计能够成为耐久,全面设计战略的原因:

与之前模仿物理体验的设计不同,扁平设计专为屏幕体验而生。

这种天资使它能在很多方面进步用户体验

扁平设计取得了精约设计和拟物设计的精华,并将这些元素融合为一体。类似与拟物设计,扁平设计看起来既友好又亲近。 扁平设计通过展现清晰明了明晰悦耳的界面来完结界面的友好性,而不是伪装或许曲解界面来模仿了解的元素。类似于精约主义,扁平设计脱去了绮丽的虚拟元素,只展现必要的功用。但它没有精约主义那样严峻;如同上面的例如展现的相同,合理稳当的装饰是必要的。

扁平设计是用户体验最完美的方法

扁平设计不只一起了精约设计和拟物主义的设计目的,它有自己一起的可用性思想。通过脱去冗余的方法,它适用于快速加载的页面,简练的代码和高适用性。它在每一类运用上都能展现自己的美;不论是桌面仍是手机屏幕,扁平设计坚持自始自终的清晰明了明晰和习气。