首页 > 佳作 > 关键词 > 同时最新资讯 > 正文

留白技巧!如何通过留白打造简洁有效的设计

2015-09-02 11:41 · 稿源:UI盒子

编者注:如何留白让自己的设计更为出众?今天带来几个关于留白设计案例,帮助大家从中获取一些留白技巧。

有时最有效的设计技巧,就是什么也没有。

而且它的目的性非常强。

留白是最有力的设计素材之一。它使得文字清晰易读,将注意力吸引至某部分,并且有助于打造整体氛围。

本文中,我们来看看一些优秀的留白使用案例,看看它们如何创造简洁的同时,有效地为不同网站定义了设计风格

留白的基本要素

留白和负空间的术语近年来被交替使用,它们指画布(或数码设备屏幕)上不包含任何内容的空间。简而言之,留白就是空白。

但是留白空间不一定要是白色的。这个术语指的是任何与背景相同的空间。所以它可以是白色、黑色,甚至包含微妙的纹理。

空间是所有设计的重要组成。字间距和行间距决定了文字的易读性。如果文字靠的太近或太松散,就很难阅读。关键是找到平衡点。

留白也能把图片和其他元素区分开。回想一下你见到过的杂乱无章的网站。通常问题就在于元素间没有足够的空间。记得在元素和文字间留下足够的边距,为了更加专业的外观,应该进一步使用统一的边距。在设计多列网站时也是同样的道理(即使只有主栏和边栏),在垂直元素间加入适当的空隙,就创造出了明显的划分。

留白还有助于引导视线,为设计建立层次,区分什么是重点和关键点。视线会立即移动到被留白包围的元素上。留白为其中的元素增添了冲击力。

留白是创造平衡、协调的工具,也是组织网站内容的基础。没有留白,如何为元素分组?如何找到导航?你又怎么知道滚动有更多内容,或是应该从左上往右下浏览?所有这些视觉线索,都来自于设计中留白的合理运用。

重点使用留白的地方

虽然有效使用留白是任何设计的重要部分,还是有些地方值得注意。

请看以下清单:

logo周围 每个导航按钮或图标周围,并围绕这些元素的“容器” 在两列文字间,在主体部分与边栏之间 当你使用视觉差效果时,在每页“滚屏”之间 在所有不同的元素之间,比如照片和文字之间,或是主体内容与页尾之间 12例留白的有效运用

Adhara:看看左侧的边栏和主体内容的距离。此处的留白确实在元素之间创造了很棒的区分,并使彼此通过自己独有的方式突出展示。

BeoPlay A9:背景与中央物体形成简洁的对比,创造了独特的视觉焦点。与优秀的对齐排布结合时,留白还有助于将注意力从图片引导至文字段落。

Fixate:在一个像这样丰富的设计中,留白告诉你的眼睛应该看哪里(还有点击哪里)。

Google:这个搜索引擎已经使用留白很长时间了,白色的海洋中,它只有一个简单的数据入口和一个logo在。

Jac in a Box:留白在此处的运用是如此抢眼,因为它真的很大面积。将的视线从logo(本身的留白就运用非常完美)吸引到另一个角落的主体文字上。

