译者前言

一个戏剧性的事实，不出意外我现在应该是一名 Android 开发工程师，意外是指遇到了 Angular，戏剧是指这俩都是 Google 的！而 Google 最出名的设计语言是 Material Design。 我最近一直在忙于自己项目的设计（https://github.com/wizaaard/wizard），其实前端最终反馈给用户的第一直觉就是 UI，我喜欢 Material Design 却不知如何下手，于是这几天我到处寻找 Material Design 的资料，找到了这一篇我认为比较好的文章，于是翻译出来跟大家分享😄。

欢迎大家勘错，来自一名最不前端的前端工程师 😃

(资料图片)

什么是扁平化设计

随着 IOS7 的即将发布，Jony Ive 为了破坏性的更改而呼声高涨，大家都知道 Apple 将进行改头换面的扁平化设计，但是对于刚接触的人来说，“扁平化设计” 是一个容易让人困惑的词，所以让我们说出来吧！

“扁平化设计” 是对于设计哲学的 shorthand （Flat Design is shorthand for a design philosophy）

看看你的电脑桌面，或者 IPhone 的计算器，或者你的 Ipad newstand，这些东西被设计成声音和外观都和真实世界的对应的物品一样，但是我们真的需要这些虚拟的暗示和额外的设计吗？提倡扁平化设计的人并不这么认为。

这个争论的点在 UI 材料的简洁度，清晰度，纯粹度（译注：honest）

相反，扁平化设计的拥护者认为 GUI （graphical user interfaces） 应该避免样式对功能的描述（should eschew style for functionality），意思是说应该避免（UI）倾斜的（beveled），有边缘的（edges），渐变的（gradients），有阴影的（shadows）和反射（reflection），以及创造一个可以发挥数字系统优势的用户体验，而不是把用户限制在熟悉的真实世界的类比物中，扁平化的页面很少在方程式（equation 译注：每个材料的设计计算程式）中引入尺寸精确的（dimensionally），有阴影的或者有纹理的，而是依赖视差（parallax）的滚动和视觉的清晰度来进行交流。 扁平化设计的一个很好的例子是 Google Now （https://www.google.com/search/about/），它使用类似卡片系统来显示信息骨架（information bracket）。而不是将信息隔离在静态图标里，现在展示的数据在一个可读性良好，很容易滑动的标准尺寸的卡片中。其他的例子？Windows8 是 Microsoft 的 Metro 设计语言的衍生物（descended）（metro 的一个实现），通过图形来帮助用户理解他们所看见的信息的内容，从而使得排版和信息的传递更有价值。

通常是对拟态设计（skeuomorphic design 译注：上面说的真实世界类比物的设计，参照<IOS7）的回应。< h3="">

想要理解扁平化设计，你必须明白去反对拟态设计。拟态设计归结为视觉上的欺骗（trikery， 译注：我倒是挺喜欢这个词😁），或者是通过使用一些细节和装饰让一件东西看起来像另一件东西，在建筑上，虚假的墙是拟态设计。在汽车设计中，虚假的木板（wood panelling）是拟态设计。在 UI 上通常将数字元素设计成像物理元素（译注：真实世界的类比物）的东西，这可能意味着任何事情， Pinterest 的 pin board 到 Find My Friends 用丰富的皮革缝合起来（That can mean anything from Pinterest’s “pin board” to the rich leather stitching that boarders Find My Friends.）。

它使用渐变，纹理和一些其他的细节让数字对象看起来“真实”

对数字元素的拟态可以追溯至 1980 年早期。苹果的都一个 GUI 来自 1984 年，引入了 “桌面” 和看起来像文件夹和纸片的图标的概念，那时候计算机界面对于大多数人是完全陌生的概念，这使得拟态设计成为一种有价值的工具。使得设计师可以创建一个旧款之间的视觉隐喻，，熟悉的对象（manilla 文件夹）和一些新的，令人困惑的工具（数字文件）。拟态设计帮助我们学习。 但是随着个人计算机的普及，越来越少的人需要视觉暗示来理解按钮或者图标的功能。 拟态化风格已经疲惫不堪，它是一种数字化的 potemkin（译注：potemkin 译作“波坦金村”，是一座虚假的村庄，用于掩饰真实村庄的衰败），它会使屏幕杂乱无章，使用户被不必要的信息变的负重不堪。因此它成为新一代设计师的偏爱，他们中的大多数人不记得没有电脑的世界。

这一切听着很熟悉，自上世纪初以来，近现代主义者一直在争论一个基本的思想：不要添加额外的细节去支撑（材料）的功能性。更纯粹的对待材料和结构，不要为了让用户感到安全就创建出虚假的展示，自 Le Corbusier 进入设计世界以来，这是每位现代设计师最基本的战争和呐喊。但在某种程度上，扁平化设计并不是什么新鲜的事情，它只是大写字母“M”，它代表 “Modernism” 的简写。

扁平化时代之后会怎样

虽然世界肯定会变得很扁平，但是它不可能一直扁平下去。我们可以注意 UI 和 UX（User Experience） 的去向，扁平化设计顺利进行之后，看上个世纪，现代主义的每一次浪潮都反抗了之前的浪潮，比如，Bauhaus 的严格现代主义和国际风格在 1930年的时候席卷全球，第二代设计师在讨论中加入了 Critical Regionalism 的概念，认为早期现代主义可以一刀切的信条还有点…幼稚。UI 设计可能会发生同样的事情，彻底扁平化之后，我们可能会看到设计师们在真正需要的地方重新引入尺寸。

但是这都是几年后的事情了，现在，我们将拭目以待，Jony Ive 是否还是采用了扁平化的设计，还是开始抵制了，这样事情会变得更加有趣。