在线客服
扫描二维码
下载博学谷APP扫描二维码
关注博学谷微信公众号
在精彩纷呈的平面设计中,有时候适当的留白反而能让你的设计脱颖而出,这就是留白设计的魅力。那么什么是留白设计呢?下面我将从留白设计的概念、重要性、作用和形式,为大家好好介绍一下留白设计,有兴趣的做设计的朋友千万不要错过了,相信本文一定可以给你得工作带来一点启发和帮助。
1、设计中的留白是什么?
留白设计的核心就是让整个空间有呼吸感,简单字面理解就是一个页面中的空白区域,包括文字和文字之间区域,它可以用在元素周围,也可以运用到元素和元素之间,它的目的是让元素更加突出,在视觉设计中,这个空间一般指的页面中,文字段落,图片,按钮,图标,之间的间距。当然,虽然是留白但不一定就真的是空白,它空出来的可能是任何颜色,纹理,图案,或背景。
比如留白可以是一张图片背景,也可以是商品的照片。留白也可以是一张渲染氛围的照片。留白也可以是一个带颜色的,不一定是白色的。留白也可以是一个纹理图案,运用到我们的设计中,空间就像我们生活中必不可少的空气一样,空气对于我们来说重要性不言而喻,那么设计中的空气是什么,就是留白。
2、为什么留白很重要?
试想一下,我们进入一个菜市场,里面有各种箱子、货架,并且到处摆满了东西,在这种条件下你能专注么?能快速找到你想要的东西么?这和我们用户体验一样,当用户打开页面的时候,到处都是各种的功能,用户很容易迷失在里面,不知所措!因此,适当的留白设计才显得尤为重要。
早期的word带给用户太多的信息,杂乱的内容完全找不到你需要的功能,用户其实并不想看这么多功能。在早期的国内新闻门户,展现给用户内容太多,反而内容杂乱无章。包括我们平时经常用到注册登录页面,上面有着许多冗余的信息。所以设计里面空间很重要,没有足够的空间和留白会大大分散用户的关注力,超载的信息和太多干扰的元素,我们需要给用户足够多的空气,凸现最重要的内容给到页面中。
3、设计中的留白有什么作用?
(1)区隔内容
正如格式塔原理那样,当元素位置靠在一起时候,会认为是一个组或者一个元素。间距过散会导致页面缺乏清晰的结构,元素之间很混乱,需要通过空间帮助我们组织信息。留白空间感很足,就是运用空间来分组内容,让用户更加明确每个模块有什么内容。
(2)吸引注意力
举个例子,在苹果网站,我们常常能看到苹果的广告页面通过留白,让空间来强调新的手机,一个页面常常就只有一个焦点内容就是苹果手机本身。
(3)更好理解
通过留白设计,我们的内容会更加聚焦,同时使信息更加简单,这样一来的用户理解成本也更加低。因为留白很好的区分了每个模块和模块之间的关系,形成了很好的视觉引导。左侧的设计很拥挤,缺少呼吸空间感,给眼睛带来了很大压力,右边设计良好空间感,提升了设计的阅读性。当标签接近与其相关的字段时候,传递的信息更加明确,好的空间感,让信息阅读性更好。
4、留白设计有哪些形式?
(1)负留白
留白主要是负形留白,直接决定了设计的整体美感,不仅是美感,同时也是引导关注内容,只有四周有足够的负形留白空间,才能引起关注。这是因为白色负形空间,能够增加页面的可扫描性,同时很好的增加了视觉层次。负形同时能很好的为页面提供呼吸感,不会感觉到乱,同时将用户注意力放到核心元素上了。
(2)正留白
与负留白相反就是正留白,它不仅仅考虑元素四周的空间和留白,同时还考虑元素本身的大小,通过改本元素本身大小,是控制画面层次结构很好的方法。负留白通过尺寸大小,粗细对比,产生的对比度,是很多惊艳的设计和普通设计之间的最大差异,我们经常看见一个好的设计一定是对于正空间,负空间运用的恰到好处。通过正留白的大小和周围的空间对比,创建画面感,同时创造规则。正留白在界面中是很重要的一点,很多新手设计师在设计时候,很容易把正留白设计的太大,太大显得山寨感,太小显得看不清楚,设计时候一定要整体考虑正负形留白。
(3)内部留白
内部留白就是容器里面的留白,也就是我们每天工作中经常运用到的,文字和文字之间间距,图片和文字间距,按钮四周间距等等,这种留白灵活性大,但是也是最难把控的,要么处理的很紧凑,要么处理的很松散。
关于内部留白,也叫间距,在界面中也很重要,关于内容空间一定要注意一致性的规则,前期一定需要定义好间距规则,行间距规则,让我们的界面都在一整套的体系内,也要注意不要让规则归于复杂,过于复杂执行难度会比较大。
什么是留白设计?其实就是有空间感且简洁大方的的设计。俗话说的好:大音希声,大象无形。在这个信息量爆炸、五彩斑斓的社会,留白有时候不失为一种简洁有力的设计风格,被更多的人所青睐。
— 申请免费试学名额 —
在职想转行提升,担心学不会?根据个人情况规划学习路线,闯关式自适应学习模式保证学习效果
讲师一对一辅导,在线答疑解惑,指导就业!
相关推荐 更多
四款网页设计工具,打造专业动效网页设计
不知道大家都看见过哪些精彩绝伦、令人拍案叫绝的动效网页设计,如今动效网页设计已经成为现代网页用户体验的重要组成部分。不管是微妙的转场动效,还是覆盖整个页面,动画效果无处不在。融入动效的交互细节让现代网页同以往的设计在根本上区别开来。那么如何打造专业动效网页设计?以下的四款网页设计工具让网页设计师相逢恨晚,好用到爆炸!
6700
2019-07-23 14:08:39
学平面设计要什么学历?没有美术基础也可以学吗?
学平面设计要什么学历?没有美术基础也可以学吗?首先平面设计看中的是技术能力,学习平面设计的门槛很低,没有学历方面的要求。其次之前没有美术基础也可以学好平面设计,只要你愿意学习并且有科学的指导,相信勤能补拙。下面小编将给大家介绍一下平面设计要学习的内容。
6452
2019-08-13 12:50:13
平面设计排版构图技巧总结 新手排版设计干货
平面设计最重要的设计要素之一就是排版构图。优秀的平面设计作品会通过巧妙的安排组合图片和文字,达到赏心悦目的效果,并且还能够清晰反映作品的主题。而令人拍案叫绝的排版构图既有复杂多样的,也有简介明了的,看似无规律可循,其实也有共通性。下面是小编为新手准备的平面设计排版构图技巧总结,全都是干货哦!
12858
2019-09-17 13:10:12
产品设计三大变化趋势浅析
随着近几年,移动交互和硬件技术的发展,产品设计也在发生着悄然的改变。可能不知不觉,我们手机里的许多app界面就已经被改的面目全非了。了解并掌握当下的设计趋势,无疑对我们的设计工作有着极大的帮助。本文将浅析一下产品设计的三大变化趋势,分别是界面漂白、线条消失以及对底部空间的利用。
4406
2020-07-07 14:41:45
什么是视觉设计?视觉设计的前景怎么样?
什么是视觉设计?视觉设计的前景怎么样?视觉设计针对眼睛功能的主观形式的表现手段和结果,视觉传达设计通过视觉形象传达给消费者起着沟通企业商品消费者桥梁的作用,设计师若想让设计更具美学性和有效性需要在信息传递、用户体验等层面进行考量。
3735
2022-03-01 10:55:48