扁平化设计当然不是最新的网页设计趋势。我第一次接触扁平化设计是在 2011 年为新 Windows Phone 制作一些广告活动时。然而，微软将其称为Metro Design。然而，如果你忽略瓷砖设计，那就是扁平化设计的诞生。
虽然拟物化网页设计实际上多年来塑造了所有网站，但 Metro Design 却出现了相反的运动。虽然我们习惯了拟物化、渐变、阴影和大量的视觉效果，但 Metro 设计完全由单色、几何表面和图标组成。字体、颜色和构图被用作设计工具。简单、简约——少即是多。
微软从“苹果”化的世界中突围出来是可以理解的。他们 尼日利亚电话号码列表
希望通过 Windows Phone 再次尝试在智能手机领域站稳脚跟。微软的开发人员一定已经意识到，他们只能通过创新来实现这一目标。他们拒绝了拟物化的网页设计。扁平化设计在这里可以被视为相反的两极。
后来Windows 8也出现了Metro或者Flat Design。现在，在苹果和整个网络上，这种效果绝对是过度杀伤力的，扁平化设计放松了人们并激发了人们的灵感。
地铁设计
Metro设计的特点是瓷砖展示。
苹果发布了采用扁平化设计的iOS7，谷歌和Android也采用了Material Design或“近扁平化设计”，扁平化设计的一个子类别。
平面设计的定义是什么？
在我的设计学习中，我经常听到“少即是多”和“形式追随功能”这句话。这些引述相对较好地体现了扁平化设计，即使扁平化设计并没有完全一致地减少。设计不再使用阴影、轮廓、光泽或半透明反射的花招。虽然颜色渐变是真正的网页设计师最大的敌人，但即使在拟物时代，简化的设计方法现在已经渗透到网页设计师的主流。从去年开始，曾经风靡一时的东西现在已经完全不受欢迎了。
没有多余的装饰，或者正如阿道夫·路斯所说：装饰死亡——毫无意义的装饰。扁平化设计似乎注重功能性。网页设计显然是以可用性和功能为导向的，应该引导用户。
由于网络字体的发明，现在无论系统如何，字体都可以集成到网站中。它使用平面设计，并尝试通过排版、几何（通常是有角度的）物体和元素、颜色以及构图或空白来实现设计。
由于扁平化设计缺乏对用户引导的渐变和效果，扁平化设计的用户必须学习新的行为。在直线扁平化设计中，按钮不再有渐变——用户在扁平化设计中采取行动的请求应该由交互元素的位置、大小和颜色决定。
当然，这对网页设计师和/或界面设计师提出了更高的要求。扁平化设计将麦子与谷壳分开，因为极简设计需要提高设计技能。否则，扁平化设计很快就会变成丑陋的设计。
总而言之，以下是扁平化设计最重要的设计特征：
避免纹理
没有阴影的扁平元素
简单、清晰的元素
通过排版进行设计
通过界面控制元素的颜色和大小来指导用户
重点是可用性或易用性
一般极简主义
扁平化设计示例iOS7
iOS7 的扁平化设计。
扁平化设计——网页设计趋势的发展
扁平化设计是如何产生的？几年前，在我的硕士论文中，我研究了历史上的设计趋势。有趣的是，设计趋势的共同点也可以在扁平化设计或拟物化设计中看到。
对于每一个设计运动或设计，一段时间后总会有一个特定的设计运动产生的反运动。既然拟物化的效果和技术可能性已经完全耗尽，很快每个网站看起来都一样，对用户眼睛的不同吸引力的渴望就产生了。
因此，扁平化设计可以被视为拟物化的逆流。这个设计运动的特别之处在于，一个新的运动（材料设计？）从一个运动（拟物化）和一个反运动（平面设计）中出现。扁平化设计在理论和美学上让我想起了 HFG Ulm 以及由此产生的产品（Dieter Rams 等）。
这意味着完全拒绝渐变和阴影只是一种网页设计趋势。如果（例如从可用性角度）使用渐变（例如）来标记按钮更好，那么由于可用性，应该使用渐变。
扁平化设计与拟物化设计
扁平化设计之初，所有按钮和控件都是扁平化设计的——扁平化设计！然而，随着时间的推移，很明显这些按钮不再突出，或者更难以从界面的其他部分中脱颖而出。用户过去已经了解到按钮有渐变并且通常有阴影。用户从过去使用其他网站的无数经验中了解到，链接带有下划线，并且某些元素具有特定的交互行为。
拟物化设计
网页设计中拟物化的典型例子。
当然，摆脱拟物化是（至少部分）正确的。如今，年轻用户不再熟悉许多拟物化图标。例如，软盘作为存储符号。没有一个 15 岁的孩子一生中见过真正的软盘。我们十几岁的孩子可能只知道这个磁盘是Word中的一个符号。
然而，扁平化设计风潮以来蔓延的“扁平化炎”却应谨慎对待。按钮和控件的设计应从不太重要的元素中脱颖而出。各个界面元素的重要性优先级应该通过设计简洁、清晰地传达给用户。这里的问题是如何在网页上包含3 个以上交互选项的网站上仅使用扁平且简约的元素来传达这一点。
当然，扁平化设计的优点之一是它可以更快地暴露不良设计。不再有那么多机会在设计中隐藏新的、功能性的假冒装饰元素。
