扁平化的网站结构是以简单为精髓，突出内容重点为主，减少或者去掉页面的装饰效果，用抽象、极简以及符号化来代替网站酷炫的展示方式，让页面看起来更为干净美观。结合交互扁平化设计，页面设计的扁平化不是简单达到视觉上的扁平化就行，除了对每种元素的简化以外还可以重组元素，即使没有设计上的装饰效果，可以采用图文结合的形式达到互相装饰的效果。同时让网站展示的产品距离用户更近，给用户更加亲切的感觉。

    1、使用扁平化图标

    使用有明确含义的图标可以让你的设计不那么单调并且耐看。

    2、色块的形状和颜色

    色块在扁平化设计中占据着很重要的地位，几乎我们看到的所有扁平化设计都离不开色块。关于色块的形状，基础形状有圆形、三角形、四边形、五边形以及六边形，注意不要用超过六条边的形状，这样人们就会开始数形状的边数而忽略掉你要传达的信息。

    3、色块的组合

    除了基础的形状之外，你可以由基础形状衍生出更多的组合形状。但是我建议不要超过三种不同的基础形状组合，这样会让你的设计脱离扁平化简约的初衷。

    4、极简与抽象

    扁平化设计天生就是极简的。当设计的灵感并非来源于现实生活，拟物化的设计质感就理所应当被抛弃。那么，剩下的就是用颜色，渐变，阴影，形状，和其他视觉细微之处的框架内容。扁平设计在本质上，迫使设计师更具创造性 —— 设计服务于内容呈现，而不是真实感的呈现。

    5、优化排版

    扁平化设计中尤其要注意排版，由于扁平化设计的使用特别简单的元素，排版就成了很重要的一环，排版好坏直接影响视觉效果，甚至可能间接影响用户体验。字体是排版中很重要的一部分，和其他元素相辅相成。想想看，一款花体字在扁平化的界面里得有多突兀。上图是一些扁平化网站使用无衬线字体的例子。无衬线字体家族庞大分之众多，其中有些字体会在特殊的情景下会有意想不到的效果。