美工设计的留白艺术.docxVIP

  1. 1、本文档共2页,可阅读全部内容。
  2. 2、有哪些信誉好的足球投注网站(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
  3. 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载
  4. 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
  5. 5、该文档为VIP文档,如果想要下载,成为VIP会员后,下载免费。
  6. 6、成为VIP后,下载本文档将扣除1次下载权益。下载后,不支持退款、换文档。如有疑问请联系我们
  7. 7、成为VIP后,您将拥有八大权益,权益包括:VIP文档下载权益、阅读免打扰、文档格式转换、高级专利检索、专属身份标志、高级客服、多端互通、版权登记。
  8. 8、VIP文档为合作方或网友上传,每下载1次, 网站将根据用户上传文档的质量评分、类型等,对文档贡献者给予高额补贴、流量扶持。如果你也想贡献VIP文档。上传文档
查看更多

美工设计的留白艺术

留白是软件界面设计中需要遵循的重要视觉准则之一。网页设计中

留白使元素之间保持距离,拥有呼吸的空间。下面放几招留白要点。

?空白不代表无用

?一些人可能认为页面上的空白越少越好,为了放尽可能多的文

字,图片等信息,或者为了缩小整体版面。其实不然,页面上元素越多

越容易混乱,让人找不到正确的阅读顺序(视觉流线)。所以页面需要充

分的留白,当然过多留白也不好,需要找到一个平衡点。

?一般来讲留白过多比留白过少要好一些。所以设计时多调整,看

哪一种比较舒服。

?区分清晰的层次

?不同的留白可以区分不同的版块以及同一版块的不同层次。留白

能够增加或者降低元素的易见性。元素周围留白越多,显得越醒目突

出。

?MichaelWong网站的“About”页面,焦点就是标题文本“Hi

there”。因为它的字号最大,周边留白最多,所以第一眼看到的就是

它。

?导航条上的几个引导文本也很突出,虽然字号不大,但是文本间

隙比较大,文本和背景颜色设置也对比明显。

?再来看Tuts+Network网站。它的首页文本字号有的极大,有的

极小,层次对比鲜明。

?控制文本可读性

?标题字号要最大,标题下的文本要紧跟着标题以示与标题有关

联。段落要有段间距,否则文本显得冗长难读。页面底部要适当留白。

?GOODMagazine网站对字号和文字留白的使用很赞。因为它是

以文章为主的网站,所以其文本很突出,字体不是一般的大,文本的行

间距也够大,文本色与背景色对比鲜明。

?Inky网站的首页文本层次运用也很出色。标题文字都够大,然而

往下拉发现有些段落文本字号很小,似乎影响影响了文本阅读,其实加

强了文本块与块之间的区分,增强了各区块的整体性。当然这是基于这

些文本属于不那么重要的辅助性信息。

?平衡页面布局

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

?如SiDigital网站,其标题,底部和中间文本区域的具体留白方

法都不一样。但总的来说字体很相似,每个区域四周都有充分的留白,

显得宽敞开放。

?CheckoutApp网站也类似。每个区块用空白区分的很开,看起来

比较宽松舒适。

?空白运用得当时,网页布局均衡,人通常不会注意到留白的存

在,而空白运用不当时,页面布局就会给人感觉不均衡,就需要调整

了。

?作为设计师,可以把留白当做睡眠和空气,两者是生活不可或缺

的元素。没必要把留白当做必须遵守的规则,不如把它做可爱的设计帮

手。

?tips:感谢大家的阅读,本文由我司收集整编。仅供参阅!

文档评论(0)

黄锦文 + 关注
实名认证
文档贡献者

美女

1亿VIP精品文档

相关文档