从马克思到微软：一起追寻扁平化设计的源头

【编者按】本文编译自thenextweb，原文作者BENJAMIN BRANDALL

“快来帮我看看怎么操作，我的笔记本电脑运行的是Windows 8系统...”

和许多人一样，我讨厌这个操作系统。我认为这是继Vista尸骨未寒之后微软所出的第二个烂系统。

如果我没有去真正实际去使用这个系统而只是远远观看的话，我也许能有那么一秒钟，体会到微软的确做了一个很大胆的设计决策，而这个决定可能也终会被认为是具有积极影响的变动。

微软的Metro设计语言是扁平化设计语言的实例之一，它最早出现的形式可能就是在：一个除了在我的学校就读的一个孩子以外，没人想要去买的糟糕的MP3播放器——短命的Zune上。

六年后，微软推出了Windows 8系统，该系统所用的设计语言和Zune是相同的，但因为肯定不是只有五个人看到了这个系统，所以它和Zune相比有着大得多的影响力。

虽然我不知道苹果到底对微软的产品到底是有多么的痴迷，但是看起来微软似乎成功抓住了苹果的G点——在Windows 8出现之后，iOS 7也紧随其后抛弃了此前在软件界面设计中使用的模仿实物纹理（skeuomorphism）设计风格。ios已经不复乔老爷子在世时的样子了。

在iOS 7里，你看不到皮革装订着的书，也看不到斜面按钮甚至是下拉阴影的痕迹了。

在几个月的时间里，世界两大软件开发商开始在全世界推广这种设计风格，这种设计风格也被称为扁平化设计。

微软带来了全球瞩目的设计风格，然后看着每一名设计师把它优化得更具美感，扁平化设计就这么火了起来。

扁平化设计是一种现代主义：只提供纯粹的功能

我住在一个“粗野主义”（ 粗野主义又称蛮横主义或粗犷主义,是建筑流派的一种,可归入现代主义建筑流派当中，由功能主义发展而来）的公寓里，这是一栋前苏联时代的普通混凝土搭建而成的公寓，设计的原则是，要能够在尽可能小的空间里住进尽可能多的人。

现代主义流行于20世纪20年代，极为强调实用性，剥离出一切不必要的功能和设计。

现代主义设计只提供纯粹的功能。而这或许也算是对伦敦一些地区，仍然存在着的宏伟的维多利亚式庄园中，皇后和天使的镀金框画像的一种无声的抗议吧。

现代主义设计流派这种把功能减少到只能维持基本生活的方式，和如今所流行的扁平化设计的举措十分类似。现代的建筑设计的灵感源于像马克思这样的思想家，这种设计没有那么多复杂的艺术，这种设计也在向世界表明，奢侈品并不总是等于良好的设计。

早在20世纪40年代，扁平化设计理念就已经出现了

现代主义的设计原则是由蒙德里安在20世纪40年代的“极简主义”演化而成的，这也是我在Windows 8刚刚推出之时很喜欢这个设计风格的原因。而现在，每当我看到他的作品时我都希望这些大小不一的矩形能够笨拙地开始不均匀的不停旋转...

源于瑞士平面设计风格

色彩鲜明的几何形状、无衬线的字体和深浅不一的阴影或景深。看起来是不是很眼熟？如果瑞士平面设计风格（Swiss style）的创始人都在2012年开始开设自己的SaaS公司的话，他们也能够借势火起来。

Helvetica字体，由Max Miedinger和Eduard Hoffmann在1957年开创，是最流行的无衬线字体中的一种。它变得如此受欢迎的原因就在于20世纪20年代人们开始朝现代化转变的这一契机，而这也同样是今天扁平式设计能够如此火的原因所在。

不管怎样，黑体是永恒的经典。即使是在小尺寸的屏幕上也很容易阅读信息。这使得它非常适合像上图这样的海报。它没有多余的装饰，这意味着它非常适用于极简主义。不像剧本和serif字体，Helvetica字体不会导致字体边缘出现不必要的弯曲，轻撇或是波浪。

