论界面设计的扁平化形式

李亭翠，陈 颖

（阜阳师范学院信息工程学院，安徽 阜阳236000）

论界面设计的扁平化形式

李亭翠，陈 颖

（阜阳师范学院信息工程学院，安徽 阜阳236000）

扁平化设计风格能在当今设计界盛行，并不是偶然的，而是时代发展所致。扁平化设计给界面设计带来简约之美，虽然扁平化本身也仍在寻找一种更好的表现形式来给大众更好的视觉效果，但它依然是大势所趋。文章通过从图形、色彩、字体等角度分析扁平化在界面设计中的发展形式，并对其整合。

扁平化；界面设计；设计形式；要素

引言

随着人们审美的发展和需求，拟物化设计逐渐从主流设计中退出，而扁平化设计在未来生活中的使用会越来越频繁。尽管当初这种别致的设计风格没有获得大众的一致赞同，可能还受到了一些讽刺和嘲笑，但它依然赢得了业内高度的关注，还被推到了史无前例的高度，很快就风靡了整个设计界，成为一种设计风尚。究其原因，主要是因为扁平化这种简单、清楚的风格更符合新时代的特征和需要。

1.扁平化界面设计盛行的必然性

在这个高科技信息化的时代，新媒体技术的蓬勃发展让我们的生活更加便利,手机和平板电脑的普及率越来越高，已成为我们生活中不能缺少的一部分。在过去几年中，我们也目睹了软件界面设计从三维及拟物化到扁平化和极简化的过渡。

人们怎么会突然从对材质、高光和阴影的喜爱转向扁平化了呢?从美学的角度来说，一种视觉风格的审美疲劳后，人必须寻求另一种不一样的视觉刺激，扁平化设计在这么短的时间里快速流行，多少有这方面的原因。但是从本质上看，它是在这个信息化、多元化时代背景下的一种设计语言和思维方式的转变，而不只是一种感官层次的改变。这种转变受到了多种因素的推动，以下是其中较为重要的几个。

1.1信息过载

在当今快节奏的生活和文化背景下，每一天我们都要不断的接收各种信息流，有重要的也有无关紧要的。我们必须时刻地评估、挑选并且创造各种有价值的内容，显然，这是很劳神的。此外，移动设备功能越来越全面，我们需要在界面上更直观更易识别。信息迅速膨胀，我们需要内容更加的丰富来满足我们对信息的获取，所以说人们现在很容易对复杂的装饰产生一种心理上的负担，而减少用户界面中的视觉元素正好吻合了人们需要减压的心理以及电子设备的发展，能够给予我们少许的宁静。

1.2简约是金

尽管传统的软件开发商更加青睐在产品界面中使用大量装饰以此为由可以卖个好价，但是在现代的需求下，追求极致的简约和单纯的视觉体验风潮更加偏向于使用简单化取代繁复化。应用程序越简单，界面也就越简单。

很多新的网站以及老网站升级改版后的设计纷纷采用了扁平化的设计，不管在电脑还是在移动输出终端的界面设计中这已经是不可抵挡的趋势了，并且这种趋势正以非一般的速度蔓延开来。扁平化并不是简单的删除多余的修饰效果，毕竟，用几根简单的线条和几个色块来表达主题，并没有用模拟真实物体表达来的那么直观、容易。简约的界面设计需要设计师拥有更加准确的视觉传达能力，要运用抽象而又严谨的逻辑思维方式加上精准的归纳总结才可以完美的表现出来。所以说扁平化风格并不代表着设计师的工作变轻松，更不能说明界面的可用性能被降低。

在20世纪建筑业的极简主义运动强调了几点内容即：“形式服务于功能”、“少即是多”等等，这些一直延续到今天都还让我们受用。另外，我自己特别喜欢在别人问米开朗基罗他是如何创作大卫雕像时的答复：“很简单，我只要凿去多余的石头，留下有用的。”对于界面设计来说也是同样的道理。那么作为设计师，在进行扁平化风格创作时，不仅仅是探求视觉效果的问题，追求产品功能和使用效果才是最本质的。

2.扁平化界面设计形式要素

2.1图形

