求佛!真正的网页留白设计有谁会?
时间:2024-02-08 05:35:02 | 来源:网站运营
时间:2024-02-08 05:35:02 来源:网站运营
求佛!真正的网页留白设计有谁会?: 留白怎么说呢,有些时候留白很适合,但是有时候觉得留白很单调,看怎么把握了, 一提起网页留白设计,很多人都觉得SO EASY,这留白谁不会呢?留出一块白色,腾出空间不就是了么?事实上,留白并不能从字面意思进行解读,它不局限于白色。所谓留白,指的是“没有被使用的空间”,无物,无信息,无装饰,处于空白的状态,所以留白也被称作“负空间”,不仅是一片白,也可以是任意一种颜色,甚至连非纯色的纹理都能算作留白。
由此可见,留白指代的含义其实远比我们想象中的更广泛,也有多种不同形式的体现,以下结合案例总结出几种常见的的留白应用。
1、为视觉主体增加留白
你的视觉很容易就集中到模特身上,除了因为模特的配色比较鲜艳抢镜,环绕模特周围的留白也起到了很好的作用,花瓣剪影的装饰也是点到即止。没有了多余的东西分散了你的注意力,视觉主体自然就突显出来了。
2、元素与元素间的缝隙
留白,是不是就只能保留主体,其他一律删去?其实不一定,虽然内含元素很多,却不会给你一种很拥挤很凌乱的感觉,因为元素与元素之间都留有了适度的距离,呈现出一种呼吸感。
3、放大图片中的无装饰部分
很多时候我们会需要在图片上插入文字,当图片没有足够的适合排版文字的空间,而你又不想把字体缩小,那么可以把图片中的无装饰部分放大。像以下这个例子,原图的近景和远景接近了五五比例,近景部分明显不太适合排版文字,所以我们放大图片的远景部分,这样一来就能顺利地进行文字排版了,留白给了文字理想的展现空间。
4、文字间距的调节
文字间的行距、字距也属于很重要的一种留白元素。像这个蔬果行业网站,中间的文案采用了不同的字体、颜色、大小、间距拉开了对比,让文案变得更容易阅读。
5、增加边框
增加边框,划分出留白空间。这种留白形式常用于网站BANNER,在居中位置划出边框围绕文本,诸如以下这个日用品行业网站,边框配以卡通元素的点缀,小清新的感觉立马出来了。
6、背景虚化
对!你没看错!过度模糊的图片也是一种留白,虽然图片里含有信息元素,但由于被虚化得看不真切,相当于被藏起来了,所以也能看作是留白。背景虚化在摄影上用得尤为广泛,像以下这幅图片,将景深变浅,视觉聚焦在帆船瓶子,也让画面看起来通透纯净。
这些也仅仅是网站页面设计冰山一角....