分析“扁平化设计”在手机界面设计中的应用

朱南瑾 王佳惠

扁平化设计在短短时间内迅速地崛起，在初始阶段、在拟物化风格流行的阶段，扁平化设计这种新型设计模式从设计长河中脱颖而出，直到今天成为设计的主流方向。现在的科学技术如此发达，在多年前的二维技术都已经到了一个极限的状态，既然能够用技术做到更立体更逼真的效果，为什么扁平化这种设计风格会成为一种流行趋势呢？在当代的设计中，不论是网页设计方向还是手机界面设计方向，质感厚重、样式繁多的设计不断减少，取而代之的是轻薄感居多、简洁大方、更富有创意的设计方式进入大众视野中。那么扁平化的趋势会带来什么呢？为什么扁平化会普及？又为什么会流行起来？我们来看看扁平化未来的路程如何。

一、什么是扁平化设计？

扁平化设计的开端是风靡一时的，它与之前的手机界面风格有着很大的区别，它一改以往的设计繁复风格，摆脱对实际物品的仿效，朝着更加简洁明快的界面风格发展。我们回过头来看往年的设计，扁平化的设计风格在早前以往就有出现过类似的设计。来看平面设计风格，它最早出现于瑞士，所以我们也把它称为瑞士平面风格，这种平面设计风格有着严谨的几何形追求，不论在组织上还是布局上都有着不同程度的留白，这种理性化的设计理念就被当下这种扁平化设计保留了下来。扁平化的含义简单来说就是使用简单的线条、简洁的块面来表现出更“平”的视觉效果。扁平化设计抛弃了多年以来流行的拟物化风格的特点，它摆脱了阴影以及高光真实的效果，用更为简单的设计元素使其能够达到扁平的视觉效果。但是扁平化设计它不是我们口中一味地追求所说的“平”，而是以这种平面的方式来向我们传达信息，虽然这样摒弃了很多真实的拟物元素，但是这样也减少了我们在使用过程中遭到的不必要的干扰，从而减少了厚重感，以此提高用户的体验感受，使我们的设计主题更加的鲜明突出。

不论是手机还是网页的交互界面设计中为什么会逐渐流行扁平化设计？首先我们从硬件诞生出的石器时期，最开始技术问题导致设计的发挥空间非常有限，我们只能通过最简单的方式来传达我们所要表现的设计理念及构思，可以发现有大量的图标和UI设计的元素早在最初的时候就已经确立了雏形。在短短的几十年内，我们的二维技术已经发展到了一个非常顶端的阶段，能够在智能设备上模拟出非常真实的风格。在拟物化设计非常流行的时期，为何扁平化就能一下子就成为发展趋势？回观整个设计史，可以发现在设计方面的审美观念一直都是循环往复，也就是说一种设计风格流行很长时间以后往往会被另外的风格取而代之，这也是人们的审美疲劳所导致的，希望追求新鲜的设计感，简单来说就是追求时尚。简单的设计元素能够给人机交互带来更好的需求，满足用户的感官刺激。再加上科学技术的不断发展，即使用更加平面的方式来呈现设计理念，也能有更好的视觉感官体验，例如体现在屏幕的显示上更加的清晰、渲染的元素更加舒适。

二、扁平化与拟物化的区别？

我们在谈论到扁平化设计的同时，也会想到他的对立面，也就是拟物化设计。拟物化作为扁平化的一个相反的设计风格，其实从UI 诞生起就一直占据了主流的地位。拟物化设计特点是模拟了真实的材质，用光影、构造、渐变等元素来表现。它的好处是能够显而易见的，让老人、年轻人、小孩一眼就能分辨这个图标是用来干什么的？而且在使用的过程中，如果图标模拟的越真实，能够减少用户对此使用的一个反应速度，会加快他们对此的使用感和体验感。比如说在苹果手机的界面中，他们用逼真的相机造型来指代相机功能。在拟物化设计中，视觉元素它有一个很大的特点就是在对于形态的塑造上更加的细致，满足了设计者在对艺术上的追求，用二维平面来展现一个三维的效果。

虽然拟物化的设计有很多优秀突出的特点，但是在同时又有着一些不足。尽管大多数的图标都能找到相对应的实体物，但是仍然有一些图标找不到相对应的指代物。所以在设计图标中会让用户造成一定的困扰，无法理解它的真正含义，一旦超出了其范围，就无法让用户获得认知经验。随着时代的发展，图标影射的现实的事物会随着科技的发展而发生一些改变。比如说，对于70后80 后而言，他们用的录音机、游戏机等，现在的10 后甚至00 后都是很少使用过甚至没有见过的东西。在未来甚至有可能会被取代，所以当我们熟悉的事物越来越少，设计者就应该不断创新，所以这是物化的其中一个局限，会限制其发展。太过于陈杂的设计，在使用过程中也会产生一定的焦虑和疲倦，无法快速地找到所需要的信息。手机设计理念在整体的产品设计中界面设计受到了越来越多的关注，为了培养用户的粘性和品牌文化，对于大部分使用者而言，界面的视觉元素是他们最直接的一个使用体验。而对于设计师来说，更多的是界面的操作和多样创意，在此基础上能够发挥更多的空间和属于自己的设计风格。

