五条法则，帮你打造典型扁平化产品

发布者： kent 2013-12-17 15:38 扁平化

4654

系统学习运营课程，加入《91运营网VIP会员》，开启365天运营成长计划>>

Kryptoners：如今设计界最炙手可热的明星大概就是扁平化设计了吧，关于它的讨论至今都没有冷却的迹象。诸多设计师分成了泾渭分明的两个阵营，一边努力把扁平化做到极致，一面对其不屑一顾。

我是个骑墙派，不支持也不反对，在我看来，优秀的设计的定义就是好用，只要能设计出优秀的产品，我可以采用任何方式，扁平化也是其中之一。但是必须意识到，没有哪种风格是包打天下的，不能强行将一种风格应用到不该用的地方。

那么，扁平化究竟该怎么实现怎么应用呢？下文将要做的就是分析扁平化的五个最典型的特征，同时也介绍一下伪扁平化（不含贬义，只是一种折衷的设计方式）。

一、拒绝特效

扁平化这个词来自于这种设计所使用的样式和形状，它完全属于二次元世界，一个简单的形状加没有景深的平面，不叫扁平化都浪费这个词了。

这个概念最核心的地方就是放弃一切装饰效果，诸如阴影、透视、纹理、渐变等等能做出 3D 效果的元素一概不用。所有的元素的边界都干净俐落，没有任何羽化、渐变或者阴影。

这一设计趋势极力避免任何拟物化的元素，这导致这一设计风格在其它平台有时候显得突兀，前景图片、按钮、文本和导航栏与背景图片格格不入，各成一派。

那么，扁平化的效果如何呢？

因为这种设计有着鲜明的视觉效果，它所使用的元素之间有这清晰的层次和布局，这使得用户能直观的了解每个元素的作用以及交互方式。如今从网页到手机应用无不在使用扁平化的设计风格，尤其在手机上，因为屏幕的限制，使得这一风格在用户体验上更有优势，更少的按钮和选项使得界面干净整齐，使用起来格外简单。

二、界面元素

扁平化设计通常采用许多简单的用户界面元素，诸如按钮或者图标之类。设计师们通常坚持使用简单的外形（矩形或者圆形），并且尽量突出外形，这些元素一律为直角（极少的一些为圆角）。

这些用户界面元素可以方便用户点击，这能极大的减少用户学习新交互方式的成本，因为用户凭经验就能大概知道每个按钮的作用。

此外，扁平化除了简单的形状之外，还包括大胆的配色。但是需要注意的是，扁平化设计不是说就简单的搞些形状和颜色搭配起来就行，它和其他设计风格一样，是由许多的概念与方法组成的，想要学习具体设计方法的朋友可以看看 Designmodo，这里有许多现成的设计实例可以让大家分享（免费矩形UI、免费扁平化UI，这两个地方是一些简单的 PSD/HTML UI kit 和一些最基本的组件；专业矩形UI、专业扁平化UI，这两个地方是一些完整的网页／APP PSD/HTML UI 包）。

三、优化排版