讲解扁平化设计的几个步骤和要点

自从苹果放弃拟物化设计，采用扁平化设计以来，扁平化设计的龙卷风就全面席卷了整个UI设计界，自此之后，无论是网页还是APP的设计，首要考虑的就是采用扁平化的设计。扁平化的设计似乎成为了有别于拟物化设计的一种全新的设计思维方式，完全颠覆了拟物化的设计风格，开创了一个UI设计的新时代。

扁平化设计风格带给受众的是一种干净、简洁的设计情绪。这样的一种设计风格在扁平化风格出现之前其实已经被大量应用，只是在设计手法上没有扁平化的设计更加极致。例如下面这个案例，是一个典型的扁平化时代之前的设计，但整体的设计风格与扁平化的风格类似，都是简洁、干净的设计风格。其实，如果我们将这个设计中导航条、搜索框等元素中的高光、阴影去除掉，将其中的图标元素更换为非拟物化的图标的话，在版式上再变化一下的话，这个设计马上就可以变为扁平化的设计。

在我看来，扁平化的设计如此的流行是因为它更加适应于移动终端设备的小尺寸屏幕。扁平化的设计风格更加适合在手机、平板电脑等小屏幕上进行操作。但把扁平化的这种优势放大到能够颠覆整个设计思维方式的话，无疑是夸大了它的影响。扁平化的设计也有它自身的缺陷，如果将其用在稍微复杂一点的界面中，扁平化设计会带来很多困扰。因此无论它应用的再广泛，扁平化也仅仅只是一种风格而已，在大尺寸的屏幕上，例如网页方面的设计，没有必要都采用扁平化的设计。

当然，这篇文章并非要对于扁平化与拟物化的设计孰优孰劣辩个是非，相反，作为一种设计风格，身为UI设计师，扁平化的设计风格如此流行，我们更加应该掌握这种设计风格的特点及表现手法。这篇文章我们就用上面HTC设计案例的改版来详细分析一下扁平化设计风格的设计要素，掌握扁平化设计风格的设计方法。