我们先来了解一下什么是扁平化的设计，其实就是不要多余、厚重以及繁杂的一些装饰效果。在模板建站时将那些透视、纹理、渐变等等一些3D效果去掉，那么网站的信息内容就可以当做网站的核心体现出来。在设计元素上的表现就是着重强调抽象、极简化的设计。下面我们来分享一下关于扁平化网站怎么建立。

第一、高光、渐变以及投影的使用。对于扁平化设计的三大要素：去高光、去渐变以及去阴影。其实这种解释绝对化了，扁平化的设计应该是将那些过渡式的高光、渐变以及阴影去掉。简单来说就是扁平化的高光、阶梯式的渐变以及长投影的使用。

第二、扁平化图标的应用。扁平化设计过程中，使用含义明确的图标可以让网站的设计显得不再单调，反而更加耐看。

第三、色块的形状以及颜色的运用。色块在扁平化设计中有很重要的地位，我们所看到模板建站的扁平化设计几乎都与色块有关。而色块在应用的过程中，有很多种形状，基础形状有圆形、蛋饺型、四边形等等，要注意的是，不要使用超过六条边的形状。否则用户会将注意力集中在色块有几条边，而忽略了页面的内容。无论单页网站还是普通型网站对于色块的使用，不建议使用刺眼的鲜艳的颜色，应该使用温和的、饱和度不高的颜色。

第四、不同色块的组合。色块除了形状，从基础形状中可以延伸出更多的形状，但是不要使用三种基础形状组合成新的形状，否则会影响扁平化的设计核心。

第五、图片的应用。扁平化设计中使用的图片要经过处理，一般有三种方式，普通的色块+图片，压暗处理以及模糊处理。

第六、重视网站的排版。扁平化的设计要特别重视网站的排版，要遵守四个原则：对齐、紧密性、重复、对比。在排版后，要对照一些是否遵守了这四个原则。如果是在色块中排版内容，则要做好留白设计。

第七、选择合适字体。扁平化设计过程中，选择字体的时候，可以选择无衬线体，中文建议使用微软雅黑、黑体、幼圆等等。

第八、通过不同色块的组合可以营造出立体感。这就是我们常说的伪扁平化，这种手法可以帮助我们设计出一个简约而又有美感的感觉。最常用的方法就是将不同饱和度的色块设计出伪光影的效果，给用户一种立体的感觉。

扁平化网站设计过程中，可以参考以上八个技巧，希望本文可以帮助到有需要的站长。