装饰杂志,《装饰》杂志社, 立足当代 关注本土 www.izhsh.com.cn

从扁平化风格看界面设计的发展潮流

  • Update:2014-05-25
  • 庞 博 天津工业大学艺术与服装学院
  • 来源: 《装饰》杂志2014年第4期
内容摘要
随着移动互联的普及和发展,界面设计作为移动终端的最大卖点之一受到了各大手机生产商的追捧。当下便捷、准确、高效的操作和视觉体验成为界面发展的潮流。本文以苹果iOS7系统为例,阐述了色彩设计的扁平化、图形设计的扁平化、扁平化带来的高操作效率,并论述“形式服务于功能”的设计理念。

如今移动互联作为迈向信息社会的重要标志,满足着人们对信息资源丰富性、多样性以及获取方式灵活性、便捷性与移动性的需求。手机终端的出现使得人们获取信息的方式更加提升到了一种绝对重要的地位,也正因为如此,人们对手机的功能、品质等要求也越来越高。
我们常说,计算机是一个简单的二进制个体,在它的命令中只有“对”和“错”,手机也是如此。人们越来越希望在一个设计简洁逻辑清晰的操作环境中很快找到自己所要的东西,并且能在使用过程中尽可能多的减少犯错次数。因此,良好的用户体验设计无疑会加快用户对于操作系统的整体认知,同时也会带给用户通俗易懂、轻松、便捷且节约时间的操作感受。
随着手机生产商越来越重视操作界面的清晰、便捷度,我们发现苹果iOS从早期沿用至今的写实化的基本界面的风格设计、导航方式和操作手势已经无法满足当代用户既要夺人眼球又要操控顺畅的需求了。2013 年的WWDC 大会上,人们一直热议的iOS7 终于揭开了它神秘的面纱。在之前,虽然 “拟物化”图标一直是iOS 的标志[1],但是我们可以毫不夸张说,iOS7 扁平化的UI设计是颠覆性的也是时代性的。[2] 在库克公布的数据中,iOS7 自发布以来其累计下载次数已达到500 亿次。面对如此巨大的下载数据,我们不禁会问:风靡全球的iOS7 作为扁平化风格的领跑者,它究竟是顺应时代而生但终究只会昙花一现的潮流风尚,还是在弱肉强食之后依旧被作为一种不可替代的设计风格传承下去?这个值得我们去深思和探究。
随着工业设计的飞速发展,人机界面的清晰、便捷度成为UI 设计师的首要课题。 “形式服务于功能”、“少即是多”等等的口号,也成为界面设计者追求的方向。好的形式是用来服务功能的,拟物化的设计中有多少装饰效果是应该剔除的,而剔除装饰效果之后的扁平化界面设计又有多少是能够被用户识别的。作为设计师要关注的不仅仅是视觉效果本身的简洁带给用户的良好操作体验,还应该去关注良好的视觉效果是否能够更好地服务于功能的本身, 而iOS7 界面的扁平化设计无疑同时兼具了这两种特性。那兼具形式与功能的iOS7 究竟是如何引领着界面设计的发展潮流?

一、色彩设计的扁平化
对比早先的iPhone 系统版本,最大的区别之一就是主屏幕(图1),特别是iOS 7 的新图标的色彩设计。iOS7的界面色彩比iOS6 的更加明亮、单纯,未经任何淡化或者柔化颜色的纯色图标与相对灰暗的背景形成对比,产生了极强的视觉冲击效果,在视觉感受上抓住了用户的眼球。主屏幕的背景是一层浅浅的类似于“磨砂板”的模糊滤镜的毛玻璃设计,通过前后之间的虚实对比,突出重要的信息,弱化次要图标的色彩,这样虚实化色彩的设计让用户可以很容易地将注意力聚焦在重点的内容和信息上,而不会被手机界面上的其他视觉元素所干扰,进而突出核心信息和内容,增强了手机界面的易读性和可读性。iOS7 舍弃了边界,依靠色彩的扁平化来体现信息的交互(图2、3),基于图形或者图标以及主题颜色来达到对于信息的控制和交互的体验,同时无形之中在用户的大脑中形成了一种 “色彩记忆”。好比人们可以自然而然地联想到月亮是金黄色的、地球是蓝色的,iOS7 也可以让用户“不费吹灰之力”地联想到iPhone 的手机应用里电话、信息等移动通讯模块是绿色的,邮件、网络浏览器移动数据模块是蓝色的。色彩的扁平化避免了拟物化设计中高光、阴影、渐变等3D 的装饰效果对用户的干扰,专注内容这个主体之外,更多地使用用户已经掌握的交互行为,让他们在联想系统图标的时候不再是只能单纯地联想到一个个空洞没有感情的笔记本、照相机、地图和计算器,而是在实际操作的时候色彩像G P S 在大脑瞬间导航定位到自己所需求的应用程序。

