扁平化风格在手机UI设计中的应用

    孙明海　谭昊祥

    

    摘要：

    扁平化设计是近年来界面设计中广泛运用的一种新的设计风格。本文以手机软件界面设计方面的认知规律为基础，从用户与界面之间的交互关系着眼，探讨如何使扁平化风格和手机交互界面设计研究紧密结合起来，从而设计出既符合当代审美潮流，又符合人机交互式体验的产品。

    关键词：

    扁平化 人机交互 界面设计

    随着科学技术的不断发展，手机不再像传统时期那样，仅仅用来通讯和短信互联，现今的手机早已摆脱了传统时期的单一模式，逐步向着多功能使用方向发展，现今的手机能满足人们对于社交、娱乐、学习等多方面的需求，同时现今的智能手机的触屏设计替代传统手机的按键模式，UI界面变得愈发的丰富，各种各样的图标设计也愈发的吸引人们的眼球，人性化的设计为智能手机的发展迎来了更多的好口碑，为后续的不断发展打下了坚实的基础。

    一、智能手机UI界面设计

    所谓的UI包含有UI交互、UI界面、UI图标三大块，是指对软件的人机交互、操作逻辑、界面美观的整体设计。作为一个软件产品，往往给人的第一印象就会决定人们对它的使用频率和接受能力。这里面的第一印象就是说UI界面在设计上要紧跟现今人的时尚眼光，界面设计要符合现今人们的审美观，同时还应该兼具方便快捷、赏心悦目的特性。由于这种要求的出现，就不仅仅指的是要有高超的界面设计技术，还要求作为界面设计者要有敏锐的洞察力和审美能力，使得人机在相互联系的时候，能够通过界面之间的信息传递来减少用户的记忆负担。

    二、扁平化风格

    从2010年10月，微软公司正式发布了智能手机操作系统Windows Phone，同时将谷歌的Android和苹果的IOS列为主要竞争对手之时起，扁平化设计就开始逐渐进入我们的眼球。近年来，扁平化这个词的出现频率越来越高，已经成为了一个受瞩目的社会热点，对移动设备界面设计甚至整个设计领域都有着巨大的影响。

    扁平化设计（flat design），又称“零3D属性的设计”，是近年来视觉传达设计领域出现的一种新的设计风格，是相对于“拟物化”的一种设计理念。它的核心意义是：去除冗余、厚重和繁杂的装饰效果。而具体表现在去掉了多余的透视、纹理、渐变以及能做出3D效果的元素，这样可以让“信息”本身重新作为核心被凸显出来。同时在设计元素上，则强调了抽象、极简和符号化。这种崇尚简约、平面化的表现形式，更易为现代快节奏生活中的人们欣赏和接受。

    对于设计师而言，提高用户体验是一切设计的出发点。扁平化风格已经成了当下最流行的界面设计风格，如何在保证用户体验的前提下，又达到视觉上的简洁、清晰，是值得当代设计师思考的问题。

    三、UI设计中的“扁平化”

    1.从“平面化”到“拟物化”再到“扁平化”

    界面设计起源于1970年代末，最开始是以一种无装饰的“平面化”风格出现，之后开始向“拟物化”演变，所谓拟物化（Skeuomorphism），原本是希腊词汇，在wikipedia里是这样解释的：“拟物化是指对象保留了旧时特质的装饰性元素，这些元素对于当前对象的功用已不再必要。”拟物化曾一度在材料应用领域广泛使用，比如人造革，仿木纹的塑料地胶，都属于拟物化。当拟物化风格逐步在界面设计领域占据主导地位后，似乎逐步陷入一种怪圈。众多设计师投入过多精力到诸如反复修整皮革背景纹理或反复调整投影角度的工作中，反而忽略了交互行为本身。拟物化风格在主宰界面设计多年之后，大众也逐渐对其从最初的震撼吸引变为习以为常，甚至审美疲劳。风格潮流的轮回至此，将扁平化设计风格推到了风口浪尖。2013年的WWDO大会上，IOS7系统的发布引起了人们的热议，虽然此前“拟物化”图标一直是IOS的标志，但扁平化的IOS7似乎更受各大设计者的青睐。

    2.“扁平化”在UI设计中的表现

    （1）简约的图形

    扁平化设计中仅使用简单的形状，放弃不必要的装饰效果，不再使用高光、纹理、材质、阴影等拟物化的视觉元素。基本形多由几何形与几何形、或曲直线条与几何形组合而成，如放大镜、书本、指南针等，图形全部采用最简练的方式表现，圆形为底、线条简洁、图形高度凝练概括，装饰性几乎为零。当然越是看似简单的图形设计起来越有难度，这种高度概括的表现形式对设计师的专业要求非常高，它不仅要提炼事物的图形特点，还要放弃多余的装饰，突出主题，让使用者对其内容一目了然，减少人们接受、适应信息时花费的时间和精力。

    （2）鲜活的色彩

    任何设计都离不开色彩，在放弃了一切不必要的装饰之后，只留下形状和色彩，所以色彩的设计在扁平化设计中就变得尤为重要。扁平化设计都有个共同的特点，色彩鲜艳、明亮，通过这个方面来增强图标的视觉冲击力。在其风格的作品中，色调层次很丰富，非常讲究色彩之间的和谐搭配，颜色搭配温和协调。扁平化设计多用色块来表现各种关系，单纯的颜色配合几何形的块面，让人看上去干净清晰，一目了然。

    （3）合理的排版

    在扁平化设计中的视觉元素都相对简单自然，那么它的字体与排版的匹配，应该与整体界面风格相一致。所以在扁平化设计中，尽量不要用生僻、高度装饰的字体，那样界面看起来就会不伦不类。

    此外，扁平化设计是由自然和简约的理念形成设计风格，避免l了过多的零碎出现在整个界面中。考虑到手机分辨率与屏幕的大小，简单的颜色和文本的编排就已经足够体现产品风格了。

    四、从用户体验的角度分析扁平化的特点及其影响

    手机界面设计趋于扁平化，实质上是产品设计从“物本”向“人本”回归的一个重要体现。具体而言，扁平化思想应用于手机界面设计的优势主要体现在信息访问的开放性以及快捷性2个方面，开放性有利于避免用户在信息查询过程中出现迷航的情况，快捷性则有效提高信息访问的效率，帮助用户省时省力。

    （1）信息访问效率高

    由于扁平化设计主要以单纯的矢量风格图形表示，对像素精度要求没有拟物化那么高，因此在程序运行的过程中，速度较快，图片加载率较高，用户界面的适应度较大，系统运行更为流畅，从而使用户的操作体验得到提高。在执行同样的命令时，扁平化的界面设计可以缩短用户的等待时间，这将极大成都的影响用户对该手机APP的满意度。

    （2）布局明确，满足用户的需求

    简洁朴实的扁平化设计，可以更直接更清晰地为用户展现出产品所要传达的关键信息。扁平化的界面突出重要信息，弱化次要部分甚至隐藏在下拉菜单中，通过简洁的线条和色彩搭配，简单的信息布局，使用户更方便的浏览界面，能够对全局信息进行观察，从而提高用户的满意度。

    5.结语

    随着生活水平的不断提高，人们对于智能手机的使用情况也在逐渐向一人一机的使用模式转变，正是由于此需求的出现，手机UI界面的设计就应该更符合时代的发展，简洁、便捷、舒适、美观早已成为了现今智能手机UI界面在设计上的趋势。扁平化手机界面设计凭借信息访问效率高、布局明确，满足用户的需求等优势，较好的符合了用户与产品双方面的要求。在以用户为中心的设计思潮中，扁平化的界面设计能够较好的契合手机用户需求，已经成为移动设备界面设计之趋。在未来的手机ul设计中，扁平化的思想将会搭载更加多样化的交互技术呈现在用户面前，为用户与信息之间搭建起和谐互通的桥梁。