UI扁平化设计在移动终端应用和价值.doc

UI扁平化设计在移动终端应用和价值 　　摘 要：结合移动平台UI扁平化设计的特点，通过与拟物化的UI设计进行比较，论述了两种界面风格对交互及情感层面的影响和意义；追溯扁平化设计思想的源头并解析它在移动终端流行的原因；在此基础上，透过用户体验和移动界面未来的发展趋势探讨扁平化设计理念在移动平台UI设计中的应用与价值。 关键词：界面；用户体验；扁平化设计；拟物化设计；交互 中图分类号：J524 文献标识码：A 文章编号：1005-5312（2013）33-0159-02 在微软以Windows UI诠释了“扁平化”设计理念之后，新一代苹果的移动操作系统也抛弃了主界面图标复杂的光影效果和体积感，整个系统看上去更加简洁，却不再华丽。扁平化是对界面设计中过度装饰的一种颠覆，就像极少主义是华而不实的装饰风格的一种颠覆一样。从美学的层面来说，人们对某一风格视觉形态审美疲劳后也必然寻求于新鲜形式的视觉刺激，扁平化设计在短时间内迅速流行，有其必然性，但是从本质上看，它不仅仅是一种视觉层面的改变，更是在信息化时代大数据背景下的一种设计语言和思维方式的转变。 一、拟物化设计 （一）拟物在交互体验中的价值 对信息产品而言，功能的呈现不再是传统的可感知方式，而是无形的程序。拟物化设计的本质是把虚拟环境中产品体验的某一特性在真实世界中找到一种映射，然后把这种映射通过设计语言的归纳在体验中以视觉或交互形式得以体现，从而使产品体验本身更具真实度和情感化，并且更符合用户的心智模型。“界面和行为看起来越接近现实生活中的事物，用户就越容易理解它们的运行方式，使用起来也就越简单。” 图形界面伴随着拟物化设计而诞生，比如微软系统对Windows的隐喻，以及Mac早期的储存和删除图标等。拟物化设计的视觉表现形式亲切而多样，运用生动的操作过程唤能够起使用非物质产品时的情感体验，通过拟物的设计唤起用户大脑中的记忆模型，帮助新手用户使用程序的同时，也唤起熟练用户对情感的诉求。界面中的拟物化设计包括实物形态的拟真，交互行为方式的模拟。模拟形态的拟物设计脱胎于传统工业设计中的仿生设计，由于产品的功能需求和结构解决的自然相关性，对于拟物的研究和使用往往能够为设计提供一种独特的解决方案，从而高效地满足功能的需要。有的还因为拟物化设计具有形态或交互界面的趣味，更显拟物设计的价值。在一些高沉浸感的应用程序，比如游戏中，拟物的设计不仅可以增加界面的美感，也更多的满足了用户的娱乐需求和情感需求，这种对真实世界感知的还原，在艺术效果上的提升，有助于沉浸感的实现，并使用户感到愉悦。此后，越来越多应用类产品也开始采用拟物化设计的方式。通过模拟现实生活中的场景，实物的质感，以及人们的日常行为习惯等，使产品的表现形式更加丰富有趣，操作也更加符合用户的日常习惯。 （二）拟物的局限 拟物的设计方式并不适合严肃的功能性界面，比如以数据呈现为主的金融类软件和办公软件等等。另外，虚拟界面与实物的界面差异，真实维度的不同，维度差异导致了大量在实物上常见的控制方式无法在以屏幕为载体的界面当中得以还原。当一个程序的界面几乎完全模仿现实生活中对应物的界面时，用户会期望二者之间能有对应的行为方式，但某些情况下这样设计是为了满足视觉感官，而对功能的期待并不都能得到满足，这就导致了用户界面设计的“形似而神非”。此外，同一套拟物设计，面对不同用户的操作习惯和经验，以及用户群体的地域性及文化差异，不能完全使用户将已有经验映射到程序界面上。拟物设计极易产生视觉冲击，使人产生身临其境的亲切感，拉近内容与用户的距离，以画面传递更多产品的特性信息，加深对产品的认知，但对交互的功能本身并不一定有质的提升，越来越少的人需要这些视觉线索来理解一个图标或者按钮的功能，而更需要视觉上的简化去除次要信息的认知干扰。 二、扁平化设计 （一）极简与秩序 扁平化设计最好理解的是“极简”，即强调运用最轻量、简单的设计来传递核心信息，强调通过对视觉焦点的引导来让用户快速地完成操作。苹果的首席设计师乔纳森述出了极简设计的哲学理念：“简洁之美将影响深远，包容、高效。真正的极简不仅仅是抛去了多余的修饰，它给复杂带来了秩序。” （二）信息为主体 放弃任何附加效果，突出重要的信息，简化交互的流程。视觉层面，UI扁平化设计可以通俗的理解为：不包含三维属性，诸如纹理、投影、斜面、羽化边缘、浮雕等特效都不在设计中使用。从本质上讲，UI扁平化设计的核心是强调信息本身，而不是冗余的界面元素。扁平化界面目的不仅仅是为了创造视觉刺激，而是解决干扰，内容优于形式，在屏幕上仅留下用户当前最关注的信息，让用户沉浸在他们喜欢的内容中，注重通过对齐来呈现简洁、易读的内容，把精力集中到最核心内容上。减少概念与界