二、图形设计的扁平化
对比iOS7 之前版本的拟物化界面风格,我们之所以会为界面当中的按钮添加渐变和投影等一切可以使它立体的效果,那是因为在现实当中我们接触和使用的按钮就是具有这些视觉特征的。拟物化的设计虽然生动逼真,但是这种的设计一旦被我们放置到了界面当中,我们触摸到的“反馈”只有屏幕表面的温度和硬度,而不会是现实当中触摸按钮的那种感觉,所以,这些立体效果对于界面元素的功能来说没有任何实际的
意义。
拟物化设计陈旧感多少会给用户带来一定程度的视觉疲劳,iOS7 作为一种简约清晰的扁平化设计呈现在世人眼前,虽然人们对它的态度是褒贬不一的,但是它的确带给人们了一场简约却不失简单的“心灵体验之旅”。由于屏幕大小和像素的限制,在手机屏幕里需要注入更加深层次和有内涵的内容,这一迫切性需求使得扁平化设计在用户体验上更具有独特的优势。
以i O S7 的手机播放器和天气预报的应用界面设计为例(图4、5),通过界面图标和背景颜色的对比,大小不同的图标和按钮,重要的信息放在首要的突出位置,次要的元素进行弱化处理。除了主要的动作按钮中使用了轻微的斜面和阴影、高光效果以外,其他界面元素全部采用扁平风格,这样的设计让用户可以很容易地将注意力聚焦在重点的内容和信息上,而不会被手机界面上的其他视觉要素所干扰。这些扁平化设计都增强了i O S7 界面的易读性和可读性,也尽可能减少甚至是排除了误操作的概率。

三、扁平化带来的高操作效率
我们常说,新的设计风格的诞生,总是会对原有的设计风格造成冲击。其实每一次新的风格的出现,并不以取代旧风格为前提和条件,新风格只是迫使旧风格改造自己,寻找更适合的表现方式,以便在激烈的竞争中生存下去。它们的关系并非此消彼长,互相排斥的。尽管对于iOS7 的设计风格世人有着褒贬不一的态度,对比i O S7 之前版本的拟物化界面风格,成本低、养成用户的统一认知和使用习惯、花费大量时间在视觉效果上等弊病,i O S7 的扁平化设计在节约时间和提高操作效率上确实拥有它不可替代的优势和独一无二的特点。
我们可以做这样的一个恰当的比喻,在一个危机四伏的小岛上,你独自一个人面对随时会被野兽吃掉、猎人枪杀、极端气候等种种危险,但是你只能通过一部手机或者一台平板电脑与外界取得联系从而得到外界的营救,那你是想通过冗杂的操作之后才能与外界取得联系,还是想用最快速的方法得到外界的救援获得生存下去的筹码?当然是后者。这个比喻也就影射了我们现如今的实际生活,在如今这个生活节奏越来越快的年代,我们常常处于一种高速运转的生活状态,无论是在学习、生活抑或是工作之中,人们对于速度和效率的要求越来越高。我们常说,时间就是生命,时间就是金钱,要想在现实当中打拼出来,就必须要在有限的时间内比别人更能有效地妥善处理好事情。i O S7 的扁平化界面上通过采用极简图形、大色块等现代感十足的装饰效果,简单的按钮和图标使得界面的整体风格显得干净整齐,更加清晰直接地将信息和事物的工作方式、工作性质展示出来,减少了用户认知障碍的产生,为用户最大限度地节约了时间和成本,并且提高了操作效率。
乔纳森在WWDC 大会演讲时提到了这样一种观点:“设计不仅仅关乎外表,还要囊括一切,包括工作的方式等多个层面。设计会决定我们的客观体验,我认为简洁中体现了深邃、恒久的魅力。它为复杂的系统引入了秩序。”[3]iOS7的扁平化设计在2013 年一经面世便引起了社会大众的高度关注,一瞬间“扁平化设计”这个敏感的词汇被推到了风口浪尖,利用简洁的图形元素对界面进行风格化设计已经成为了现代界面设计的趋势所向,扁平化设计让界面风格由烦琐回归到了简约,也恰恰体现了如今设计界简约但不简单的时代特征。

结语
从苹果的iOS7 的扁平化风格看界面设计,其设计风格的重点不在于追赶潮流和时尚,因为潮流会慢慢淡去,继而被新的潮流所替代。“作为产品人与设计师,要关心的不仅仅是风格与形式,而是更加美好的体验。要知道使用你所设计的产品的人,他们并非仅仅是用户’,他们是心怀希望、梦想美好体验的人”[4]。无论是注重写实的拟物化设计还是注重内涵的扁平化设计,都会面临社会大众褒贬不一的态度,因为大众的审美标准的高低本身就是不尽相同的,究竟谁是谁非、谁对谁错或许并不那么重要。设计师在设计一款界面的时候,让外观充分体现产品的工作内容和性质,使形式更好的服务功能真正服务用户才是硬道理。如何围绕用户最实际的需求,让用户全身心对他们喜欢的内容乐在其中,为用户最大化地节约时间、提高效率,这才是设计师最应该探索和研究的东西。

注释:
[1] 翟方庆:《移动新趋势:扁平化设计vs. 拟物化设计》,CSDN 社区,网址: http://www.csdn.net。
[2] 吕莉:“ 苹果ios7 发布,库克公布数据500 亿次应用下载赚钱”,《华西都市报》,2013.6.13,B1 版。
[3]( 美) 乔纳森:《WWDC大会的演讲》,2013.6.11。
[4] 朱印:“互联网设计趋势”,《杂志化》,2013.6.29。

评论

暂无评论!
填写评论
用户名 密码 匿名发表   没有用户名?
[发言请遵循国家相关法律]