到底什么□□□是扁平化□□设计？百度百科□□□□的解释是□□一种界面□□□□设计方式，凸显必要□□□□的信息，剔除不必□□要的信息，简单、抽象。而在一些♦平面设计□□□□师或者网□□站设计师□□眼中，扁平化设□□□□计与极简□□□设计等同。可以说，没有一个◎关于扁平◤化设计的□□□□准确定义。
即便如此，就网站设□□计而言，大家普遍□□的共识是——如下网站□□设计理念□□□或者方法，就是网站□□设计的扁◢平化设计。
 

网站组织构架：扁平
网站的组□□织构架更□□□加扁平，这是扁平□□□化设计在□□网站设计□□□中的重要□□表现之一。我们不妨□□□□以企业网□□□站为例。
非扁平化的企业网站，导航栏目往往在五到八个左右，如首页、产品、服务、案例、联系方式、论坛等等，并且，每一个频道之下还有二级乃至三级频道，网站的纵深可以达到五层以上。
为什么要●这样设计□□□呢？我们认为□□□有两个原□□□□因。其一，带宽的原□□因，由于带宽□□□的限制，一些页面□□□□如果信息□□量多的话，会出现加☆载缓慢的□□□□情况，不得已，只能分页、分栏目。其二，优化的原□□□因。如果一个◣网站的页□□面数量很◎多，是被搜索□□引擎更加◢看重的。
而扁平化□□□的网站组□□织构架，一方面减▼少首页的▽导航数量，另一方面◣增加二级□□□□栏目的数□□□□量。如此一来，首先更加□□□干净，网站的层✦级也大大□□□减少，通常不会◤超过三层。

网站设计元素：更少、留白
设计业内经常将扁平化设计与拟物化设计对立。拟物化设计，就是设计元素全部来自于实物，可以实现一一对应。典型的如苹果和锤子手机的图标设计。但是扁平化设计是与其相反的，较为抽象。
由于无须△一一对应，所以，一个抽象□□的概念就□□□□可以包容□□□大量的现□□实。这一点很□□□关键词。因为只有▽这样，扁平化设☆计才能仅○仅呈现更□□□□少的元素。例如，很多网站□□的首页，就只有一★个元素。如汽车网□□站，就是一个□□□□汽车的配▼图。元素少，是扁平化♦设计的特□□□□点之一。
因为元素□□□少，大量的页※面就只能□□□留白。留白多，也是扁平★化设计的□□□□特点之一。、

网站的配色：渐变和同色系
为什么扁○平化的网□□站多使用□□□□同色系或○者渐变色□□□□呢？因为非扁□□□□平化的网□□□站，不能用。
非扁平化◈的网站因□□为元素多，不同的元□□□素需要不□□□同的颜色✦搭配，所以网站□□□□会使用不□□同的颜色•搭配。但是扁平·化网站元❖素少、留白多，一种颜色◥就能够将□□整个页面❖覆盖，但是，这会让网□□□站显得很☆单调，所以，渐变色就□□□□成为一种▽选择。

网站的操作设计：更小、更偏
扁平化网□□□站有一个□□目的：一个页面□□尽量让用□□□户专注于★一点、进行一到□□□□两种操作。
所以，扁平化网□□□站会刻意□□消减或者◉隐藏一些❖操作按钮，通过动效◉的方式呈□□□现。当用户需◎要某种操□□□作的时候，按钮就会□□□出现，当用户不□□需要的时□□□□候，就会隐藏。
例如，不少扁平□□□□化网站会♦在页面隐△藏回到首□□页、回到顶端□□□的按钮，当用户点□□□击页面，按钮才会□□□出现。
虽然扁平□□□化设计较□□□□为流程，也是响应□□□□式网站的□□□□基本设计□□□□理念，但是也有□□□□人对扁平□□□化设计“无感”。
需要承认，扁平化设□□计也有缺❖点，例如，过度抽象□□□□导致信息□□传递简单、粗暴，不能给用□□□□户留下思◣考的空间；再例如，删除了细❖节，粗暴地表□□□现方式，让整个页□□□□面显得有□□□些单调，缺少温暖□□□的情感表□□达；还例如，在PC端的呈现，扁平化设□□□□计的变现□□□不太完美，看起来就□□□像是一幅□□□模糊的油□□□画。