网站中正确的留白设计法

2017-11-30

网站设计中留白这个概念是从绘画艺术中借鉴过来的,但是还是有很多人对“留白”右边很大误解。

网站模板的留白设计

首先,留白不等于白色。留白是指这个区域没有被使用,上面凡科建站的网站模板没有装饰元素,也不包含内容信息。赤橙黄绿青蓝紫,网站设计中留白可以是任何颜色,也可以是相同的杂色纹理。上面这个横幅的大面积的黑色背景,其实就是留白,主要作用是将用户的视线转移到这样的图片和文字上,本身并不传递信息。

然后,很多人会觉得留白就是一大片空白的地方,但实际上留白并不是只有一种形式。留白分为大元素留白和小元素留白两种,各自在网站设计中起到不同作用。大元素留白是人们普遍认知中的留白,主要起到引导视线的作用。下面是凡科建站上的美食网站模板横幅,用户的视线很容易就会集中在中央的标题文字和左上角的披萨上,这是因为主题周围有大规模的留白,周围的食材小元素也起到了很好的装饰作用,注意力没有被分散出去而是集中在主体上面。

网站模板的设计元素

小元素之间的留白往往被人们所忽视,但它在网站设计非常重要,版面看起来恰到好处,小元素留白功不可没。在上面的横幅设计中同样体现了小元素留白的魅力:栏目之间相同的留白距离加强了他们之间的联系感,让别人清楚明白他们起到同样的功能但又是分离的栏目;而中央不同级标题之间的行距不同、字距不同,文字元素之间的留白让用户可以更加轻松接受不同的文字信息,增强内容的可读性和易读性。

无论是大元素之间的留白,还是小元素之间的留白,都在网站设计中起着不可或缺的作用。只要得到合理的运用,留白设计可以发挥更多的妙用。