Loading
0

留白不仅是空白!99%的人在做网站设计时都用错了留白!

技术小学生微信公众号
腾讯云服务器大促销。
华为服务器

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

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

A图:

B图:

C图:

D图:

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

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

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

1、为视觉主体增加留白

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

2、元素与元素间的缝隙

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

技术小学生微信公众号
华为服务器
腾讯云服务器大促销。

声明:站长码字很辛苦啊,转载时请保留本声明及附带文章链接:https://blog.tag.gg/showinfo-36-15206-0.html
亲爱的:若该文章解决了您的问题,可否收藏+评论+分享呢?
上一篇:网页设计有难题?12款网页设计模板给你灵感!
下一篇:干货!2018年你值得一看的网页设计作品集赏析