对当下移动应用界面扁平化设计风格的浅析

2016-03-08广西师范大学541000

大众文艺 2016年2期

兰珂（广西师范大学 541000）

对当下移动应用界面扁平化设计风格的浅析

兰珂（广西师范大学 541000）

摘要：扁平化设计作为现下在移动应用端口上流行的设计风格被越来越多的设计者所借鉴。扁平化有其独特的优势与美感，但作为一种兴新的设计风格，仍存在着一些不足之处。在此，本文对手机界面设计中扁平化设计的优势做了部分总结，就拟物化设计和扁平化设计的优缺点做了大致归纳。

关键词：扁平化；界面设计；拟物化

UI即User Interface（用户界面）的简称，是人机交互、操作逻辑、界面美观的整体设计。现下流行的移动应用用户界面风格可以大致分为扁平化界面风格和拟物化界面风格两种。2008年Google提出扁平化这个概念，概念的核心是放弃一切装饰，使所有元素的边界都达到干净利落的效果。在移动应用软件端口上，扁平化风格的设计表现得尤为突出。它降低了界面中对按钮和选项的使用频率，保持界面的干净与整齐，把信息的内容和事物的工作方式以最直观的方式呈现给用户。不论是界面的样式还是使用的步骤都更加简洁，方便用户去理解和操作。而拟物化设计风格的界面特征则是通过还原真实物体的质感，模拟物体的外形、材质、高光等用户所熟悉的特征，让用户更快捷地辨识按钮所传递的信息。在交互方面人机交互也同样拟物化，模拟现实中的交互方式以此减少用户学习使用应用的时间。

一、扁平化设计风格的优势

自从苹果公司推出IOS7和微软推出的Windows Phone8开始走向扁平化设计的风格后，扁平化设计风格的移动端操作系统得到推广。越来越多的设计者意识到扁平化已经成为一种主流的界面设计风格，引领着当下设计的潮流。而扁平化追求极简的设计风格作为当下设计的一种趋势，其设计主要具有以下三个优势：

（一）将注意力放在色彩上

因为没有其他过多修饰，所以仅选定一种主题色调就能展现出良好的视觉效果或者通过多色彩撞色设计风格就可以将界面设计得简洁、干净、大方。在这个信息量爆炸的时代，移动端口作为人们每天获取不同信息的主要途径，会为人们提供大量的未经筛选的信息，想要找出自己所需的信息往往得付出大量的时间和精力。试想在小尺寸的移动设备上满屏鲜艳的色彩和大量的信息，将会给人带来极大的压迫感，过于繁复的界面设计不仅会浪费用户筛选信息的时间，更会让用户有无所适从的感觉。而现下流行的扁平化设计，放弃掉多余的装饰，减少UI界面的元素，则可以缓解这种负荷感。单色调的使用会为应用软件带来一个系统的视觉主题，统一协调的色彩使得整个操作界面干净简洁。合理地运用色彩能够清晰的表达出界面的层次，凸显界面中重要的文字信息，从而为用户构建出一个干净的阅读环境。近年来，越来越多的移动应用软件都采取减少色彩运用，确定单一主题色，甚至放弃所有的颜色的设计方式就是为了缓解UI界面中元素的负荷感。同时，扁平化设计中的配色还意味着更多的色调，这体现在纯色块之间的撞色上。不同颜色的纯色块互相配比，只需要考虑颜色间的搭配方式，对照关系，与运用比例，仅用简单的纯色就能营造出良好的视觉效果（如图1，图2）。

（二）图标的简化

移动应用客户端上的每一个图标最主要的功能是识别，其次才是美观。拟物风格会延续真实世界的认知，尽可能的去还原现实生活的实物，模拟真实物体的材质、质感、细节，以此确保所有的图标都可以很好的被用户所识别。例如，一个相机应用软件，用户会根据设计师设计的图标去联想应用软件的功能。相机的图标设计得与现实实物中相机的造型越相似，用户便越容易联想与识别。拟物式设计的表当方式是运用模拟真实的物体的形式去呈现现实世界中的实物，这种方法不仅方便记忆而且还能降低学习成本，不会增加额外的认识负担。不同造型的图标是为了让用户区分不同的应用软件，而美观的造型则会使得初次接触应用软件的用户对它产生好感。如果设计师设计的图标达不到用户的审美，用户对应用软件的好感度也会随之降低。这时，扁平化的优势便得以体现了，扁平化设计相较于拟物化设计难度系数低，所以简洁的图标备受设计师们的青睐。简化的图标，不仅可以让用户将注意力放在应用软件本身的功能上，排除复杂图标外观的干扰应，而且能够优化界面。扁平化的设计就是放弃一切多余的装饰，是一种直接、快捷的理念，把用户想要的东西高效地展示在操作界面上。所以，用扁平化的设计风格来表达相机应用软件时，只要图标的识别性足够将相机的外形完美呈现，让用户一眼就能够辨别出相机应用软件，大众用户便能够快速的接受扁平化风格的设计（如图3，图4）。

