首页 > 策划 > 关键词 > 网页设计最新资讯 > 正文

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

2014-07-29 16:47 · 稿源:colachan

文/@十萬個為什麽

编者按:说起留白,很多奢华品牌网站都邪魅一笑:悄悄地用着,出声的不要。哼哼,偏偏不让你得逞,今天笔者从留白的用色、可读性、搜索流畅度等方面跟童鞋们分享了留白的使用技巧,听我说,为了广大设计师的贴身福利,帮转一下吧!

@十萬個為什麽 :所谓留白,有时也称作负空间,两者是同一个概念。尽管这个术语尤其指留“白”,但它所指的区域并不一定要是白色的。它只是网页布局中环绕各元素的空白空间。

这样的空间体现为多种不同形式,例如图片、图表、缝隙、外边距、列甚至一行行文字之间的空间。尽管它似乎“空无一物”,里面没有任何其他设计元素占据一席之地,但我们不应该如此看待它。视之为“无物”,也许打造美感与表现力的机会就流失了。

处理得当的话,留白确实可以为网页设计带来大量的益处。不应减少网页设计中的留白,相反,应该增加网页中的负空间。一些知名的大众品牌已经在朝这个方向前进,更多的设计师们也在追随他们的脚步。

更多的留白,等同于更奢华的品牌与网站

客户往往要求设计师尽可能用尽网页里的空间,因为网页中的空间是昂贵的,只有有限的屏幕来展示信息。无论如何,反其道而行之——增加留白——促使设计师在更严格约束的空间中,打造更加光鲜的品牌信息。

另外,大家会觉得,留白更多的网站,它的内容比屏幕空间更重要。所以,品牌也显得更尽奢华,因为它牺牲了更多屏幕空间,反而将焦点汇聚在内容信息上。

奢华的品牌了解这层隐喻,通常都使用更多留白来达到这一确切效果。PotteryBarn是个知名的高档家具零售商,它的网站很聪明地使用了留白,恰恰反映了这一点。留白支配了主页,页面旁边大片的留白,更好地将访问者的注意力集中在页面中间的交易与促销信息上。甚至页面顶部的品牌名称本身,也在字符之间慷慨地运用了留白。

PotteryBarn

留白提升搜索流畅度

两大搜索引擎Google和Yahoo Search,诠释了留白简洁有效,这个简单的例子再适合不过了。

Google准确地理解了一点,正在搜索某个话题的用户,不想被嘈杂的背景和广告分散注意力。因此,留白支配了整个Google搜索引擎页面,实际搜索框只占据页面中央窄窄一丝空间。类似的,Yahoo搜索也体现了使用留白的妙处。虽然这个页面顶部有长长一条菜单栏,理念还是相同的:大量的留白,使用户专注于搜索,别无他物。

可读性和易读性得到应有的大幅提升

用好留白,任何网站的可读性与易读性都会得到改善。如果一个页面上的文字过于拥挤,它就会妨碍舒适的阅读体验,从而阻碍整体用户体验。更多的留白使文字更易浏览,从而提升阅读体验,也更易理解。

Information Highwayman是个掌握这项原则的个人站点,是D Bnonn Tennant——一名文案和市场专员的个人网站。擅长夸耀的他,知道什么样的网页内容对任何小本经营管用,令人欣慰的是,Tennant在他自己的网站上实践了他所宣扬的东西。标题的字间距、文字段落和菜单栏间距,有利于确保可读性和易读性。

Information Highwayman

