扁平化设计面面观

扁平化设计#

---

以下内容由网络搜索整理，正文附部分原文链接。

1.什么是扁平化设计

扁平化设计：在进行设计的过程中，去除高光，阴影，羽化，表面质地等所有具有三维突出效果的风格和属性。主要因为微软的Metro,ios7的推动让这一设计大为风行。

rich design丰富设计风格：通过添加各种设计装饰，比如下落阴影、梯度等，让整体设计显得很丰富。

拟物化设计：通过模拟物理实物来让设计更加逼真。

2.为什么扁平化##

原文链接

一切都是为了需求

产品的所有设计不只是风格选择，都应该符合战略需求，扁平化也是其中之一。它不仅是视觉上的——只是最直接影响的是视觉而已——它包含了整个产品系列的逻辑和思路。

比如：

1.强化内容，而不是内容的载体（比如交互）。最终用户是消费内容的。掌握高质量内容的厂商就会利用这点来拉开差距。这方面差的，就强调别的好了。

1.Apple掌握大量高品质的第三方应用，但是从交互层面出发，他们家的光头哥的理念一直是：最好的设计是让人觉察不到的。所以应该在有限的空间里，更好的服务和展现内容。因此才有去掉按钮边框，显示图片时尽可能不要加边框等等，ios7的设计指导

2.而Android的设计思路完全不同，它的核心竞争力是信息本身，因此它想去APP化，在各个设备中用信息流来传达价值（所以他的设计语言更强调卡片化，甚至去视觉交互化，如google now）。

2.多场景适用性，比如车载系统，穿戴设备。这其中又包括了不同设备的性能处理，无数种类型的分辨率，以及不同场景下的视觉差异（比如日照情况）。对于有相关产品的厂商，就会推广更适合的设计方案，而扁平化是顺理成章能解决以上问题的方法。在有大量不同场景需求时，用拟物化是找死。比如锤子手机的生态圈只有手机，在相对独立的情况下，这个问题不会很突出的显示出来。到时候如果需要更整个Android生态建立更丰富的关联的时候——而这一天一定会到来——他也不得不采用扁平化【这是一个预言】。

3.更小的开发成本，第三方开发者生态环境。同一个产品，适配以上不同需求时的开发成本需要控制。生态环境越丰富的厂商，越看重这一点，因为给开发者制造麻烦，就意味着更糟糕的内容。扁平化在适应多种设备的时候，是最少成本和智能的解决方案。

3.扁平化的扩展，不只是一种视觉风格##

在管理学中很早就有扁平化组织的概念，在现在的网页，应用设计中，扁平化发展至今已经不仅仅指一种视觉风格，更核心的理念是产品功能的扁平化，信息内容的扁平化，即信息层级的扁平化。

信息层级的扁平化代表着用户在第一层级界面只需要看到核心内容区，和最稳固最根本的功能。其他的内容是收起到第二层级第三层级甚至更深的。

那么如何去鉴定最稳固最根本的功能呢？

问自己，哪些东西是这个应用（或网页、软件）没掉了就没有办法用的？比如一个正在打电话中的界面，对方名字、对方头像、拨号盘、静音、挂断、通话时长等等哪些是没了就不行的？如果能分清楚这个层级，才能真的做出扁平化的设计。

4.扁平化的设计原则

原文链接

1.拒绝特效

顾名思义，扁平化设计仅仅采用二维元素。所有元素都不加修饰——阴影、斜面、突起、渐变这样会带来深度变化的设计都是不应该的。从图片框到按钮，再到导航栏都干脆有力，需要极力避免羽化、阴影这样的特效。现实主义、3D、拟物化更是扁平化设计的大敌。

扁平化设计依赖于清晰的层次结构和元素布局，优秀的扁平化设计应该能帮助用户理解产品以及交互。

2.仅使用简单的元素

扁平设计中使用到很多简单的UI元素，比如按钮和图标。设计师更常用矩形、圆形、方形等简单的形状。元素独立。正角、直角、圆弧都非常常见。

UI元素应该在保持高可用性的前提下尽可能的简单，保证应用或网站直观、易用，无需引导。为了同时达到简单但直观的效果，你可以尝试为按钮填充深色，以鼓励用户点击。

3.注重排版
因为扁平化设计要求元素更简单，排版的重要性就更为突出了。字体的大小应该匹配整体设计，高度美化的字体会与极简设计原则相冲突。字形上可以应该使用粗体，文案要求精简、干练，最终保证产品在视觉上和措辞上的一致性。

字体选择上可以使用简单的无衬线字体，通过字体大小和比重来区分元素。同时你也可以使用新奇的字体作为点缀，但一定要记得不能过火。

排版的目的在于帮助用户理解设计。标签按钮等其它元素更注重增强易用性和交互性。

4.关注色彩

扁平化设计的项目拥有更多的色调。一般的网站很少会使用3种以上的色调，但是在扁平化设计中，平均会使用6-8种颜色。

扁平化设计的色调偏通常更有活力——色彩更纯。其主要、次要颜色通常都是非常大众化的颜色，然后再配以几种其它颜色。扁平化设计的另一个趋势在于复古颜色的使用——浅澄色、紫色、绿色、蓝色——都极为流行。

5.“准”扁平化设计

在准扁平化设计中，基调仍然是扁平风格的，但会在设计方案中添加一种，且仅添加一种特效，无论是阴影也好、梯度也好……

这种设计风格比严肃的扁平化更加灵活。设计师们喜欢它，因为可以添加深度和纹理；用户喜欢它，因为它能有助于直观的交互。但反过来，也有设计师不喜欢它，因为“准”扁平风格是另两种风格的混合体，缺乏明确的定义，所以更难用好。

5.扁平化的问题#

设计就是把原本无聊的物品变得有趣。

扁平化最大的弊端是会逐渐同质化、单一化、无聊化，极少的元素，让应用很难个性化。