图1　

图2　

图3　

图4　

（三）信息框架扁平化

扁平化的设计同样体现在信息的表达方式上。构建出完整的信息框架，采用化繁为简的方式减少信息层级的数量，能提高操作效率，为用户创建出一个简单、直观的操作环境。在移动设备上，过多的层级容易使用户迷失自己的方向，在不同的层级中构建清晰的引导标志，用户根据标志判断出自己的位置，通过这种清晰的层次结构，补偿移动端虚拟设备中缺失的空间感。减少操作步骤，缩短用户判断思考的时间，让用户觉得简单好用就能增加用户对应用软件的好感，从根本上解决界面设计风格与操作难易程度不协调的问题。

二、现下风靡的扁平化界面出现的问题

扁平化的设计风格有综上所诉的几个优势：简单纯色的界面为用户提供一个轻松的虚拟空间，缓解海量信息筛选的拥挤感；界面和交互简约，信息更直观，扁平化的界面和交互方式可以更直接的完成任务。当扁平化风格的设计带来如此便利的同时不可否认它仍旧存在一些不足。

首先，对于较少接触移动智能设备的用户需要一定的学习成本，他们也许并不能快速的了解这些经过简化的图标的含义，容易造成视觉元素的误读与认知屏障。而会花费过长时间去理解和思考图标含义的用户则会产生失去耐心而放弃对使用产品的风险。乔布斯认为：界面设计的理想境界应该是不论任何年龄、任何经历的人，都可以在拿到应用软件后的几分钟内便能轻松的掌握它的用法。界面不该成为用户浏览内容或达成目的障碍。基于外界的感知以及生活经验的积累，拟物化的设计风格能够让用户联想到现实生活中真实存在的物体，从而方便用户对应用或操作步骤做出快速的理解和反应，加快对信息的理解。模拟实物的视觉设计和交互体验，让用户完全不用去思考就可以直观的认知和使用。鲜少使用移动设备的用户也可以在较短的时间内流畅的使用那些他们没有接触过的应用。

其次，扁平化的设计传达的感情不够丰富。不久之前的应用软件大部分都被定义为一种工具，偏重于功能的实用性。随着社会的发展，人们开始使用带有现实质感的图形来设计软件界面，融入了一定的感情色彩，应用软件再也不是单纯的功能性软件。而简化过的扁平化图标设计为了使得界面更加简洁会适当的对设计做“减法”，舍弃掉美感的一些因素，去保证它的识别性，如此一来扁平化设计表达感情的空间就会受到限制，感情的表达没有拟物化设计那么丰富。

三、扁平化设计未来的趋势

拟物化设计是一种带入感的设计，引导式的设计。它通过用户对生活经验的积累与对事物感知引导人们如何去操作应用软件，它的设计初衷是让所有的人都感受到产品带给人的便利。拟物化最大的好处就是降低用户的学习成本，让更多的人能轻易地使用产品的设计，通过不断的设计去引导，去改变人们的生活方式，人类可以更好受益技术所带来的进步。而扁平设计，是一种工具性质的设计，它更多的偏重于应用软件的功能性，是一种带出感的设计。元素较少的扁平化图标与拟物化设计相比较为隐喻，会使不常接触智能电子软件的用户大大增加学习成本。它更注重软件内容的实用性与操作方式的简便性，让界面的设计适应触摸操作。未来的趋势无疑是拟物和扁平共存。扁平化设计会越来越普及、越来越被大众所接受，而拟物化设计则更趋向于精英小众化。扁平化的设计风格对于极少使用移动设备的用户来说会存在一定的认知屏障，但是随着移动设备的普及，这已经不再是主要的问题。越来越多的用户都有学会了使用移动设备点击、拖拽等基础的交互手势，如此一来，不论是认知障碍还是操作障碍都将渐渐消失。