99%的人在做网站设计时都用错了留白

2018-06-04

一提起留白,很多人都觉得SO EASY,这留白谁不会呢?留出一块白色,腾出空间不就是了么…

kelvinvt  启点在线    print

一提起留白,很多人都觉得SO EASY,这留白谁不会呢?留出一块白色,腾出空间不就是了么?

在回答这个问题之前,先来看看以下 4 个案例,你觉得哪个案例才是运用了留白的手法呢?

A图:

B图:

C图:

D图:

正确答案是……全选,以上 4 个案例都有留白的应用。如果对“留白”只是望文生义,认为留白就是留出白色,就很有可能单选A误答了。

事实上,留白并不能从字面意思地进行解读,它不局限于白色。所谓留白,指的是“没有被使用的空间”,无物,无信息,无装饰,处于空白的状态,所以留白也被称作“负空间”,不仅是一片白,也可以是任意一种颜色,甚至连非纯色的纹理都能算作留白。

由此可见,留白指代的含义其实远比我们想象中的更广泛,也有多种不同形式的体现,以下结合案例总结出几种常见的的留白应用。

1、为视觉主体增加留白

以下是来自“凡科建站”的服装行业网站模板,你的视觉很容易就集中到模特身上,除了因为模特的配色比较鲜艳抢镜,环绕模特周围的留白也起到了很好的作用,花瓣剪影的装饰也是点到即止。没有了多余的东西分散了你的注意力,视觉主体自然就突显出来了。

2、元素与元素间的缝隙

留白,是不是就只能保留主体,其他一律删去?其实不一定,像以下这个来自“凡科建站”的饰品行业网站模板,虽然内含元素很多,却不会给你一种很拥挤很凌乱的感觉,因为元素与元素之间都留有了适度的距离,呈现出一种呼吸感。


<123>

 
QQ在线咨询
  • 13800000000
  • Powered by KCMS