扁平化理念在APP界面设计中的应用研究

周 鑫

（南京交通职业技术学院 江苏 南京 210000）

1 引言

随着信息技术和移动互联网高速发展，智能设备的普及，移动应用和服务更加广泛。截至2017年12月，中国网民规模达7.72亿，互联网普及率为55.8%，移动网民规模为7.53亿，移动网民在网民中的占比已高达97.5%。从数据可见手机上网成为主流，移动终端的第三方应用程序APP的开发行业亦盛行发展。APP指的是应用程序，简单来说就是手机软件，运用于智能手机与平板电脑领域，以智能设备系统为载体的，满足一定功能或精神需要的第三方应用程序。如微信、手机淘宝、手机支付宝等，如今我们已经习惯拿起移动设备点开APP为我们解决日常生活所需，为了满足客户需求，市场上开发了不同种类不同领域的APP应用程序，人们也对APP产品需求不断提高，对APP的界面设计、用户体验有着更高的要求。

2 APP界面设计原则

决定用户在APP操作中感受到舒适、简单、自由最直接影响因素就是界面。即用户界面，是指对软件的人机交互、操作逻辑、界面美观的整体设计。好的界面设计不仅能充分体现软件的定位和特点，还能让软件变得有个性有品味，操作变得简单直观。 APP的界面设计主要受到感官、行为影响。感官上，APP从图标点开到里面每一个页面，都是通过版式布局、文字色彩，视觉传达的方式展现在用户的面前。不一样的视觉效果带给用户不一样的感官体验。好的印象，决定着用户是否继续使用。

APP操作过程中，用户产生行为体验，APP界面设计是否符合用户的行为习惯，是否符合用户需求，使用户产生共鸣。是决定APP不被用户抛弃的关键，也是设计师在做界面设计时重点考虑的问题。用户行为是用户群体受生活环境影响形成的一种固定行为思维模式，是一种无心的人类自然的本能反应行为模式，其中用户无意识下的操作行为是设计师进行界面设计研究的主要方向，在APP界面设计过程中要遵循这种习惯性操作模式，提高界面操作的可用性，易用性，和愉悦度来提高用户的满意度，满足用户与APP之间的互动，达到功能性的需要。

3 扁平化设计的界定

扁平化设计是近几年视觉传达设计领域一种新的设计风格，整体效果趋向于平面化、无立体感，在设计中简化渐变、阴影、高光、纹理、透视等拟真视觉效果，通过简洁符号化图形，强烈的色彩，无修饰性字体，去除一切表面装饰元素，精心选择本质性元素，从而打造出一种看上去更简单的“扁平”的视觉界面，其本质是将一切干扰信息弱化，突出需要表达的重要内容与信息。

微软公司的Metro界面，苹果公司的IOS 7系统，没有了精美逼真的视觉表现手法，取而代之的是简单纯色、简约图形和统一文字，突出界面的功能点，给用户直观的信息传达。在设计领域开启了颠覆性的界面视觉风格，并迅速得到设计师和用户的追捧。扁平化设计的出现让界面设计风格和交互形式变得轻巧，使形式服务于功能，更注重用户体验，让界面设计的视觉效果和用户体验都得到了完美的结合。

4 扁平化设计在APP界面中的运用

当前信息快速发展，生活节奏的加速，碎片式时间获取信息方式，需要一种简洁明了、更加直观表达信息的设计，让人们花少量的时间就能学会一种交互方式，将交互过程精简、优化，让用户获得更好的体验感，获取到尽量多的信息，提高使用效率。扁平化设计正好符合现在的潮流发展，所以被广泛运用到APP界面设计中。

扁平化设计在APP界面设计中的运用主要归为两点：表现形式的扁平化和信息结构的扁平化。视觉效果的扁平是它的外在表现形式，信息架构的扁平化是它的内在展开形式。

4.1 表现形式的扁平化

扁平化设计抛弃过多图形的深入刻画，去掉繁琐的装饰，减少繁重的工作量，表现形式上对界面设计效果更加简洁，图形呈现更加直观，每一个图形都具有广泛的认知性，都有存在的必然性，使用户对应用程序功能一目了然，操作加载十分快速，同时也使得扁平化界面设计可以很好的适应各个尺寸的屏幕，更有利于在不同大小的设备上显示干净利落的排版。

扁平化设计风格将有用的信息直接提取到用户的眼前，利用图形组合，图形标识不添加复杂元素，确保用户在使用过程中保持良好的视觉流畅，便于用户便捷的寻找到自己所需内容，让用户一眼就能准确找到自己想要的信息。设计师在设计界面时通过不同色彩、图形大小、文字布局、功能图标增加若干对用户感知器官的刺激因素，达到信息突出，合理的对信息进行梳理，突出主要内容，使得用户可以更好的集中注意了。APP设计中过于繁琐的图标设计和过多的图形元素，容易扰乱用户的识别性，丧失了交互的有效性。也造成设计师在界面制作时耗费大量时间，扁平化界面设计焦点正好放在创作设计上，设计师遵循“形式服从功能”、“少即是多”的现代主义设计风格，将一切用户想知道的信息，通过对元素信息的归纳总结，用简洁的图形符号将其准确表达出来，直接放置界面上。如音乐图标多数都会用到音符、天气图标用到云朵、美食图标用到食物现状物体，图标具有很强的功能性。在颜色形态上，扁平化设计采用色块，通过色彩的纯度、明度、对比度、配色方案创造出多种配色手法，营造出与众不同的视觉感受与视觉冲击力，从而做到主体信息凸出。整洁干净的界面，简洁的符号化按钮和排列整齐的各类选项，帮助界面更加清晰的传达信息，减少用户认知障碍的产生，提高用户的浏览体验。

4.2 信息结构的扁平化

信息结构的扁平化，是指手机程序的扁平化，是交互体验的扁平化，在界面设计过程中减少信息结构层级，信息层级结构简单，交互方式快捷。

传统的层级结构大多是纵向的单线路经，用户点击进入一个层级才能进入下一个层级，层级过多，操作性较差，影响用户的使用效率，扁平化界面设计风格是一种开放式的界面层级结构，交互层级结构是横向式、透明式，是一种整合信息的方法，简化了结构层级，强调信息本身，设计者在界面设计过程中减少信息层级的思想， 利用最少的页面来展现最多的信息，通过界面的导航设定和信息排布设计，简化了信息的中间层级，用户就可以在不用进行界面的切换下了解和掌握其他子界面的信息。层级间的切换方式更加快捷，层级结构更加清晰，可以帮助用户快速、有效的完成信息的查找，缩短信息访问的路径，从而获得更多信息。以支付宝APP为例，当用户选择并进入了支付宝首页，界面上方有很多图标快捷方式，我们可以快速进入想要的层级，轻松找到所要的信息。这样的层级结构用户易于理解，用户可以一目了然的知道产品的主要功能和各个功能模块之间的组织关系，学习使用更加简单，对软件的好感、友善度更高。

扁平化设计简洁的布局页面，易懂的图标按钮、色彩丰富的组合设计元素，用户操作时更直观的、更简单的，认知交互更容易，所以扁平化风格在短时间内被大家接受，推崇，其独特之处就是操作的灵活性和方便性，更加注重功能的本身，较好的展现了产品效果，做到了一切设计都为功能服务，真正做到了形式服务于功能。