扁平化≠简单，详解扁平化界面设计的套路_【聊设计】

扁平化并不是简单的删除多余的修饰效果，毕竟用几根简单的线条和几个色块来表达主题，并没有用模拟真实物体表达来的那么直观、容易。...

点击上面的蓝字关注我们哦！

扁平化并不是简单的删除多余的修饰效果，毕竟用几根简单的线条和几个色块来表达主题，并没有用模拟真实物体表达来的那么直观、容易。简约的界面设计需要设计师，拥有更加准确的视觉传达能力，要运用抽象而又严谨的逻辑思维方式，加上精准的归纳总结才可以完美的表现出来。

扁平化界面形式要素

扁平化风格并不代表着设计师的工作变轻松，更不能说明界面的可用性能被降低。在进行扁平化风格创作时,不仅仅是探求视觉效果的问题，追求产品功能和使用效果才是最本质的。

图形

从图形的角度来看，扁平化风格设计已经不再推崇写实的图形设计，取消了原来设计中大热的阴影、渐变、高光等3D效果，而采用简洁直观的呈现形式，用抽象、高度概括性的平面图形取代三维效果的图形。扁平化图形创意的基本形状有矩形、圆形、菱形、多边形等，但要留意最好不要用多于六条边的形状，因为这样人们的注意力，就有可能会在图形的边数上，而忽视掉图形本来要表达的内容信息。

虽然扁平化的图形表面看起来十分简约，但这并不是简单地把拟物化设计中复杂的装饰效果丢弃就能达到的，刚好相反它对设计者的要求更高，要求设计者对图形有更加准确的把控能力，通过既抽象又严谨的思维条理，才能对扁平化图形进行精简总结，最终呈现完美的设计表现。

其中最重要的主旨就是要使图形经过抽象和简化过后，依然能被受众正确的辨别，从而有效的进行信息的传递，让用户能有更好的体验。所以说，表面看起来很简单的内容，但其实内部大有乾坤。如果扁平化图形设计可以处理适当，就会给人一种简约而不简单，清新而不单调之感。

色彩

色彩的运用在扁平化设计中有着举足轻重的地位，在日常设计中我们就可以发现，基本上所有的扁平化设计都脱离不了色彩。它不仅仅传递此图形是什么颜色，它还是传递给观众情感的一种最直接的表达方式，一般扮演着和观众情感互动的主要角色。所以，如果一个界面的色彩非常明快、活泼那么也就很容易吸引受众的目光。

对于色块的颜色，传统的色彩规律不大适用于扁平化设计中了，扁平化设计一般都有特定的设计法则，一般用纯色、复古色或是同类色会使设计更加出彩。例如：复古色调，是在纯色的基本上增添白色，以降低颜色的饱和度，让颜色变得更加柔和。如果把复古色当作设计的主色调，这种颜色会让页面变得更加淡雅，让人看着舒适。

总的主旨就是各种颜色搭配要协调，虽然视觉上扁平，但整体界面会感觉丰富、活泼。在拟物化设计里，有很多界面的底纹都会采取肌理效果，使界面具有很强的质感，给人一种亲和力。而扁平化设计中，抛弃掉了真实质感的底纹设计则会让界面更简洁直观，从而可以更加清晰地向受众传达想要表达的情感和内容。

字体

扁平化风格的界面设计，选择简单的字体最为适宜。文字的清晰度和粗细也都非常重要的因素，而且最好一个界面中字体系列保持在两种左右，不易太多以免繁杂。字体不单单要迎合大众的审美需求，也要实用、方便阅读。

在扁平化设计中经常采用的是无衬线字体，如：黑体、微雅等，这是由于它们特殊的字体形态更符合扁平的特点。无衬线体里，字体较宽，会让人感到轻松，排版的时候不容易有紧张感，更容易阅读，而且不管在任何背景上也都能轻松的识别。无衬线体的线条非常的简练，具有几何感，这种不带有任何花哨的字体，与简单明快的扁平化界面设计是非常吻合的，从而确保设计在视觉上的统一。

另外，扁平化界面设计中字体的排版也需要格外的注重，字体占据面积的比例一定要把控好，一定要适当的留白，让整个画面有呼吸感，这样可以更好的衬托出主体内容，更易被受众接受，文字占的空间面积大则会显得拥挤，给人以压迫感，也不适合扁平化简约，明快的风格。

扁平化界面的形式创新

在实际生活中也很容易发现，扁平化的设计在辨识度上没有拟物化那么直接，从而增加了使用者的学习成本。另外，扁平化设计如果没有处理得当，就会显得很平、没有层次感，使用操作起来就会产生一些问题。

扁平化并不等于没有一点设计修饰效果，在实际设计中，设计师应根据设计理念、服务对象的特征以及要解决的问题灵活运用扁平化风格。一个较为成功的扁平化设计的创作，最根本上需要把产品功能排在第一位，而不单单只是考虑视觉呈现的问题，不要为了扁平化而扁平化，扁平化的视觉呈现也是为了产品的功能服务的。

在界面设计时，我们要时刻牢记设计形式是服务于产品功能的，怎么样用直观的界面和交互向用户，展示产品的整体构架和功能，是我们首先要考虑的问题。简约而不简单的把影响用户理解和使用产品的视觉要素删除，合理的运用效果，自然的指引用户正确的使用产品是扁平化界面设计的宗旨。

有些设计不能完美的呈现出来，那么我们可以寻求另新的形式，来取代纯粹的扁平化形式：扁平立体化，即是在扁平化的基础上延伸出拟物化设计。在平面上展现出拟物的视觉效果，既简单又富有趣味性，综合了两者的优点，避免了单纯的扁平化不直观的弊端。

设计服务于人，不管我们在设计时选用哪一种设计形式，扁平化、拟物化还是扁平立体化，都取决于哪种形式更能表达我们想要的最终效果，并且以用户的情感需求为主导。设计师们应根据用户需要扬长避短、合理的取舍，让各种设计形式发挥自己最大的优势，既给人们带来视觉上的盛宴，又有实质上的便利。