瑞士平面设计风格的流行潮流正在愈演愈烈，而这也正在引发从打印界到数字界的行业变革。

抛弃“模仿生活”的设计风格

正如我此前所发的一篇关于“用户的注册过程”的相关文章所言，对于软件设计人员而言，想要使用户能够平滑地过渡到一个新的技术上可能是很艰难的。当第一个图形用户界面（GUI）出来后，他们所映射出来的是拟真的桌面布局，图标代表它们的物理当量（文件夹、剪贴板、计算器、垃圾桶等）。

苹果此前一直在保持这个设计思路，保持了相当长的一段时间。

从iCal中的碎纸边缘那上漆了的木制货架上摆满的图书就可见一斑。乔布斯的设计原则中就曾指出，如果想要让某个东西变得更加易于使用，那么它就必须要使用户看起来很熟悉。随着时间的推移，苹果的用户界面变得愈加明亮。每个图标都经过了细心的加工，更复杂的下拉阴影和更完美的景深梯度使得图标变得更具质感。

大约在同一时间，微软在其所推出的Vista操作系统上使用了令人头疼的Aero设计，试图用以超越苹果的设计语言。幸好，这可怕的设计并没有持续多久就被替换掉了。

在2006年至2012年间，苹果和微软展开了一场关于设计的战争——看看谁能够让自己的用户界面看起来更加臃肿。

这场战争在2012年10月结束了，苹果和微软牵手成功，双双奔向了扁平化设计。

Windows 8只学到了皮毛

微软在2012年推出的Windows 8中使用了其全新的扁平化界面，包括我自己在内的很多人看了以后都凌乱了。

当我需要使用附加功能的时候侧边栏出现了，但令人费解的是，同时，用于显示时间和日期的矩形也随之出现了。用户进入Metro界面后就会被永久全屏化，如果想使用应用就要再返回到之前的桌面上。微软在Internet Explorer上所做的最后一次挣扎也被证明是失败的——用户用它来做的唯一一件事情就是下载Chrome或Firefox浏览器。

苹果用它娴熟的双手做了所有高科技公司都会做的事情：拿走了微软的点子并实际用于他们的设计之中。

在扁平化设计这个称谓出现之前，Windows 8中所出现的设计语言被称为Metro设计语言。只有当iOS 7出现之后，人们才开始用扁平化设计来称呼这种设计语言。

十分有趣的一个现象是：当它与Windows 8相挂钩时，没有人想使用它。而当苹果的光环照耀之后，扁平化设计却得到了救赎，摆脱了Zune播放器的悲惨命运。

下一个设计语言会是什么？

根据Wells Riley的表述，设计无非是解决问题的一种形式。扁平化设计并不是完美的，也绝对不是最后的一个设计语言。而扁平化设计所带来的一个问题就是，这种设计语言会提供很多冗杂的功能，而这些复杂的功能足以达到你所能想象的范围，而造成这一问题的症结就在于——扁平化设计下没有杂乱无章的余地，所能留下的只有各式各样的功能。随着扁平化设计的逐渐发展，能够在设计语言中脱颖而出的元素的数量将愈加有限。扁平化的UI设计是美丽的同样也是令人困惑的。

“未标记的图标在截图中的确很好看，但用户真的明白这些图标分别是用来做什么的吗？这种设计风格真的能使产品变得更加易用吗？真的不会反而导致产品更加难以理解吗？首先，请设计师们先想想你的审美决定是否会导致产品本身更加难用吧。”

——Wells

这段话是2013年Wells Riley在关于“Dropbox使用了扁平化设计的UI，造成大规模用户的混淆”的文章中所说的。不过，时至今日已有两年过去了，我有把握去说，大多数用户其实应该已经习惯了这种设计风格。

相关文章：

满屏的方块和格子：为什么卡片式设计在App UI中如此流行？

当平面设计法则失效，我们该怎么为VR做交互设计？