美工设计的留白艺术.docx

美工设计的留白艺术 空白不代表无用 一些人可能认为页面上的空白越少越好，为了放尽可能多的文字，图片等信息，或者为了缩小整体版面。其实不然，页面上元素越多越简单混乱，让人找不到正确的阅读挨次(视觉流线)。所以页面需要充分的留白，固然过多留白也不好，需要找到一个平衡点。 一般来讲留白过多比留白过少要好一些。所以设计时多调整，看哪一种比拟舒适。 区分清楚的层次 不同的留白可以区分不同的版块以及同一版块的不同层次。留白能够增加或者降低元素的易见性。元素四周留白越多，显得越醒目突出。 Michael Wong网站的“About”页面，焦点就是标题文本“Hi there”。由于它的字号最大，周边留白最多，所以第一眼看到的就是它。 导航条上的几个引导文本也很突出，虽然字号不大，但是文本间隙比拟大，文本和背景颜色设置也比照明显。 再来看Tuts+ Network网站。它的首页文本字号有的极大，有的微小，层次比照鲜亮。 掌握文本可读性 标题字号要最大，标题下的文本要紧跟着标题以示与标题有关联。段落要有段间距，否则文本显得冗长难读。页面底部要适当留白。 GOOD Magazine网站对字号和文字留白的使用很赞。由于它是以文章为主的网站，所以其文本很突出，字体不是一般的大，文本的行间距也够大，文本色与背风光比照鲜亮。 Inky网站的首页文本层次运用也很精彩。标题文字都够大，然而往下拉发觉有些段落文本字号很小，好像影响影响了文本阅读，其实加强了文本块与块之间的区分，增加了各区块的整体性。固然这是基于这些文本属于不那么重要的帮助性信息。 平衡页面布局 做出一个平衡的布局需要敏锐的”眼光。 如Si Digital网站，其标题，底部和中间文本区域的详细留白方法都不一样。但总的来说字体很相像，每个区域四周都有充分的留白，显得宽阔开放。 Checkout App网站也类似。每个区块用空白区分的很开，看起来比拟宽松舒适。 空白运用得当时，网页布局均衡，人通常不会留意到留白的存在，而空白运用不当时，页面布局就会给人感觉不均衡，就需要调整了。 作为设计师，可以把留白当做睡眠和空气，两者是生活不行或缺的元素。没必要把留白当做必需遵守的规章，不如把它做得意的设计帮手。 【美工设计的留白艺术】