毋庸置疑扁平化设计已成为当下最热门的设计风格之一。从图形的角度来看，扁平化风格设计已经不再推崇写实的图形设计，取消了原来设计中大热的阴影、渐变、高光等3D效果，而采用简洁直观的呈现形式，用抽象、高度概括性的平面图形取代三维效果的图形。扁平化图形创意的基本形状有矩形，圆形、菱形、多边形等，但要留意最好不要用多于六条边的形状，因为这样人们的注意力就有可能会在图形的边数上而忽视掉图形本来要表达的内容信息。虽然扁平化的图形表面看起来十分简约，但这并不是简单地把拟物化设计中复杂的装饰效果丢弃就能达到的，刚好相反，它对设计者的要求更高，要求设计者对图形有更加准确的把控能力，通过既抽象又严谨的思维条理，才能对扁平化图形进行精简总结，最终呈现完美的设计表现。其中最重要的主旨就是要使图形经过抽象和简化过后依然能被受众正确的辨别，从而有效的进行信息的传递，让用户能有更好的体验。所以说，表面看起来很简单的内容，但其实内部大有乾坤。如果扁平化图形设计可以处理适当，就会给人一种简约而不简单，清新而不单调之感，反之，就会让人感到太过无聊和乏味。(如图一)

扁平化图形创意除了以上几种几何形状以外，也可以用多种基础形状拼合而成。但这种形状的组合最好不要超过三种以上的基础形状，因为如果这样，会让设计和扁平化的简约风格相背驰。

图一 扁平化图形

2.2色彩

色彩的运用在扁平化设计中有着举足轻重的地位，在日常设计中我们就可以发现，基本上所有的扁平化设计都脱离不了色彩。它不仅仅传递此图形是什么颜色，它还是传递给观众情感的一种最直接的表达方式，一般扮演着和观众情感互动的主要角色。所以，如果一个界面的色彩非常明快、活泼，那么也就很容易吸引受众的目光。

对于色块的颜色，传统的色彩规律不大适用于扁平化设计中了，扁平化设计一般都有特定的设计法则，一般用纯色，复古色或是同类色会使设计更加出彩。例如复古色调，是在纯色的基本上增添白色,以降低颜色的饱和度,让颜色变得更加柔和。如果把复古色当作设计的主色调，那么最终显示的效果会很棒，这种颜色会让页面变得更加淡雅，让人看着舒适。总之主旨就是各种颜色搭配要协调，虽然视觉上扁平，但整体界面会感觉丰富、活泼。在拟物化设计里，有很多界面的底纹都会采取肌理效果，使界面具有很强的质感，给人一种亲和力。而扁平化设计中，抛弃掉了真实质感的底纹设计则会让界面更简洁直观，从而可以更加清晰地向受众传达想要表达的情感和内容。

2.3字体

由于扁平化设计本身就十分简约，运用的元素也是少之又少，字体的样式和布局就会在设计中变得格外的重要，甚至会直接影响设计的最终效果，因此字体设计在扁平化设计中也必须非常的考究。字体的设计应该根据整个页面的风格来定义，如果在很简洁的页面上放上非常精致繁复的字体就会变得格格不入。扁平化风格的界面设计选择简单的字体最为适宜。文字的清晰度和粗细也都非常重要的因素，而且最好一个界面中字体系列保持在两种左右，不易太多以免繁杂。字体不单单要迎合大众的审美需求，也要实用，方便阅读。在扁平化设计中经常采用的是无衬线字体，如：黑体、微雅、方正幼线等，这是由于它们特殊的字体形态更符合扁平的特点。无衬线体里，字体较宽，会让人感到轻松，排版的时候不容易有紧张感，更容易阅读，而且不管在任何背景上也都能轻松的识别。无衬线体的线条非常的简练，具有几何感，这种不带有任何花哨的字体与简单明快的扁平化界面设计是非常吻合的，从而确保设计在视觉上的统一性 (如图二)。当然也可以用一些别致的字体做点缀，但是必须要懂得适可而止，不能太过太繁。

另外，扁平化界面设计中字体的排版也需要格外的注重，字体占据面积的比例一定要把控好，一定要适当的留白，让整个画面有呼吸感，这样可以更好的衬托出主体内容，更易被受众接受，文字占的空间面积大则会显得拥挤，给人以压迫感，也不适合扁平化简约、明快的风格。

图二 扁平化字体

3.扁平化界面设计形式创新-扁平立体化

3.1扁平化界面设计的局限性?

众所周知，Iphone一直处于界面设计时尚的前沿，从一代的拟物化界面设计，注重细节，每个图标和按钮都做到极致。再到前不久才发布的IOS8操作系统，扁平化设计风格完全与以前的拟物化迥异，但还是吸引着大批的追随者。究其原因是简洁直观，色彩明艳，更富有时尚感的扁平化设计风格，在视觉层次上呈现得更为轻盈、明快，没有过往的厚重感觉，从而深得年轻消费者的追捧。

