Web端版式设计中留白的运用

论文总字数：9525字

目 录

引言 3

1 网页留白的发展 3

1.1 留白艺术的起源 3

1.2 现代网页设计的留白艺术 3

2 网页留白的意义 4

2.1 保持导航和内容的清晰流畅 4

2.2 增强文字和图片的可读性 4

2.3 建立平衡和谐的布局 4

2.4 减少视觉疲劳 4

2.5 提供可持续表现的空间 5

3 网页留白的技巧 6

3.1 留白不是空 6

3.2 留白的“度” 7

3.3 整体设计留白 7

4 从毕业设计《MYLIKE》网站看留白艺术 8

4.1 局部处理留白 8

4.2 整体处理留白 8

4.2.1 色彩 8

4.2.2 统一 8

4.2.3 感知 9

结束语 9

参考文献 10

致谢 11

WEB端版式设计中留白的运用

顾云青

，China

Abstract：In the design of webpages, the use of whitespace is ubiquitous. These blanks have prominent themes and artistic beauty. The purpose of leaving blank is to make the page layout have a better user experience. This article starts with the introduction of blank art, summarizes the meaning and impact of blank space in web design, analyzes some misunderstandings of blanking techniques, and uses the design of "MYLIKE" website design to see the specific application of blank design. Through these to help junior designers to better use the blank in the works, improve the user experience of the work.

Key words：Web Design;White Space;User Experience;

引言

白不单单是一种颜色，更是一种设计理念，积淀着深厚的文化底蕴，在中国传统美学中，道家思想的虚无观有着巨大影响力，“天下万物生于有，有生于无”，“有之以为利，无之以为用”。而老庄的这种虚无观在艺术创作中得以体现的就是留白。从中国画到现代的艺术设计，留白的思想都有充分的体现。在中国画中，画家们会利用留白来达到以有限寓无限和空白处即画的效果，以这种虚实相生的手法形成一种特殊的意境。

在当今在这个信息化的时代，信息量猛增，电脑手机等一些移动终端不受时间地域的限制，随时随地都可以获取信息，这个时候用户就越来越关注信息传达的美观性。如果页面信息的内容杂乱无章，层次不清晰，那就会严重影响到用户的浏览体验，从而导致用户人群流失。想要提高美观程度就不得不在版式设计上下功夫，而留白的合理运用不但可以满足人们的审美期待，还可以提高信息的传播效率。

本文针对网页设计中的留白展开分析与总结，将中国传统美学中的留白引入网页设计中，分析其在网页设计中的艺术表现力和不可替代的重要性，并且总结在使用留白时所需要注意的问题，这对于网页设计有着重要的意义。

1网页留白的发展

1.1留白艺术的起源

留白其实是中国画的一种手法，是以一种无实际物相的方式去表达画面中的意境，许多画家将留白艺术体现在自己的创作中。比如齐白石的《虾》（图1），画中就几只虾，没有画其他的景物，留出了大面积的空白。虽然画家没有画水，但是留白却给人想象的空间，让人联想到了水，这种虚中有实的手法使得作品更加深入人心。在马远的《寒江独钓图》中（图2），只画了一只船和一位老翁在独自垂钓。周围除了几笔波纹，其余全是空白部分。作者利用留白虚中有实的手法，使得画中的寒意和孤寂更加突出，即便作者并没有去刻意的表现，但是留白使其表现得栩栩如生，从而达到空白处即画的效果。中国传统艺术讲究的是感性的认知，讲究“计白当黑,以虚为实,以实求虚”，所以画家们常常会使用留白艺术手法去创造虚实相生的意境，来表达自己内心的感受。留白使画面更加具有深意，它给观者留下联想和思考的空间，可以毫不夸张地说，留白带来的意境之美胜过了具体事物所呈现出来的视觉表现。

1.2现代网页设计的留白艺术

在现代网页设计中留白的作用可以说是至关重要。相比十几年前的网页，现在设计出来的网页更加简约。其实，运用留白设计出来的网页归根结底都是为了获得更好的用户体验。想象一下，如果换作十几年前的网页布局，版面杂乱无章，没有足够的留白去区分板块，只是为了单纯地去展示信息，用户会很费力地去浏览网页中的信息，这时所带来的用户体验就是糟糕的，从而导致用户人群流失。但是换作是留白网页布局，页面简洁，页面留有足够的空白，元素之间有呼吸的空间，这样设计出来的网页信息的层次感会更直白，能更好地指引用户操作。

中国画是中国传统美学中不可替代的一部分，是中国传统文化的积淀，它自身具有独特的艺术体系，而留白在中国画中占有至关重要的地位。经过不断的实践与发展，留白从中国传统美学引入到了艺术设计中。在日常设计中，留白成了必不可少的一部分，其实，不管是中国传统美学还是现代艺术设计，留白都是表现艺术美的重要手段。

图1 齐白石《虾》 图2 马远《独钓寒江雪》

2网页留白的意义

一个好的页面必须要给用户舒适的视觉感受，从而获得好的用户体验，从而留住用户。那到底怎样才能使得用户体验提升呢？留白就起到了重要作用。

2.1保持导航和内容的清晰流畅

剩余内容已隐藏，请支付后下载全文，论文总字数：9525字