我们先来了解一下什么是扁平化的设计,其实就是不要多余、厚重以及繁杂的一些装饰效果。在模板建站时将那些透视、纹理、渐变等等一些3D效果去掉,那么网站的信息内容就可以当做网站的核心体现出来。在设计元素上的表现就是着重强调抽象、极简化的设计。下面我们来分享一下关于扁平化网站怎么建立。
第一、高光、渐变以及投影的使用。对于扁平化设计的三大要素:去高光、去渐变以及去阴影。其实这种解释绝对化了,扁平化的设计应该是将那些过渡式的高光、渐变以及阴影去掉。简单来说就是扁平化的高光、阶梯式的渐变以及长投影的使用。
第二、扁平化图标的应用。扁平化设计过程中,使用含义明确的图标可以让网站的设计显得不再单调,反而更加耐看。
第三、色块的形状以及颜色的运用。色块在扁平化设计中有很重要的地位,我们所看到模板建站的扁平化设计几乎都与色块有关。而色块在应用的过程中,有很多种形状,基础形状有圆形、蛋饺型、四边形等等,要注意的是,不要使用超过六条边的形状。否则用户会将注意力集中在色块有几条边,而忽略了页面的内容。无论单页网站还是普通型网站对于色块的使用,不建议使用刺眼的鲜艳的颜色,应该使用温和的、饱和度不高的颜色。
第四、不同色块的组合。色块除了形状,从基础形状中可以延伸出更多的形状,但是不要使用三种基础形状组合成新的形状,否则会影响扁平化的设计核心。
第五、图片的应用。扁平化设计中使用的图片要经过处理,一般有三种方式,普通的色块+图片,压暗处理以及模糊处理。
第六、重视网站的排版。扁平化的设计要特别重视网站的排版,要遵守四个原则:对齐、紧密性、重复、对比。在排版后,要对照一些是否遵守了这四个原则。如果是在色块中排版内容,则要做好留白设计。
第七、选择合适字体。扁平化设计过程中,选择字体的时候,可以选择无衬线体,中文建议使用微软雅黑、黑体、幼圆等等。
第八、通过不同色块的组合可以营造出立体感。这就是我们常说的伪扁平化,这种手法可以帮助我们设计出一个简约而又有美感的感觉。最常用的方法就是将不同饱和度的色块设计出伪光影的效果,给用户一种立体的感觉。
扁平化网站设计过程中,可以参考以上八个技巧,希望本文可以帮助到有需要的站长。