什么是扁平设计？简单聊聊扁平化设计风格

在过去很长一段时间，设计师都在尝试用画里的插画和动画充实自己的作品集，使用特效和复杂的纹理打动他们的观众。后来，他们开始转向拟物设计，使用实物材质、投影等技巧，尝试将现实中的风格呈现在屏幕上。

但扁平化设计与之背道而驰，它将一切的“艺术化”全部塌陷，只保留最基础的颜色和形状，形成了一种经典而独特的数字设计风格。

诚然，扁平化设计风格已经诞生了许久，但它仍然被大规模应用，甚至最近有复苏迹象。很多大品牌的Logo和线上线下内容都开始再次应用，比如华纳兄弟、宝马、汉堡王等。

今天我们就来简单讲一讲扁平化设计风格。如果你一直搞不清扁平设计到底是什么，那么这篇文章正适合你。

什么是扁平设计

（Windows 8，极简设计风格的领导者之一）

扁平设计是一种以“可用性”为宗旨的极简设计风格。特点是干净、宽边距、边缘清晰、鲜明的颜色和二维化。

微软可能是第一个把扁平化应用在UI设计中的公司，而同一时期苹果在iOS中使用的还是拟物化风格。拟物化在当时是一种主流风格，即将现实中的物体和风格应用在界面设计中，比如3D化图标、牛皮记事本风格。

扁平设计走的是相反的路线，它几乎完全没有现实世界的风格，就像在科技和现实物体之间划清了界限。

极简不等于平淡无趣

在扁平设计中，装饰元素是几乎没有意义的。如果一个元素没有任何功能上的意义，那它就会起到分散用户注意力的作用。扁平设计的极简就体现在这层含义上。

然而没有装饰元素，并不意味着设计就是平淡无趣的。明亮的高对比颜色，可以让插画和图标在背景上凸显出来并快速吸引用户的注意力。这种强功能性也是一种很独特的设计感，

扁平设计的简洁性

（谷歌等企业的扁平化图标）

相比复杂的插图，简单的图形能更快地传递信息。尤其是一些简单的图标往往都代表着相同的功能，使得大多用户都能快速理解这些按钮的作用。比如信封图标代表通话，位置图标代表地图，音箱图标代表音量……

区分拟物设计和扁平设计是很简单的。扁平设计的特点，是有较大的纯色色块，从而使得重点内容十分抢眼。而拟物设计模仿了现实世界中的材质、反光、投影等，视觉上也要柔和一些。

上图所列的图标是2021年正在被使用，它们都有相同的特点：使用了扁平化的设计，并使用了鲜明的颜色。当然，部分图标进行了非扁平化的加工，使用了渐变、投影等效果使得图标更加精致，但它们的基本图形仍然是扁平风格的。

如何设计出扁平风格

要创建扁平风格的设计，所有的元素都必须服务于“简洁”这一宗旨。

• 使用鲜亮的高对比度的颜色来标记重点，不同重点应使用不用的色系。
• 不需要被重点关注的地方，使用低对比度的颜色（通常使用灰色）。
• 使用简单易读的无衬线字体。
• 重要按钮和链接应该被明显突出。

总而言之，设计扁平风格的关键是追求功能性。当然，只看上面的文字可能很难理解，我们来看几个案例吧。

案例1：Tripfinder

Tripfinder是一个旅行规划类的APP，用于快速记录你的行李、住宿、交通票据、预算等旅行相关信息。

这则APP的所有功能带有一个简单的图标，使用大色块让整个界面十分清晰。航班列表等页面效果也十分理想。

案例2：汉堡王

我们谈过汉堡王2021年的品牌更新，它的新Logo就采用了扁平化设计。而同时，汉堡王也更新了官方网站，同样使用扁平化的插图和图标来引导用户操作。对应的，汉堡王的APP也更新了设计风格，对色块运用更加大胆。

案例3：一款天气APP

这款天气APP展示了如何在不使用鲜亮的颜色的情况下，创建出一个成功的页面。图中的大型字体和天气图标，能让你一眼就看出今天的温度和天气，具有非常高的信息传达效率。