课程咨询: 400-996-5531
投诉建议: 400-111-8989
认识达内从这里开始
认真做教育 专心促就业
我们在给大家分享UI设计师常用的设计技巧的时候曾经提到过有一种设计技巧叫留白，而本文我们就通过案例分析来简单了解一下，留白设计的用法与重要性分析。
1、什么是设计中的留白?
留白很多叫法，有的叫呼吸感，有的叫空间，有的叫负形，简单字面理解就是一个页面中的空白区域，包括文字和文字之间区域，它可以用在元素周围，也可以运用到元素和元素之间，它的目的是让元素更加突出，在视觉设计中，这个空间一般指的页面中，文字段落，图片，按钮，图标，之间的间距。
虽然叫留白，但留白不一定是白色的，它可以是任何颜色，纹理，图案，或背景。
2、为什么留白很重要
想象一下，我们进入一个菜市场，里面各种箱子，货架，到处摆满了东西，在这种条件下你能专注么?能快速找到你想要的东西么?这和我们用户体验一样，当用户打开页面的时候，到处是各种的功能，用户很容易迷失在里面!
所以设计里面空间很重要，没有足够的空间和留白会大大分散用户的关注力，超载的信息和太多干扰的元素，我们需要给用户足够多的空气，凸现重要的内容给到页面中。
3、留白的作用是什么?
区隔内容
还记得之前分享的格式塔原理么，当元素位置靠在一起时候，会认为是一个组或者一个元素。间距过散(如图上)会导致页面缺乏清晰的结构，元素之间很混乱，需要通过空间帮助我们组织信息。
提高易读性
通过留白，更聚焦内容，同时信息更加简单，用户理解成本低。留白很好的区分了每个模块和模块之间的关系，形成了很好的视觉引导。
4、留白有哪几种?
负留白
这个留白主要是负形留白，直接决定了设计的整体美感，不仅是美感，同时也是引导关注内容，只有四周有足够的负形留白空间，才能引起关注。
正留白
与负留白相反就是正留白，它不仅仅考虑元素四周的空间和留白，同时还考虑元素本身的大小，通过改本元素本身大小，是控制画面层次结构很好的方法。
负留白通过尺寸大小，粗细对比，产生的对比度，是很多惊艳的设计和普通设计之间的大差异，我们经常看见一个好的设计一定是对于正空间，负空间运用的恰到好处。
正留白在界面中是很重要的一点，很多新手设计师在设计时候，很容易把正留白设计的太大，太大显得山寨感，太小显得看不清楚，设计时候一定要整体考虑正负形留白。
内部留白
内部留白就是容器里面的留白，也就是我们每天工作中经常运用到的，文字和文字之间间距，图片和文字间距，按钮四周间距等等，这种留白灵活性大，但是也是难把控的，要么处理的很紧凑，要么处理的很松散。
关于内部留白，也叫间距，在界面中也很重要，关于内容空间一定要注意一致性的规则，前期一定需要定义好间距规则，行间距规则，让我们的界面都在一整套的体系内，也要注意不要让规则归于复杂，过于复杂执行难度会比较大。
【免责声明】本文系本网编辑部分转载，转载目的在于传递更多信息，并不代表本网赞同其观点和对其真实性负责。如涉及作品内容、版权和其它问题，请在30日内与管理员联系，我们会予以更改或删除相关文章，以保证您的权益!更多内容请加danei0707学习了解。欢迎关注“达内在线”参与分销，赚更多好礼。
< 上一篇：武汉达内培训机构Java编程线程实践应用分析
2025-02-12
免费试听课程
- 全部课程
- IT课程
- 设计课程
- 运营课程
4578
最新开班时间
- 北京
- 上海
- 广州
- 深圳
- 南京
- 成都
- 武汉
- 西安
- 青岛
- 天津
- 杭州
- 重庆
- 哈尔滨
- 济南
- 沈阳
- 合肥
- 郑州
- 长春
- 苏州
- 长沙
- 昆明
- 太原
- 无锡
- 石家庄
- 南宁
- 佛山
- 珠海
- 宁波
- 保定
- 呼和浩特
- 洛阳
- 烟台
- 运城
- 潍坊
- 开课名称
- 开班时间
- 抢座
- 咨询
- 开课名称
- 开班时间
- 抢座
- 咨询
-
- Java全链路开发
- 3月31日
- 火热抢座中
- 立即咨询
- 云计算全栈开发
- 3月31日
- 火热抢座中
- 立即咨询
-
- 网络安全工程师
- 3月31日
- 火热抢座中
- 立即咨询
- 人工智能工程师
- 3月31日
- 火热抢座中
- 立即咨询
-
- 数据分析与商业智能
- 3月31日
- 火热抢座中
- 立即咨询
- C++物联网工程师
- 3月31日
- 火热抢座中
- 立即咨询
-
- Web全栈开发
- 3月31日
- 火热抢座中
- 立即咨询
- 软件测试工程师
- 3月31日
- 火热抢座中
- 立即咨询
-
- AI大模型全栈工程师
- 3月31日
- 火热抢座中
- 立即咨询
- 鸿蒙原生应用开发
- 3月31日
- 火热抢座中
- 立即咨询
-
- 智能职场办公
- 3月31日
- 火热抢座中
- 立即咨询
- VFX商业视效设计
- 3月31日
- 火热抢座中
- 立即咨询
-
- AGI商业设计变现
- 3月31日
- 火热抢座中
- 立即咨询
- UID全链路设计
- 3月31日
- 火热抢座中
- 立即咨询
-
- 新媒体电商运营
- 3月31日
- 火热抢座中
- 立即咨询
-
- Java全链路开发
- 3月31日
- 火热抢座中
- 立即咨询
- 云计算全栈开发
- 3月31日
- 火热抢座中
- 立即咨询
-
- 网络安全工程师
- 3月31日
- 火热抢座中
- 立即咨询
- C++物联网工程师
- 3月31日
- 火热抢座中
- 立即咨询
-
- Web全栈开发
- 3月31日
- 火热抢座中
- 立即咨询
- 软件测试工程师
- 3月31日
- 火热抢座中
- 立即咨询
-
- AI大模型全栈工程师
- 3月31日
- 火热抢座中
- 立即咨询
- 鸿蒙原生应用开发
- 3月31日
- 火热抢座中
- 立即咨询
-
- 智能职场办公
- 3月31日
- 火热抢座中
- 立即咨询
- VFX商业视效设计
- 3月31日
- 火热抢座中
- 立即咨询
-
- AGI商业设计变现
- 3月31日
- 火热抢座中
- 立即咨询
- UID全链路设计
- 3月31日
- 火热抢座中
- 立即咨询
-
- 新媒体电商运营
- 3月31日
- 火热抢座中
- 立即咨询
-
- 云计算全栈开发
- 3月31日
- 火热抢座中
- 立即咨询
- 网络安全工程师
- 3月31日
- 火热抢座中
- 立即咨询
-
- C++物联网工程师
- 3月31日
- 火热抢座中
- 立即咨询
- Web全栈开发
- 3月31日
- 火热抢座中
- 立即咨询
-
- 软件测试工程师
- 3月31日
- 火热抢座中
- 立即咨询
- AI大模型全栈工程师
- 3月31日
- 火热抢座中
- 立即咨询
-
- 鸿蒙原生应用开发
- 3月31日
- 火热抢座中
- 立即咨询
- 智能职场办公
- 3月31日
- 火热抢座中
- 立即咨询
-
- VFX商业视效设计
- 3月31日
- 火热抢座中
- 立即咨询
- AGI商业设计变现
- 3月31日
- 火热抢座中
- 立即咨询
-
- UID全链路设计
- 3月31日
- 火热抢座中
- 立即咨询
- 新媒体电商运营
- 3月31日
- 火热抢座中
- 立即咨询
-
- Java全链路开发
- 3月31日
- 火热抢座中
- 立即咨询
- 网络安全工程师
- 3月31日
- 火热抢座中
- 立即咨询
-
- 数据分析与商业智能
- 3月31日
- 火热抢座中
- 立即咨询
- C++物联网工程师
- 3月31日
- 火热抢座中
- 立即咨询
-
- Web全栈开发
- 3月31日
- 火热抢座中
- 立即咨询
- 软件测试工程师
- 3月31日
- 火热抢座中
- 立即咨询
-
- AI大模型全栈工程师
- 3月31日
- 火热抢座中
- 立即咨询
- 鸿蒙原生应用开发
- 3月31日
- 火热抢座中
- 立即咨询
-
- 智能职场办公
- 3月31日
- 火热抢座中
- 立即咨询
- VFX商业视效设计
- 3月31日
- 火热抢座中
- 立即咨询
-
- AGI商业设计变现
- 3月31日
- 火热抢座中
- 立即咨询
- UID全链路设计
- 3月31日
- 火热抢座中
- 立即咨询
-
- 新媒体电商运营
- 3月31日
- 火热抢座中
- 立即咨询
-
- 云计算全栈开发
- 3月31日
- 火热抢座中
- 立即咨询
- 网络安全工程师
- 3月31日
- 火热抢座中
- 立即咨询
-
- C++物联网工程师
- 3月31日
- 火热抢座中
- 立即咨询
- Web全栈开发
- 3月31日
- 火热抢座中
- 立即咨询
-
- 软件测试工程师
- 3月31日
- 火热抢座中
- 立即咨询
- AI大模型全栈工程师
- 3月31日
- 火热抢座中
- 立即咨询
-
- 鸿蒙原生应用开发
- 3月31日
- 火热抢座中
- 立即咨询
- 智能职场办公
- 3月31日
- 火热抢座中
- 立即咨询
-
- VFX商业视效设计
- 3月31日
- 火热抢座中
- 立即咨询
- AGI商业设计变现
- 3月31日
- 火热抢座中
- 立即咨询
-
- UID全链路设计
- 3月31日
- 火热抢座中
- 立即咨询
- 新媒体电商运营
- 3月31日
- 火热抢座中
- 立即咨询
预约申请试听课
400-111-8989
lihm@tedu.cn
