为什么移动端更适合扁平化设计 而非拟物化设计

389 查看

来源: 投资界

首先我们需要明白两个概念:拟物化设计与扁平化设计。

拟物化设计:以前拟物化设计大多只会出现在视频游戏中。为了保持游戏的带入感,游戏设计师会使用木质、金属和石头等材质构建的用户界面。iOS的问世后,苹果开始采用更多拟物化的设计,而且拟物化设计一直是乔老爷推崇的。苹果之所以选择拟物化设计首先是想让应用程序的外观看起来与现实生活中的对应物越接近,使用起来就越简单,同时改善应用程序的用户体验,此外,在人机交互方面也拟物化,模拟现实中的交互方式。

缺陷:首先应用程序与现实中的实体物品有着显著的不同,会导致用户的误解,从而降低用户的体验。比如,当一个程序的界面几乎完全模仿现实生活中对应物的界面时,用户会开始期望二者之间能有类似甚至对应的行为方式,而在大多数情况下这样的期待并不能得到满足。同时拟物化设计会不可避免的分散用户的注意力。

为什么移动端更适合扁平化设计 而非拟物化设计

为什么移动端更适合扁平化设计 而非拟物化设计

扁平化设计的崛起:扁平化设计2012年曾被认为未来最有可能改变设计行业的一项创新,但其发展也一直是不温不火,直到最近iOS7采用扁平化设计而大发光芒。其中最突出最早的代表应该是微软的Metro风格 ,与iOS应用不同,没有阴影、高光、渐变和纹理的修饰,取而代之的是平面化的色块与突出的文字信息。

为什么移动端更适合扁平化设计 而非拟物化设计

扁平化设计的核心在于功能本身的使用,所以去掉了冗余的界面和交互,而是使用更直接的设计来完成任务。而且对于移动端而言,其快速的设计,精简的交互,特别是在手机屏幕尺寸的限制上,使得这一风格在用户体验上更有优势,而且更少的按钮和选项使得界面干净整齐,用户使用起来格外简单。所以不难解释扁平化设计为什么会受到大多App应用和手机厂商的喜欢。

但扁平化设计也有自身的一些缺陷。比如当界面精简到一定程度时,用户会分不清楚白色方框到底是一个按钮还是一个banner,所以这严重考验着交互设计师的功力,比如按钮上轻微渐变的设计,表单部分阴影的效果和导航栏的轻微悬浮等方面。

扁平化设计最吸引用户的地方在哪里?

1、精简的文字

由于扁平化设计的使用特别简单的元素,排版就成了很重要的一环,排版好坏直接影响视觉效果,甚至可能间接影响用户体验,字体是排版中很重要的一部分。

为什么移动端更适合扁平化设计 而非拟物化设计

为什么移动端更适合扁平化设计 而非拟物化设计

2、简单的组成元素:

扁平化设计通常采用许多简单的用户界面元素,诸如按钮或者图标之类。设计师们通常坚持使用简单的外形(矩形或者圆形),并且尽量突出外形,这些元素一律为直角(极少的一些为圆角)。

为什么移动端更适合扁平化设计 而非拟物化设计

为什么移动端更适合扁平化设计 而非拟物化设计

3、画面干净整洁:—产品里的每一个细节,无论是图像、文字、按钮还是导航栏,他们的边缘都干脆简洁的切断联系,而非平滑过渡,去除了阴影、斜角、浮雕、渐变等加深层次感的效果。

为什么移动端更适合扁平化设计 而非拟物化设计

为什么移动端更适合扁平化设计 而非拟物化设计

4、设计起来快,也更容易响应。

为什么移动端更适合扁平化设计 而非拟物化设计

5、扁平色块,利用颜色鼓励用户去进行交互

为什么移动端更适合扁平化设计 而非拟物化设计

为什么移动端更适合扁平化设计 而非拟物化设计

6、在手机上,因为屏幕的限制,使得这一风格在用户体验上更有优势,更少的按钮和选项使得界面干净整齐,使用起来格外简单。

为什么移动端更适合扁平化设计 而非拟物化设计