翻阅08年之前的页面就会发现过去些年网页设计的特点。从缩略图中就可以发现,当年的页面通常将内容设置在800或1000宽度以内,背景则选择纯底或渐变或纹理平铺。而今天如果用大屏显示器来浏览这类型的页面,就会发现,它们如同一块中央切糕。当然我们是可以完整的浏览页面的全部内容,但1000的设计在宽屏用户看来却略显局促。
近两年,许多网站在头部的视觉设计上也打通了1000围墙,不过大部分的内容设计还是保留在1000宽度以内的,穿越围墙怎么说也是件冒险的事,一方面有技术的局限性,比如不同浏览器的兼容,另一方面,经验总是说服自己偷懒的最冠冕堂皇的理由。
扁平化设计你可以通俗的理解为:使用简单特效,或者无特效来创建的设计方案,它不包含三维属性。诸如投影、斜面、浮雕、渐变等特效都不要在设计中使用。
扁平化设计给人的感觉通常都很简洁,即使它可以做的很复杂。简单、直接、友好的特性也使得它广受移动界面和时尚网站设计的青睐。
定义调色板
说到色彩,扁平化设计中会用到很多,但设计师们通常会选择大胆的和鲜亮的来使用。怎样使用色彩让设计各有不同?设计师们打开调色板,多数时会选鲜亮的,饱和度高的来用,偶尔也会使用灰色或黑色。而包括彩虹调色板在内的很多传统配色规则都被抛出窗外。
其实归根结底就是色调与饱和度的匹配。虽然在色调上,设计师可以有很多选择,但一般开始会选互为镜像的色深。它要么是一个主色或辅色的组合,要么是色盘的另一部分,包含了更多的黑白色混合。
一提扁平化设计的色彩方案,人们就会想到高饱和、鲜亮、复古或单色块之类的。并不是说这是唯一的选择,只是发展趋势让它们变的流行。