五个诀窍教你快速掌握留白

小编:留白是艺术设计中需要遵循的重要视觉准则之一。网页设计中留白使元素之间保持一定的距离,拥有呼吸的空间,但也并非越多的空白越好,我们应该把握一个度。那么该如何把握呐?

一、空白不代表无用

一些人可能认为页面上的空白越少越好,为了放尽可能多的文字,图片等信息,或者为了缩小整体版面。其实不然,页面上元素越多越容易混乱,让人找不到正确的阅读顺序(视觉流线)。所以页面需要充分的留白,当然过多留白也不好,需要找到一个平衡点。

一般来讲留白过多比留白过少要好一些。所以设计时多调整,看哪一种比较舒服。

Getuikit

二、区分清晰的层次

不同的留白可以区分不同的版块以及同一版块的不同层次。留白能够增加或者降低元素的易见性。元素周围留白越多,显得越醒目突出。

Mizko

Michael Wong网站的“About”页面,焦点就是标题文本“Hi there”。因为它的字号最大,周边留白最多,所以第一眼看到的就是它。

导航条上的几个引导文本也很突出,虽然字号不大,但是文本间隙比较大,文本和背景颜色设置也对比明显。

Tutsplus

再来看Tuts+ Network网站。它的首页文本字号有的极大,有的极小,层次对比鲜明。

三、控制文本可读性

标题字号要最大,标题下的文本要紧跟着标题以示与标题有关联。段落要有段间距,否则文本显得冗长难读。页面底部要适当留白。

Magazine.good

GOOD Magazine网站对字号和文字留白的使用很赞。因为它是以文章为主的网站,所以其文本很突出,字体不是一般的大,文本的行间距也够大,文本色与背景色对比鲜明。

Inky

Inky网站的首页文本层次运用也很出色。标题文字都够大,然而往下拉发现有些段落文本字号很小,似乎影响影响了文本阅读,其实加强了文本块与块之间的区分,增强了各区块的整体性。当然这是基于这些文本属于不那么重要的辅助性信息。

四、平衡页面布局

做出一个平衡的布局需要敏锐的眼光。

Sidigital

如Si Digital网站,其标题,底部和中间文本区域的具体留白方法都不一样。但总的来说字体很相似,每个区域四周都有充分的留白,显得宽敞开放。

Checkoutapp

Checkout App网站也类似。每个区块用空白区分的很开,看起来比较宽松舒适。

空白运用得当时,网页布局均衡,人通常不会注意到留白的存在,而空白运用不当时,页面布局就会给人感觉不均衡,就需要调整了。

小结

可以把留白当做睡眠和空气,两者是生活不可或缺的元素。没必要把留白当做必须遵守的规则,不如把它做可爱的设计帮手。

blog.enqoo

文章来源:优设

(0)

相关推荐

  • 教你快速掌握After Effects

    After Effects 其实并不像我们想象当中的那么搞难度,今天我们就来教大家快速掌握After Effects ;当然,要更好的对本教程有一个认识,更加快速掌握After Effects我们需要 ...

  • 第五人格联合狩猎如何快速找到撬棍?

    第五人格联合狩猎,地窖是可以用撬棍撬开的,下面教大家:第五人格联合狩猎如何快速找到撬棍? 操作方法 01 撬棍的刷新对场上的玩家数量是有要求的,就是必须场上 只剩下四个玩家的时候,撬棍才会刷新在电话厅 ...

  • 美图秀秀教你快速消除黑眼圈

    很多同学喜欢熬夜,每天起来都带着黑眼圈,拍出来的照片显得没有精神,如何快速去掉黑眼圈呢,今天就为的大家介绍如何使用美图秀秀教你快速消除黑眼圈。消除黑眼圈就好了,没了这消沉的印记当然神采奕奕哦! 先看看 ...

  • 教您快速解决MindManager 15中文版无法正常启动的难题

    目前很多用户反映在安装MindManager 15中文版思维导图软件时会出现各种安装错误,其实这些安装错误不是软件的问题,而是电脑系统出现漏洞MindManager 15中文版相对于14版本来说,系统 ...

  • 教您快速解决MindManager安装失败的难题

    MindManager是一款集创造.管理和交流思想于一体的思维导图软件,其可视化的界面和强大的功能便于您及时.有序地组织思维.资源和项目进程.在安装MindManager思维导图时,如果出现安装错误的 ...

  • word教你快速插入日期时间

    word使用技巧:教你快速插入日期时间 Alt+Shift+D:当前日期 Alt+Shift+T:当前时间

  • 最新域名解析教程,教你快速解决

    最新域名解析教程,教你快速解决!解析好,等 10分钟就解析成功了,亲 操作方法 01 1.进入自己域名所在的网站,输入用户名和密码,点击登陆. 02 2.登陆用户名后,点击左侧任务栏中"业务 ...

  • 绝地求生吃鸡技巧 教你快速吃鸡取得胜利

    绝地求生怎么吃鸡?绝地求生有些新手玩了好几百把都取得不了一次胜利,实在是有些悲惨,下面由我带给大家绝地求生吃鸡技巧,教你快速吃鸡取得胜利. 跳伞篇 01 首先你需要了解怎样快速跳伞,降落到你想要降落的 ...

  • 将三国新手必看攻略 教你快速升级

    操作方法 01 将三国新手必看攻略 教你快速升级首款RPG+SLG双核手机卡牌网游<将三国>上周加开新服"突袭长安",短短几天时间内人气爆棚,以金秋黑马之势成为时下最受 ...