留白也可以用于不同内容区块之间,不只是为了提升阅读体验,也为了将内容分隔成不同部分,使得信息的吸收更加专注。Andrew Lucas的网站很好地展示了这一点。他是名伦敦的设计师,留白在他个人主页上运用得行之有效。

  • 相关推荐
  • 大家在看
  • 不知道搜索引擎喜欢什么内容,做再多原创也没用

    SEO行业一直都说“内容为王”,虽然原创对排名有很大帮助,但也有很多人的原创内容根本没有排名,为什么。我们来一起分析下背后的原因。

  • 跟全网客一起来看一看如何做到搜索引擎霸屏

    实际上现在在搜索引擎当中,已经对于各类广告的投放做的比较精准了,由于大数据时代存在不再需要把各类信息投放给每一个消费者,而是有的放矢的进行投放。举个简单的例子来说,如果是篮球用品的话,投放给18岁到58岁之间的男性朋友,销量情况肯定会更好一些。于是在这种情况下,我们就要讨论一下搜索引擎霸屏究竟是怎么实现的,以及这类服务商都是如何操作的。一个懂得精准营销的平台很重要。但我们在做营销推广的过程当中,首先是要选择好?

  • 微软为Xbox推出Bing应用 让搜索引擎在游戏机上也更好用

    微软宣布为Xbox游戏机推出一款新的Bing应用,目的是让该公司的搜索引擎在其游戏硬件系列上更容易访问。在基本功能方面,它就是你所期望的Bing应用程序,例如提供网页和图像搜索,区别在于是用游戏机访问的而不是使用手机或PC。

  • 谷歌宣布其搜索引擎的另一项新功能:“哼歌识曲”

    据外媒CNET报道,谷歌周四公布了其搜索引擎的一些新功能。其中一个新技巧可以让人们哼唱录音,试图找出一首一直想不起歌名的歌曲。这家科技巨头还将让人们通过实时更新看到一个公园、餐厅或其他企业的繁忙程度。谷歌搜索上的一项新的增强现实功能可以让人们选购汽车,并进行虚拟游览。谷歌在周四的一次预录的在线活动中宣布了这些消息。

  • 微软Bing在13个国家的Android搜索引擎选单拍卖中胜出

    为了遵守欧盟委员会对Android的决定,谷歌去年宣布,将允许欧洲的Android用户在设备设置过程中选择默认搜索引擎来负责主屏幕搜索框和Chrome浏览器的入口工作。如果有三家以上的搜索供应商希望被列入选择界面,谷歌将进行拍卖。

  • 校友录头像被爬取搜索引擎未及时删除 网友起诉获赔1元

    因发现其上传至校友录的头像证件照出现在百度搜索结果中,原告孙某某以百度网站侵犯其隐私权、个人信息权益为由,诉至法院,要求判令北京百度网讯科技有限公司赔偿其经济损失 1 元和维权费用 40 元。法院一审认定,姓名与证件照结合构成个人信息,虽孙某某未授权校友录网站对涉案信息进行全网公开,但百度网站作为搜索引擎服务提供者,无法预见一般公开网络信息为未经授权公开的个人信息,其搜索行为不存在过错,但收到通知后应及?

  • 美国政府将对谷歌搜索引擎提起反垄断诉讼

    美国政府已准备对谷歌搜索引擎提起反垄断诉讼,指控该公司“破坏竞争,保护和扩大垄断”。彭博社报道称,在这之前,美国司法部对谷歌是否扭曲搜索结果以偏袒自己的产品,并关闭对竞争对手的访问渠道进行了长达 14 个月的调查。站长之家了解到,谷歌占据了美国在线搜索市场90%的控制权,为该公司创造了 1000 亿美元的收入。长期以来,竞争对手一直抱怨谷歌滥用权力“扼杀竞争”。消息人士告诉彭?

  • 营收1000亿美元 谷歌搜索引擎要被告了:破坏竞争

    谷歌靠搜索引擎起家,现在要惹上麻烦了,美国很快就要对他们在搜索引擎上的垄断采取法律行动。谷歌的搜索引擎是很多人离不开的,寻找网页和资料必不可少,它也给谷歌带来巨额利润,每年贡献10

  • 站长之家诚聘:SEO高手、资深网页设计师、JAVA/GO/PHP/.NET工程师

    2020年站长之家开启新一波人员招募,欢迎小伙伴加盟。本次的首推职位有资深SEO高手、资深网页设计师、JAVA/GO/PHP/.NET程序员,欢迎大家投递简历到hr@chinaz.com邮箱(务必附作品、工作经历、工作成绩等)。SEO高手(若干人)职责描述:1、负责站长之家网站的搜索引擎优化方案设计,提高网站流量、收录和排名;2、负责监控和调研搜索引擎数据与规则,调研竞争对手及其他网站相关策略,制定并实施应对和优化方案;3、负责对SEO相关数据进

  • 抓住关键点,提升App搜索设计的体验!

    搜索过程中需要展示什么?如何帮助用户尽快找到他们想要的?搜索的体验如何与其他体验相联系?这是很多设计师思维模糊的地方。

  • 网站导航:7个最佳实践,设计技巧和警示

    一些小的事物可以创造大的变化,网站导航栏就是一个很好的例子。导航的结构和标签可能会对结果产生巨大影响

  • 品牌营销策划公司哪家好?

    品牌策划需要结合企业或品牌的经营目标与经营战略,制定适合品牌发展模式的策略。从上到下的概括来说,它是包括数据分析、品牌策略、落地执行等三个主要阶段在内的一整套纵向体制。一、数据分析阶段品牌策划之前需要进行大量的市场调研、企业分析、消费者研究等基础数据的研究与分析。这是以数据和数据分析为核心的基础工作,跟市场研究的部分领域相关。大部分策略咨询类公司如麦肯锡等主要集中于提供这方面的服务。所提供的工作成

  • 这家平面设计网站月入5万,收费模式有点特别

    ​Draftss是一个为客户提供产品图形设计和前端代码服务的平台。与其它类似的设计平台不同的是,Draftss采取了订阅付费的模式,而不是按照根据项目评估价格。其中图形设计订阅费用为 89 美元/周;前端代码服务订阅费用  169 美元/周。

  • 影响网站在百度搜索SEO排名的因素有哪些?

    “SEO诞生有20+年了,我是 2011 年即 10 年入的坑,其实彼时已进行SEO第二阶段了,那时流行一句话叫【内容为王,外链为皇】。很多新人不懂,那时我也不懂,后面懂了。”

  • 在线制图工具哪家强?国内知名设计网站大比拼

    对新媒体人来说,一张好的文章配图必定要掏空心思,为了制作出能让领导满意的配图,加班熬夜修修改改都是常事,这里总结了几家业内人士都在用的在线制图工具,总有一款适合你哦!1.稿定设计相信很多新媒体人都用过稿定设计,内含丰富的模板场景,站内的图片和字体都有正版授权,只要你充值VIP会员,即可下载使用。2.丐帮设计这是一款囊括了平面设计、视频制作、H5 制作、电子相册制作等综合性质的在线设计工具平台。无论你是新媒体

  • 从濒临破产到价值4亿美元,这个无代码网站设计平台经历了什么?

    很多初创公司都会试图构建自己的网站或者开发平台,而在没有预算和专业网站开发人员的情况下,无代码开发平台和工具成为了很好的选择。

  • 如何设计抖音主页头图 抖音背景图怎么设计

    抖音主页头图要怎么设计会比较好看,让人留下比较深的印象呢,背景图的设计思路以及主要考虑的因素有哪些。下面我们会通过几个要点来介绍下,抖音背景图的设计注意要点,大家在抖音设计自己的头图时可以参考下。1、KOL出镜,也就是自己抖音视频里的主角出现在头图背景图里面,让他/她成为标志性IP,记得要使用好看的高清形象照,不用其他过多文字或其他修饰就能引流2、在头图里面,再次自我介绍,完成对账号的简介的补充说明,或者

  • 法庭下令:苹果永远不能禁止虚幻引擎

    苹果与Epic之间关于《堡垒之夜》的争端还在继续,这款备受欢迎的游戏迄今未在App Store恢复上架。一开始,苹果甚至要出手一同封杀Epic出品的虚幻引擎,关停其开发者账户,这将波及到大量基于此开

  • 如何设计抖音LOGO头像 抖音logo怎么设计好看

    抖音账号的头像LOGO要怎么设计比较好看,又符合自己账号的定位属性,什么头像可以让别人一眼看了之后留下深刻印象呢,这里我们来一起了解下如何设计好一个抖音的logo头像。

  • 快手“十一,我们在路上”特别策划活动引关注,8场直播累计播放超千万

    今年十一长假期间,为方便人们出行,快手联合政务机构、媒体、平台达人共同发起“十一,我们在路上”特别策划活动,以短视频+直播等多种形式,为大众提供全方位交通资讯、出行服务。同时,快手还聚焦平台上各行各业的工作者,讲述他们的故事,致敬平凡岗位上不平凡的人们。据悉,该特别活动共分为交通资讯台、出行服务、特色内容三个板块。 10 月 1 日至 10 月 8 日,快手上每天进行一场行业人物主题直播,多场出行相关直播。此外?

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

热文

  • 3 天
  • 7天