首页 > 网页教程 > 设计分享 > 分享:99%的人在做网站设计时都用错了留白!

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

时间:2018-06-01    来源:凡科

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

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

A图:

B图:

C图:

D图:

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

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

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

1、为视觉主体增加留白

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

2、元素与元素间的缝隙

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

相关推荐
学习知名网站的网页设计留白技巧
留白是什么?来感受这21个小而美的留白网站
留白设计作用多 让你的作品充满了呼吸感
网页设计中的负空间 巧妙使用留白设计
Web优化:谈谈网页设计中的留白原理(2016版)
分享:设计法则之恐惧留白 Horror Vacui
如何让网站首页设计得极具吸引力?
移动终端全新界面设计语言“Metro”简析
淘宝品牌名店的BANNER广告设计评价及分析(2)
优秀排版设计的8条建议
版式设计:深入浅出学会网格系统的应用
如何学会版式设计中的主要元素提取?
文字排版设计:如何设计出吸引视线的标题?
如何用超大字体元素应用在设计作品集类的网站?
什么是“整体网页设计”?整体网页设计工作原理
CSS酷站网页水平条经典设计欣赏
欧美CSS酷站网页背景设计之光影特效赏析
酷站欣赏之欧美棕色调网站设计案例赏析
如何基于心理学设计的目的来制作受用户欢迎的网页
二十款网页图文混排设计样式欣赏
黑色的艺术:三十款暗黑色调的欧美CSS酷站欣赏
35套精美绚丽的创意酷站设计欣赏
网页设计的文字色彩与可读性分析
如何掌握网页广告字体设计的技巧
40款超个性粗糙纸张纹理风格的CSS酷站欣赏
15款富有创意的的html电子名片设计欣赏
国外49款创意型404错误网页欣赏(附演示网址)
手绘风格的15款超级漂亮网站欣赏
网易频道页面的改版过程分享
网页设计师必备的13款国外CSS酷站参考画廊
多款韩国绚丽风格的游戏网站界面设计欣赏
网页设计中的构图技巧分享
网页设计的几何圆之美
网页交互设计的一些理解
网页设计中上一页和下一页的用户体验分析

精彩推荐

热门教程