扁平化设计尽管让人在视觉上有焕然一新的新鲜感，吸引大众，可是在用户体验上还是需要用户花时间去琢磨，使用起来不像拟物化设计那么简单明了。因为在拟物化界面设计中图形带有一点过渡的渐变，微微的浮雕效果，这些多多少少都提高了用户的辨识度并引导用户该如何去使用。而扁平化设计摒弃了这样特征，没有了逼真的细节效果，界面中的每个元素都处于同一平面上，那么用户在使用时就会有：这是什么？按钮还是标题？我点击后会出现什么？等诸多疑问，这些都直接影响用户能否愉快、顺畅地使用。在实际生活中也很容易发现，扁平化的界面设计在人群中普及率还不是很高，特别对于儿童和老人，因为在界面上去除了拟物化，而扁平化的设计在辨识度上没有拟物化那么直接，从而增加了使用者的学习成本。另外，扁平化设计如果没有处理得当就会显得很平，没有层次感，使用操作起来就会产生一些问题。

3.2形式创新-扁平立体化

扁平化并不等于没有一点设计修饰效果，在实际设计中，设计师应根据设计理念、服务对象的特征以及要解决的问题灵活运用扁平化风格。一个较为成功的扁平化设计的创作，最根本上需要把产品功能排在第一位，而不单单只是考虑视觉呈现的问题，不要为了扁平化而扁平化，扁平化的视觉呈现也是为了产品的功能服务的。在界面设计时，我们要时刻牢记设计形式是服务于产品功能的，怎么样用直观的界面和交互向用户展示产品的整体构架和功能是我们首先要考虑的问题。简约而不简单，把影响用户理解和使用产品的视觉要素删除，合理的运用效果，自然的指引用户正确的使用产品，这是扁平化界面设计的宗旨。例如在电子书之类的界面设计中，用户最需要的需求就是浏览阅读，这时应把对阅读产生误导障碍的界面元素隐藏起来，当用户需要的时候再通过手势滑动来展现出来。

由于扁平化界面设计形式的局限性使有些设计不能完美的呈现出来，那么我们可以寻求另一种新的形式来取代纯粹的扁平化形式：扁平立体化，即是在扁平化的基础上延伸出拟物化设计。如图三中的一系列图片就是在扁平化的基础上延伸出的立体化图形，这种图形用单纯的色块组合而成，在平面上展现出拟物的视觉效果，既简单又富有趣味性，综合了两者的优点，避免了单纯的扁平化不直观的弊端。另外，雅虎在扁平化风潮的强力影响下，也经过了很多次扁平化LOGO稿图的演变，最终采用了一款类似扁平立体化的效果图。LOGO从原本的衬线体变成了无衬线体，最后的感叹号还添加了一点动画的写实效果(如图四)。

图三

图四

结语

设计服务于人，不管我们在设计时选用哪一种设计形式，扁平化、拟物化还是扁平立体化，都取决于哪种形式更能表达我们想要的最终效果，并且以用户的情感需求为主导。扁平化风格带着浓重的时代气息席卷了设计界的多个领域，我们欣然接受，虽然扁平化设计流行大热，但也只不过是为设计师们提供了一种新的设计表现形式，而并不是把原来的一切全部舍弃。最实质的还是我们应该怎样去把设计做好，怎样能表达设计想要表达的目的，而不应该只是拘泥于形式。设计师们应根据用户需要扬长避短，合理的取舍，让各种设计形式发挥自己最大的优势，既给人们带来视觉上的盛宴又有实质上的便利。

[1]宋方.析“扁平化”手机界面设计[J].《包装工程》，2012，33（014）：60-63．

[2]韩晓墨.继承与发展并重—论扁平化设计的席卷[J].现代装饰理论,2013.16．

[3]马娜娜.简洁而不乏味——浅谈扁平化界面设计［J］.大众文艺，2013（16）：137-138.

编辑：董刚

On the Flat form of Interface Design

LI Tingcui，CHEN Ying
（College of Inforrmation Engineering Fuyang Teachers'College，Fuyang Anhui 236000）

Flat design style prevalent in the design world today,is not accidental,but a product of the era development.Flat design brings to the interface design contracted beauty,although flatter themselves are still looking for a better form to give the public a better visual effect,but still flat is the trend of The Times. Articles by analyzing from the Angle of graphics,colors,fonts,and so on flat in the form of the development of interface design,and its integration.

flat；interface design；design form；elements

J045

A

2095-7327（2017）-03-0028-04

李亭翠(1982-)，女，安徽阜阳人，阜阳师范学院信息工程学院助教，硕士。研究方向：产品设计及教学。

本文是阜阳师范学院信息工程学院媒体与设计研究中心科研项目（编号：2015MTYSJ03、2015MTYSJ02）；安徽省人文社会科学研究重点项目：SK2016A071；2016年国家级大学生创新创业训练计划项目：201613619001成果之一。