Lapka:这家公司用了一种独具创意的方式,通过阴阳式的留白,将视线吸引到这些小物件上。

  • 相关推荐
  • 大家在看
  • 全友:什么样的装修风格会给人一种上档次的感觉?

    随着生活水平不断提高,人们装修房屋时也越来越重视装修风格的选择,因为一个合适的装修风格可以提升房子的整体质感。质感有了档次也就上去了,想要新房装的上档次,现代简约风是不错的选择,简洁、大气、耐看,性价比也较高。这套两居室案例是一对新婚夫妇的新家,全友设计师与夫妻两沟通了新房设计需求后,给他们推荐了这套轻奢、极简的【简意+】系列,十分上档次。入户空间多功能玄关,增加空间利用率入户是进门的第一印象,整?

  • 从这个失败的博客案例中可以学到的7个教训

    迈克尔·伦纳德(Michael Leonard)原本是一个公司职员,后来自己创建了一个博客,才刚赚 200 美元,他就决定辞掉 12 万美元的工作,并把精力全部投入到博客中。

  • 设计实战 赞扬设计服务带你探究LOGO设计

    我们都知道,每个公司都有着它自己的独特性,这种独特性是由它的发展历程和特有的服务细节所塑造的,也正是因为这种独特性的存在,设计师们才能基于它们来为这些公司企业进行LOGO设计。LOGO绝对是最能够直观的体现一个公司属性和风格的东西之一。专门设计一个独立的、与众不同的LOGO是一件很艰难的事,因为就目前市场上存在的公司企业和五花八门品牌LOGO实在是太多太多了。LOGO设计的独一无二,对公众而言,能够看一眼就能快速的想起某一?

  • 中消协点名罗永浩,直播翻车双倍赔偿成为案例

    6月29日,中消协在今天发布了“618”消费维权舆情分析报告,在这份报告中,中消协点名罗永浩直播间内部分产品价格比天猫、京东等电商平台贵出不少,不符合直播间宣传的“全网最低价”。

  • 才云案例 | 航油供应巨头的数字化转型实践

    近日,一架客机在北京大兴国际机场完成航油电子结算,宣告国内首次实现了航油业务全流程电子化的全面闭环管理。新冠疫情肆虐、国际油价动荡之际,这是中国企业在国家新动力源开拓智慧之路的有力实践。所谓航油电子结算,即实现飞机加油数据与结算信息的在线实时互联互通,从而进一步提升航油结算效率,有效降低航油成本。它的实现离不开已连续 9 年入选《财富》世界 500 强的亚洲第一大航油供应商携手才云科技对于“智慧加油”基础

  • 在抖音涨粉越来越难?从这些案例中我们仍然找到一些涨粉路径

    下面是 2018 年 10 月和 2019 年 10 月,卡思数据采集的抖音活跃KOL(即:粉丝量10w+,月发布视频量≥ 1 条的账号)的点赞阈值分布,我们可以看到:在 18 年的 10 月份,还有43.32%的KOL均赞在1w以上,而到了 19 年的 10 月,这个值已经下降到30.7%;这意味着:不是你的内容越来越难以获得赞了,这是整个从业人员的现状;

  • 一组实景装修案例 带你了解我乐全屋定制怎么样

    正值火热装修季,新家的装修计划提上议程没?是否已经选好品牌?如果没有,今天小编就向大家安利一家高颜值的全屋定制品牌—我乐家居(股票代码:603326)。接下来就通过一组装修案例带大家看看我乐全屋定制怎么样?图:我乐家居品牌形象代言人高圆圆今天介绍的这个装修案例,来自一个三口之家,面积只有60几平 。当初屋主找到我乐家居时,希望我乐家居设计师能帮自己在有限的面积下设计出高品质的生活空间。在收到屋主的诉求和通?

  • 丐帮设计打造人人共享在线设计平台

    受疫情影响,互联网经济整体增速放缓,新的营销困境也随之而来。流量是企业的核心困境,而营销渠道是流量的新动能。丐帮设计率先打破了数字化营销的技术壁垒,通过强大的人工智能技术,研发出能随时满足用户需求的设计共享平台。人人都是设计师提到设计,我们会想到什么?是长城、金字塔那样的伟大建筑?是每年巴黎时装周的高定新款?还是埃舍尔的矛盾空间?是,却不止如此。工薪族如何做出精美被老板夸赞的PPT?自媒体人怎样作图?

  • 设计师的福音,超高颜值的ConceptD 3设计本

    对于众多设计师而言,一款专业的笔记本必不可少,但在笔记本市场上符合设计师需求,轻薄、性能、色彩与颜值都满足设计师群体的笔记本少之又少,如何选择选择一款适合创作的笔记本成了众多设计师们的难题。2019年,宏碁针对设计师群体推出了ConceptD系列设计本,在保持轻薄的同时拥有高性能,并为设计师们带来精准的屏幕色彩,提高创作效率,成为众多设计师的不二之选。并在今年618京东购物节之际,宏碁开启限时优惠,618期间购买Co

  • 设计好看就是可以为所欲为

    在汽车历史上有一款很神奇的车,它性能平平,做工粗糙,售价还很贵;它声名狼藉,恶评如潮,卖的也不好;它早早停产,却名留青史,成为一个象征未来的艺术符号。

  • 特斯拉正邀请中国设计师为其设计汽车 新车将面向全球销售

    【TechWeb】6月17日消息,据国外媒体报道,特斯拉正在为其小型版新电动汽车征集来自中国汽车设计师和业余设计师的设计方案。特斯拉是通过其官方微信发布的公告,邀请来自中国的汽车设计师和非汽车设计师为其新车提交设计。该公司将考虑中国设计师提交的设计方案,被选中的设计未来可能会在其上海超级工厂下线。外媒报道称,虽然这款车将在中国设计和生产,但特斯拉的目标是在全球销售。到目前为止,特斯拉及其CEO埃隆·马斯克都没

  • 信息流广告实战案例:接到新客户如何进入状态实现全盘掌控?

    互联网的发展日新月异,为整个营销领域带来了革命性的冲击。备受关注的数字营销,发展速度之快也令人瞠目。无论是从业多年的大咖,还是刚刚入行的新手,稍不留神就会跟不上行业发展的脚步。近年来,各大企业开始加大在数字营销方面的投入,都想借助于新的形式和载体,进一步提升企业的知名度和产品销售。但作为企业而言,有投入就必须要求有回报。 营销千万条,效果第一条,投放不谨慎,复盘两行泪。作为数字营销从业人员,营销路

  • 案例解读:宇信科技存量再营销平台助力金融机构精准营销

    随着互联网信息技术的发展,大数据、AI、云计算正推动以往传统的卖场、柜台等营销场景发生变革与细分,营销手段也不断升级,越来越多的企业寻求运用数字化营销手段实现营销目标。在金融服务领域,市场竞争逐渐从增量走向存量,如何贴近市场变化、精准触达目标用户,成为各个金融机构营销策略的难点。国内领先的金融科技赋能者宇信科技致力于帮助银行及其它金融机构数字化转型,通过旗下精准营销产品实现精准拓客、线上线下营销活动全流程?

  • 案例 : AppGallery Connect 开放67项服务,到底为开发者解决了哪些难题?

    作为面向开发者应用的一站式服务平台,华为应用市场AppGallery Connect致力于为开发者提供应用创意、开发、分发、运营、分析等全生命周期的服务,构建全场景智慧化的应用生态。

  • 行业案例 | 百应AICRM助力在线教育行业持续“圈粉”增长

    随着AI技术的不断进步,在线教育(K12、成人教育、培训机构等)的获客模式正在被颠覆。教育行业一直存在重服务,人力成本高的难题,而AI+教育在降低成本、提升效率方面提供了很大想象空间,AI教育企业和AI教育产品应运而生……一系列全新的概念让“AI+教育”成为行业热门赛道。与此同时,在线教育的获客之争日趋白热,有了资本的加持,这场教育行业的获客大战显得愈发激烈起来。但是,我们不应该忘记,资本加持的本质是用资本换取?

  • 特斯拉邀请中国设计师设计汽车!造“中国风”特斯拉

    随着特斯拉国产步伐的加快,特斯拉在中国市场变得越来越活跃。6月16日消息,据外媒报道,特斯拉正在邀请中国的专业汽车设计师和分专业设计师提交方案,制造出小型版新电动汽车。事实上,早在

  • OPPO主题设计大赛正式启动,招募优秀设计合伙人一起“绽放无边界”

    6 月 23 日,OPPO主题设计大赛正式开启招募。OPPO通过大赛招募优秀设计合伙人,共同探讨科技与艺术人文的智美融合,挖掘个性化主题设计与壁纸设计的艺术价值和商业价值,为OPPO用户打造独具一格的美学与交互体验。 OPPO主题设计大赛是由OPPO主办的一场设计美学盛会,旨在将“科技”与“艺术人文”的融合及畅想触达全球,让优秀设计师、插画师突破常规,施展创作灵感。本次大赛以“绽放无边界”为题,特邀知名插画师特浓TN、Lost7

  • 做私域就要学完美日记?错!丨千万级课程操盘手详解私域案例

    要想找到适合自己的私域策略,就需要根据自身的客群特征和产品属性,做增长实验,分组跑运营数据,然后建漏斗模型,持续做用户裂变放量。如果单个用户价值高,还可以做投放。

  • 618平台直播带货大作战!我们盘点了淘抖快京苏上的典型案例

    今年的 618 与往年不同。没有繁琐的叠加规则,也没有了复杂的组队、盖楼等玩法,而是实打实的促销和优惠。京东喊出了“打造史上最简单、最优惠的618”;苏宁则启动“J-10%”省钱计划,隔空喊话京东“价低10%”。

  • 普渡科技送餐机器人喜获2019机器人优秀应用案例奖

    2020 年 5 月 29 日,深圳市经信委、中国科学院深圳先进技术研究院共同指导,深圳市机器人协会主办的" 2019 年深圳市机器人产业发展白皮书发布仪式暨 2019 年深圳市机器人年度颁奖典礼"在深圳举行。此次典礼上,普渡科技被授予“ 2019 年度深圳市机器人优秀应用案例”奖。本次 2019 深圳机器人年度评选活动从技术创新、市场竞争力、市场口碑、规模实力等多维度进行综合考核,旨在通过奖项的评选,表彰在机器人领域有突出表现以及贡

  • 参与评论
文明上网理性发言,请遵守新闻评论服务协议