菜单优设网 - UISDC

会员

开通优设VIP星球

尊享13项VIP特权持续新增

主题打卡挑战

21天带练！告别无效练习

接私单赚外块

VIP优先接，累计金额超百万

优设私房课免费学

价值178元热销课程

你的私人律师

每月可免费咨询30次

开通VIP

领取更多设计师实用特权

投稿

网页留白话题

首页
设计文章
网页留白

教程 5.4w

吃透这10个网站，你就明白了网页中留白的技巧

想要让一个元素足够吸引用户的注意力，往往需要通过周围的留白来衬托，这样的设计所营造的用户体验更为优雅。在极简主义风格是主流的今天，「少即是多」是设计师奉为圭臬的准则。控制配色方案的数量，限制视觉元素的数量，在清晰的层级之下，呈现最核心的元素，抓人眼球，直击核心。

2018-03-26

陈子木

优秀网页设计

教程 2.2w

告别被支配的恐惧！教你治疗客户的留白恐惧症

编者按：许多设计师至今都活在被客户/甲方/产品所支配的恐惧当中。反复调整的细节和各种反趋势的需求扼杀着设计师追求好设计的梦想。今天的文章，我们来看看设计师 Rizwan Javaid 是如何解决留白的问题~“留白太多了。

2017-06-23

陈子木

优秀网页设计

教程 6.5w

豪斯先生平面课堂！浅聊平面设计的留白技巧

@豪斯K先生：今天从一个有问题的平面案例入手，通过带同学们一步步进行修改，总结出3个适合新手的留白技巧，掌握后就可以避免被素材绑架了，实用马克。豪斯先生平面课堂系列：《豪斯先生平面课堂！背景与主体之如何让背景突显主体？

2016-01-01

程远

酷站推荐 1.7w

无物胜有物！20个帮你学会运用留白的轻网站

编者按：一道送分题：如何提升网站格调？来看今天推荐的这组网站你就懂了，它们不仅将留白艺术运用得炉火纯青，而且各出奇招，以色彩见长的，即使有大片留白，网站仍然活力十足。以布局精巧为傲的，细节打磨让人惊喜，都是值得借鉴的作品，来看看哪些你可以用上！

2015-10-28

程远

优秀网页设计

教程 2.4w

由浅入深学留白！手把手帮你学会在网页设计中运用负空间

编者按：今天这篇@飞屋睿UIdesign 的译文是目前见到最实用的留白教程之一，从网站元素与内容都有细致的方法可循，附上优秀案例剖析，整个过程由浅入深，层次分明，非常值得马克学习 >>>由于屏幕是有限的，因此网页设计也是有限的。可以这么说，在屏幕这个小小的盒子中，每个像素都是一块不动产。就算是菜鸟，也懂得一个页面不能加载过多的内容，但涉及到究竟应该规划多少留白，包括经验老道的设计师或许也很茫然。

2015-05-23

程远

教程 2.8w

呼吸感！五个诀窍帮你快速掌握留白的艺术

留白是艺术设计中需要遵循的重要视觉准则之一。网页设计中留白使元素之间保持距离，拥有呼吸的空间。下面放几招留白要点 >>>一、空白不代表无用一些人可能认为页面上的空白越少越好，为了放尽可能多的文字，图片等信息，或者为了缩小整体版面。

2015-04-30

程远

教程 3.0w

高端网站都懂的！如何在网页设计中使用留白

编者按：说起留白，很多奢华品牌网站都邪魅一笑：悄悄地用着，出声的不要。哼哼，偏偏不让你得逞，今天@十萬個為什麽从留白的用色、可读性、搜索流畅度等方面跟童鞋们分享了留白的使用技巧，听我说，为了广大设计师的贴身福利，帮转一下吧 ლ(ಠ_ಠლ)@十萬個為什麽：所谓留白，有时也称作负空间，两者是同一个概念。尽管这个术语尤其指留“白”，但它所指的区域并不一定要是白色的。

2014-07-27

程远

酷站推荐 1.4w

网页留白的学问！一组国际范儿的优秀网页欣赏

我非常喜欢谷歌的首页，因为它干净、简单，没有任何冗余的信息，能够使我心无旁骛，专心于搜索。这得益于首页大量的留白。而白色并不是没有，相反，它为你衬托出主次，为你定义重点关注的地方，在网页设计中有效地利用留白，能让你的网站层次分明，信息一目了然，同时，大量留白的网站往往现代风格很强，非常有国际范儿。

2014-04-25

程远

优秀网页设计

酷站推荐

此处无物胜有物！留白在网页设计中的合理使用

优秀的网页设计需要关注许多方面，而留白的运用肯定是其中之一。留白是围绕设计元素，如图像、文本的空间，使布局干净和精致。可千万别理解成是使用白色，或者把背景设置为白色。

2014-01-22

程远

优秀网页设计

教程 5.2w

我们为何要在设计中重视“留白”

@MartinRGB 我们先从基本的说起，设计中的留白区域并不能顾名思义，设计中的留白区域不局限于白色，留白的”白”指的不是颜色的”白”，而是空白的”白”，留白区域指的是某一区域无额外元素，无装饰，处于空白的状态。留白的优秀案例——但是还有一点装饰——Layervault的个人网站。从本质上讲，留白区域是”未使用的区域”，尽管留白区域看起来未使用，没什么作用，但实际上留白区域的作用相当大，给予设计呼吸的空...

2013-09-18

ranger

留白是什么意思

没有更多文章了

大家都在看

ps技巧

文章 636

B端设计

文章 143

设计师干货

文章 218

ICON

文章 204

酷站推荐

文章 333

职场规划

文章 361

动效设计

文章 192

职场经验

文章 147

用户体验设计

文章 305

热门频道

设计专题

热门设计知识精挑细选

细节猎人

1分钟小短文揣摩设计真谛

优设读报

行业资讯一站知晓

优设琅琊榜

顶尖设计作品聚集地

行业新闻

行业大事小事全知道

设计问答

高手大咖在线答疑解惑

热门频道

设计灵感

支持与服务

优设微博

@
优秀网页设计
380W粉丝！每日更新设计干货
@
优设
强烈推荐！优设官方品牌微博
@
优优教程网
官方微博，海量教程看不完
@
优设基础训练营
零基础入门，带你成为软件高手
官方群
优设官方微信群
01优设25+设计师交流群
02优设30+设计师交流群
03优设求职招聘群
04优设同城交友群
05优设私单群
06优设学生交流群

07优设UI设计师交流群
08优设插画师交流群
09优设平面品牌设计师交流群
10优设3D设计师交流群
11优优教程自学团
12优设VIP知识星球交流群
微信扫码添加管理员招财

微信号：uisdc411

严格审核打造高质量交流群

进群会有面试题谢绝打广告
优设微信

每天官微五分钟

一年萌新变大神

扫码关注

1000W

优设新媒体矩阵等你来关注