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

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

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

　　A图：

　　B图：

　　C图：

　　D图：

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

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

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

　　1、为视觉主体增加留白

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

　　2、元素与元素间的缝隙

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

　　元素的多与少并不影响留白的应用，关键是看你想传达怎样的调性。以上的网站我们再拿另一幅BANNER图对比，多元素的留白显得更活泼亲和，而少元素的留白则显得更大气逼格，两种设计并没有优劣之分，抓准了产品定位和目标人群就是对的设计。

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

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