谈手机界面的扁平化设计

谈手机界面的扁平化设计
满超
【摘要】本文分析了扁平化设计产生的原因；从信息架构和表现形式两个方面论述了扁平化设计的特点；从手机界面交互方式的扁平化设计方法和手机界面表现形式的扁平化设计方法两个方面系统地探讨了手机界面的扁平化设计方法，为手机界面的扁平化设计提供了较为完整的理论体系；并根据带有阴影的扁平化设计、带有渐变的扁平化设计和带有三维效果的扁平化设计三个方向介绍了扁平化设计的新特点，指出扁平化设计未来的发展趋势。

%This paper briefly analyzes the reasons for the development of flat design, discusses the characteristics of flat design from two aspects: information structure and form of ex-pression. This paper systematically discusses the flat design of mobile phone interface from two aspects: the interface of mobile phone and mobile phone interface, it provides a relatively complete theoretical system for the flat design of mobile phone interface; and according to the flat design with the shadow of the flat, with a gradient of flat design and three-dimensional effect of the flat design, analysis of the new char-acteristics of flat design, it points out the future development trend of flat design.
【期刊名称】《北京印刷学院学报》
【年(卷),期】2016(024)001
【总页数】2页(P50-51)
【关键词】扁平化设计;手机界面;信息架构;表现形式;交互设计
【作者】满超
【作者单位】北京邮电大学世纪学院艺术与传媒学院，北京102101
【正文语种】中文
【中图分类】G2
扁平化设计是与拟物化设计相对应的一种设计风格，在形式上，可以理解为抛弃流行多年的渐变、阴影、透视、纹理、高光等拟真化的视觉效果，使用简单色块打造出一种看上去更“平”的设计风格。

但扁平化设计并不是为了扁平而扁平，扁平只是它的外在表现形式，其深层次的含义则是交互体验的扁平化，信息架构的扁平化[1]。

作为一种新的设计风格，扁平化设计能够在短短两年多的时间内迅速发展起来，究其原因可以归结为拟物化设计的没落、信息阅读的碎片化和移动终端的多样化。

在这些背景下，扁平化设计简洁的外观、扁平化的层级结构以及良好的交互体验，顺应了设计发展趋势，逐渐被人们所关注。

扁平化设计有自身的特点，首先表现为结构层级的扁平化。

扁平化设计遵循开放式的信息层级关系，改进了传统的信息架构，用户在访问信息时不必再为封闭式的单线路径而苦恼，在顶层界面便可以完成对各部分信息的独立控制，它开放式的信息界面可以帮助用户简洁快速地完成对信息的访问，有效地提高了信息的访问效率。

其次，就是扁平化设计采用抽象化的表现形式，使用简单的造型方式，放弃一切拟真的装饰效果，所有元素的边界都干净利落，没有任何羽化、渐变或者阴影。

在色彩的搭配上，为了强调对比突出主要信息，扁平化设计在图标和界面主要信息色彩选择上通常选择鲜艳的纯色，把界面的背景颜色设计成比较灰暗的颜色，这样两者
在色彩上可以形成鲜明的对照，有效地强化了主要信息[2]。

智能手机是当下普及程度最高的移动终端设备，也是移动终端多样化发展的重要组成部分，手机是当前扁平化设计的主要载体，是扁平化设计发展的重要依托。

传统的层级结构大多是一种纵向的、封闭式的，是一种单线路经，长期繁琐的操作容易使用户产生反感，影响用户的使用效率。

扁平化的设计理念以用户的情感、心理和信息需求为中心，注重提高用户的使用效率，减少用户的认知障碍。

在手机的层级结构上，扁平化设计做了大量的简化，通常采用横向式、透明的层级结构，缩短了结构层级之间的关系，减少了层级之间的跳转；为了突出界面主要信息，扁平化设计将大量信息平铺地展现在界面和图标上，用户无须点击进入下一层级或进入应用程序就可以查看自己关注的信息，提高了信息的访问效率；在操作方式上，扁平化设计也进行了简化，把操作步骤简化到以前的1/3以内甚至更少，有效节省了用
户的时间。