三、扁平化设计引领风潮的原因？

（一）少即是多

当今设计平台，扁平化设计在我们的生活中越来越成为一个主流的地位。慢慢地拟物化设计被扁平化设计取代。扁平化设计拟物化设计都吸收了他的一些设计细节，对图标进行了简化。扁平化的设计过滤掉了很多不必要的一些图形信息，让我们能够更直观地感受到图标的意义，给人带来眼前一亮的感觉。让我们能够更快速地找到自己所需要的东西。这样就会代表着更低成本的运作，能够用最短的时间做出更精良的设计，这也是为什么扁平化设计会流行的原因之一。扁平化的设计来源于极简主义的设计理念。在使用久了过多繁杂的界面之后，对于扁平化设计的手机界面能够感觉到更加的清爽和简约。这样呢进行了设计的简化。由繁到简，著名设计大师米斯·凡德罗的设计理念就是“少即是多”。剔除了过多无用的装饰，回归设计的本身。

（二）形式追随功能

扁平化设计还有一个好处，就是在用户的使用过程中。能够更加聚焦于你需要获取的信息本身，而不是被更多繁复的无用设计所干扰，这样一个简洁，逻辑清晰的网站或者是App 能够让你从中快速地找到你所要的内容。这样会大大提高用户的体验感。对于目前关于扁平化风格的一种争议，因为他在短短的几年内突然风靡起来，也是视觉风格的一种突破和改变。也是在一个探索的方向。我们不能把扁平化当作平面化，一味地“平”，而是一种抽象化体系建立的时期。

（三）人性化设计

人性化设计是设计发展的重要趋势，设计的最终目的是满足“人”的需求，这就促使设计的发展越来越向人性化的方向发展，也就是在设计的过程中更加注重人机工程学上的生理层面的同时兼顾消费者心理层面的需求。人机工程学也就是人的自然尺度与设计结合形成的人机工程学。在人性化设计中，包含两方面，物质需求和精神需求，物质上是为了满足于依赖人机工程学的帮助，使得设计具有实用性，就像在界面中的设计排版，更多的要考虑人在使用时的舒适度及在精神层面要人使用的更加舒适、美观为主，在简约界面的同时要寓于美的享受。

四、扁平化设计的发展趋势

在当今的UI 设计领域，扁平化的应用能够更快提升用户来获取信息。对于设计师的难度也大大的降低了许多。

这种状态持续了很多年，打开任何App，几乎都是扁平化风格为主。但是在近两年应用市场有出现一些不同的声音，那就是打破了纯扁平风格的UI 元素，比如在今年年初就开始出现了新拟态风格，也就是轻拟物风格。

在用户注意力的思路引导下，扁平化的风格做到极致，以后很难满足所有的需求。这时候有一些更多的细节处理就显得更为重要。比如说，在一些快速入口分类图标中底部导航栏这些是最需要被突出的部分。之前我有写过拟物化风格，它不仅仅是表现元素的本身的光影透视构造，甚至会表现物体表面的材质和质感。

这样的图标确实是能够给人带来一定的视觉享受，由于细节太多，有可能会造成系统的卡顿或者是运行缓慢。所以为了符合界面设计的美观，轻拟物化这个风格渐渐地被提出，他结合了两个的特点，是一个非常好的折中办法。他有和拟物化风格有着共同的特点，例如光影结构透视，但它省去了表面的肌理感和层级感，使界面看起来更加整体有辨识度。现在是一个比较初始的阶段，从扁平化插画图标这些多年的累积。慢慢地会结合一些新的东西在里面，只是时间关系。

五、结论

要想更好地进行设计，不得不要谈论设计美学，在手工业时代设计是在手工艺方面有很大的突出成就。比如一些家具、瓷器、青铜器，因手工制作的关系，还有织绣、印染等，被称“为工艺之美”。而进入大机器时代，设计美学在质量、形态上都发生了改变。就像我们谈论的手机界面，也就是UI 行业，是一个比较新兴的行业，在设计当中，我们要讲求功能之美、科学之美和技术之美。就像之前提到过的，功能是最重要的，形式要追随功能，产品之所以要有其使用价值，最根本的属性就是它是有用的物，所以从而体会到的愉悦和满足才是他美的存在。科学之美是一种美的高级形式，是在理性思维和审美意识交流渗透下形成的。技术之美则是生产技术和结构功能结合起来的，更多的是机械的美。在我们的设计中，更多的要把三者结合起来，不仅仅要考虑审美，也要考虑它的功能。功能的重要性不仅仅在于它的使用，而在于他也是设计美的构成之一，我们用扁平化设计去进行手机界面的分析，也是更多地考虑了功能性能够给人直观的传达信息，提升易用性，这并不仅仅意味着忽略了形式，而是强调产品的形式能够提高产品的附加值，也是对人的尊重和肯定。