扁平化设计 | 我们为什么抛弃了乔布斯推崇的拟物化?

扁平化设计 | 我们为什么抛弃了乔布斯推崇的拟物化?
  • 分享到微信朋友圈
  • Copied

2010年,微软以优雅和现代感为设计准则,率先开始使用扁平化设计的Metro风格Windows Phone。这时谷歌和苹果都忙着阻止新手机操作系统的崛起,设计师和用户也很抵触没有任何装饰元素的单薄设计。

扁平化设计 | 我们为什么抛弃了乔布斯推崇的拟物化?

2011年,代号为冰淇淋三明治的安卓4.0也开始使用扁平化设计风格,人们认为这是在和苹果的拟物风对抗。不过,人们对扁平化风格的态度从之前的坚决反对变得开始持观望态度,思考这种设计和风格的优缺点。

2013年,苹果抛弃了乔布斯推崇的拟物风,在IOS7中对整个界面的图标、按钮、字体、信息层级等各方面都进行扁平化设计。苹果的这一系列动作打破了人们对扁平化风格的芥蒂,并最终推动了整个移动端扁平化设计的进程。人们接受了这种所谓“扁平的”“单薄的”设计风格,并开始在手机APP、网页设计中大量运用扁平化设计。

扁平化设计 | 我们为什么抛弃了乔布斯推崇的拟物化?

最终微软停止支持Windows Phone并进入维护状态,苹果和安卓各占手机操作系统的28.32%和70.38%。

不论结果如何,扁平化这种二维设计已经成为一种更加流行的设计风格。它最大的特点就是放弃一切装饰效果,比如说阴影、透视、纹理和渐变等等。所有元素的边界都很干净利落,较多使用色块和符号化的图形以及无衬线修饰的字体,界面更加整齐简洁。使用这种设计风格的优点是可以更加简单直接的将信息和事物的工作方式展示出来,将一切干扰信息弱化,减少认知障碍的产生。

扁平化设计 | 我们为什么抛弃了乔布斯推崇的拟物化?

在扁平化之前,人们推崇的拟物化设计中包含太多精致和逼真的细节,长久以来的这种复杂设计容易造成审美疲劳。并且,太过复杂的装饰,会分散用户在接收信息时的注意力,更不利于信息的传达。在扁平化设计中,设计师需要对一个设计元素进行多层次的提炼,最终实现信息清晰化、功能最大化。

Designmodo设计师Carrie Cousins总结了扁平化的几大特点,我们为大家简单分析一下~

拒绝特效

扁平化设计仅仅采用二维元素,所有元素都不加元素,留给界面一个干净利落的呼吸空间。线条和分界线可以为主要信息留出更多的空间,让用户将更多的注意力都放在按钮的功能本身,更简洁明了的了解按钮所要传递的指令信息。

使用简单的元素

指扁平设计中简单的UI元素,比如按钮和图标,几何化、符号化的图标更加直观明了。

注重排版

扁平化设计要求元素更简单,因此排版的重要性尤为突出,文案、字体都应该以简洁为主。设计师们多使用网格设计、满版大图和半透明毛玻璃效果来传达不同层级的信息。

扁平化设计 | 我们为什么抛弃了乔布斯推崇的拟物化?

关注色彩

从微软的Metro 风格开始,多色系运用就是扁平化风格的特征之一。对于色彩数量的选择,有时甚至会达到6到8个颜色,其中以鲜亮、高饱和的色彩以及充满浓郁复古气息的色彩居多。

扁平化设计 | 我们为什么抛弃了乔布斯推崇的拟物化?

极简主义

设计中应该驱除任何无关元素,尽可能地仅使用简单的颜色与文本。扁平化设计还会使用单色系,在同一界面中运用不同纯度和明度的同类色,可以使得界面更加规整统一。

从上面这五点我们可以猜测扁平化设计已经不再是一种单纯的平面或者UI设计风格,它成为了一种设计理念。去繁从简,不加修饰,其实是为了功能服务和用户诉求。在我们还不熟悉互联网的时候,逼真细致的拟物化可以减少我们对使用手机等科技产品的恐惧,看到图标的样子,就可以知道它的作用以及使用方法。如今是人手一个手机的时代,拟物化过于繁杂的设计反而阻挡了快速识别信息的需求。况且我们已经适应了虚拟的设计,图标再逼真也只是触摸屏上的一个按钮,我们仍然无法完全真切感受到真实物品的质感。

扁平化设计 | 我们为什么抛弃了乔布斯推崇的拟物化?

扁平化设计从饱受争议到引领设计潮流也只是恰好符合了人们的需求,也许有一天,它也会被其他风格取代呢。

您的秘密武器,铸就令人惊艳的设计