网站建设,网站设计,网站制作,网站开发

网页留白设计就是留出一块白色,腾出空间,SO EASY?
时间:12-20      
       一提起网页留白设计,很多人都觉得SO EASY,这留白谁不会呢?留出一块白色,腾出空间不就是了么?事实上,留白并不能从字面意思进行解读,它不局限于白色。所谓留白,指的是“没有被使用的空间”,无物,无信息,无装饰,处于空白的状态,所以留白也被称作“负空间”,不仅是一片白,也可以是任意一种颜色,甚至连非纯色的纹理都能算作留白。

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

  1、为视觉主体增加留白

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

  2、元素与元素间的缝隙

  留白,是不是就只能保留主体,其他一律删去?其实不一定,虽然内含元素很多,却不会给你一种很拥挤很凌乱的感觉,因为元素与元素之间都留有了适度的距离,呈现出一种呼吸感。

  3、放大图片中的无装饰部分

  很多时候我们会需要在图片上插入文字,当图片没有足够的适合排版文字的空间,而你又不想把字体缩小,那么可以把图片中的无装饰部分放大。像以下这个例子,原图的近景和远景接近了五五比例,近景部分明显不太适合排版文字,所以我们放大图片的远景部分,这样一来就能顺利地进行文字排版了,留白给了文字理想的展现空间。

  4、文字间距的调

  文字间的行距、字距也属于很重要的一种留白元素。像这个蔬果行业网站,中间的文案采用了不同的字体、颜色、大小、间距拉开了对比,让文案变得更容易阅读。

  5、增加边框

  增加边框,划分出留白空间。这种留白形式常用于网站BANNER,在居中位置划出边框围绕文本,诸如以下这个日用品行业网站,边框配以卡通元素的点缀,小清新的感觉立马出来了。

  6、背景虚化

  对!你没看错!过度模糊的图片也是一种留白,虽然图片里含有信息元素,但由于被虚化得看不真切,相当于被藏起来了,所以也能看作是留白。背景虚化在摄影上用得尤为广泛,像以下这幅图片,将景深变浅,视觉聚焦在帆船瓶子,也让画面看起来通透纯净。


  这些也仅仅是网站页面设计冰山一角,建议朋友们,若是对网页设计有些要求的话,最好选择正规的网站设计公司,在设计专业性和技术服务以及后期运维服务上都会非常的到位,在页面设计过程中也会给一些互联网建设性的意见,相信蒙特今天的分享一定能帮助到有需要的您!

©2000-2022 杭州蒙特信息技术有限公司版权所有

Mountor、蒙特是Mountor Corp.的注册商标。

经营许可证编号:浙B2-20090322
技术支持:
更新时间:2023年01月31日
咨询热线:0571-88230881 15158184365
友链QQ: 1960819284
固话咨询
手机咨询
了解蒙特