在手机界面的表现形式上，扁平化设计从界面布局、色彩搭配、图标设计和字体设计上都进行了重新调整。

在界面的布局上，扁平化设计通过信息分类整理、调整界面布局、扩展隐形空间等方法有效调整了界面的布局，突出了主要信息，提高用户的访问效率，有效地扩展了界面的空间。

在色彩搭配上，扁平化设计以鲜亮的纯色搭配为主流形式，这种色彩搭配方式可以突出主要信息，减少用户的认知障碍，同时也形成了单一色、复古色等比较个性化的配色方案。

在图标的设计上，扁平化设计摆脱了拟物化设计的樊篱，大量简化了图标的装饰元素，注重图标的识别性、实用性、易用性和个性化，图标基本采用矢量图形绘制，迎合了当下移动终端多样化、多平台、多屏幕的发展方向，减少了设计师的工作量。

在字体的选择上，扁平化设计要求字体不仅要满足用户的审美需求，而且要有较高的辨识性，方便用户阅读，在扁平化设计的手机界面中，字体通常选用无衬线字体，无衬线体是指英文中没有衬线的字体，这种字体与汉字中的黑体相似[3]。

由于人们对于扁平化设计的不断争论和探讨以及有些设计师出于对扁平化设计的理解不同，也使扁平化设计出现了一些新的特点，这种带有新特点的扁平化设计往往被称为准扁平化设计，也叫伪扁平化设计，其中主要包括带有阴影的扁平化设计、带有渐变的扁平化设计和带有三维效果的扁平化设计。

带有阴影的扁平化设计是在扁平化设计中给元素添加阴影效果，从而使元素增加一定的深度和立体感。

带有阴影的扁平化设计又可以细分为：长阴影的扁平化设计和短阴影的扁平化设计。

带有渐变的扁平化设计通过利用色彩的明度对比、纯度对比和色相对比等来营造界面的空间和质感，给画面增加一定的美感。

带有三维效果的扁平化设计在最近也是流行，可以说在各类设计上都可以看到，其特点是颜色明快，块面化，立体化。

当前，扁平化设计由于其简洁的表现形式、鲜艳的色彩搭配和良好的适应性受到极大的推崇，被广泛地应用在网页、手机界面及APP等几乎所有形式设计中，但这
并不表示扁平化设计是完美的，无懈可击的。

首先，从用户的认知角度来看，扁平化设计采用抽象化表达方式，对于很少接触电子产品的用户来说可能会带来一些麻烦。

其次，扁平化设计继承和发展了现代主义风格，抛弃了拟真的装饰效果，会使得界面效果过于单调，缺乏情感，甚至会显得冷漠。

另外，扁平化设计跟其他形式的设计一样，也会受流行趋势的驱使和设计师专业技能的限制而被大量地粗制滥造，导致扁平化设计的误用和滥用，偏离扁平化设计的初衷。

无论是扁平化设计还是拟物化设计，都是一种设计风格，没有优劣之分。

对于手机界面的设计来说，设计方案的选择应当取决于应用工具的实际功能和人们的使用习惯，针对应用工具的功能和用户的使用习惯找到最佳的解决方案，而不要受到某种设计风格的干扰[4]。

【相关文献】
[1] 韩晓墨.继承与发展并重——论扁平化设计的席卷[J].现代装饰(理论)，2013(7)：9.
[2] 易敏哲.关于手机界面设计趋于扁平化的一些思考[J].大众文艺，2014(1)：108.
[3] 侯景艳，熊传朋，叶根军.从符号学角度解读扁平化设计趋势[J].科技创新与应用，2014(3)：5-6.
[4] 宋方，金锦虹，逯新辉.析“扁平化”手机界面设计[J].包装工程，2012(14)：60-63.。