5个设计技巧帮你快速掌握留白的艺术

2016-02-16 20:34 10 1 收藏

只要你有一台电脑或者手机,都能关注图老师为大家精心推荐的5个设计技巧帮你快速掌握留白的艺术,手机电脑控们准备好了吗?一起看过来吧!

【 tulaoshi.com - 平面设计 】

留白是艺术设计中需要遵循的重要视觉准则之一。网页设计中留白使元素之间保持距离,拥有呼吸的空间。下面放几招留白要点。

一、空白不代表无用

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

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

Getuikit

5个设计技巧帮你快速掌握留白的艺术,PS教程,图老师教程网

二、区分清晰的层次

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

Mizko

5个设计技巧帮你快速掌握留白的艺术,PS教程,图老师教程网

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

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

Tutsplus

5个设计技巧帮你快速掌握留白的艺术,PS教程,图老师教程网

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

三、控制文本可读性

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

Magazine.good

5个设计技巧帮你快速掌握留白的艺术,PS教程,图老师教程网

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/pmsj/)

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

Inky

5个设计技巧帮你快速掌握留白的艺术,PS教程,图老师教程网

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

四、平衡页面布局

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

Sidigital

5个设计技巧帮你快速掌握留白的艺术,PS教程,图老师教程网

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

Checkoutapp

5个设计技巧帮你快速掌握留白的艺术,PS教程,图老师教程网

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

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

小结

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

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/pmsj/)

来源:http://www.tulaoshi.com/n/20160216/1573857.html

延伸阅读
在AI中存储为WEB所用格式的目的是为了优化图片在网站或其他屏幕端的展示效果,例如平板或手机。优化这个词是指在图片大小和品质之间的最优组合。我们希望在网页里能尽快加载图片,那么图片就必须要小,但是我们又不希望因此而损害图片的品质。保存为WEB所用格式这一命令让我们可以预览被优化后的矢量图,以便我们能调试到最佳效果。 我们会在...
标签: PS PS基础
在我们每天实际的视觉设计工作中,总有许多零碎与重复性的工作占据了我们很大一部分宝贵的工作时间,我们应当用有限的时间投入到无限的设计工作当中去(-_-) 。零碎与重复性的工作就应该快速有效的解决掉,把时间放在重点的、有创造性的工作当中去,这方面的理论有很多啦,时间管理、项目管理等,咱们先跳过,来点直接的。 视觉设计师99%都会用...
能过稿的设计师不一定有顶尖的专业能力,但一定是沟通高手。如果你经常需要向客户/老板阐述你的设计成果,今天这篇就用得上了。5个流程,帮你理清展示方案时该具备的那些关键点,非常好用,喜欢的朋友一起来学习吧。 客户项目的截止日期近在眼前。向客户当面演示的时刻即将来临。你准备好了吗? 把设计稿丢给客户,并不是正确的客户演示方式。...
标签: 摄影技巧
将一幅画面或场景剥离到只剩下最少的元素,是一种常常令人感到耳目一新的构图方式。我在拍摄中有时会试图将所有令人感兴趣的东西都塞入画面。由此带来的问题是,我们越是把所有的物体、人物、线条、形状等等塞满画面,观众就会越发感到无所适从。 不能忽略的一点是:只要运用得当,“留白”也同样是富有吸引力的构图元素。 我个人...
说道对比,你会想到什么?也许是黑白对比,大小对比,但是对比所存在的形式还有很多,远不止于此。 事实上,对比度是最重要的设计原则之一,它也是每个设计项目中必不可少的设计要求。为什么这么说呢?控制对比度有助于设计项目的组织结构化,建立信息和视觉的层次,让你最重要的部分成为视觉的重心,让关键信息突出展示。善于使用有对比度的设...

经验教程

805

收藏

8
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部