试论网页留白的运用

开篇：润墨网以专业的文秘视角，为您筛选了一篇试论网页留白的运用范文，如需获取更多写作素材，在线客服老师一对一协助。欢迎您的阅读与分享！

摘要：留白是传统的中国画，尤其是写意画的特点之一，是中国传统绘画艺术千锤百炼的结晶。留白的这种思想不仅在传统的中国画中有充分体现，在许多现代设计中也有很多应用，本文主要介绍了留白在网页设计中的运用。

关键词：网站设计；留白；运用

0引言

[1]简洁、单纯的现代主义风格成为网页设计的当代主流，迅速、有效地传达信息成为网页设计的时尚追求，网页版式设计走向清峻简约：倡导减法式编辑原则，少用装饰，强调留白。而留白，则要留得自觉，留得有章法，留得有生命感。

1“留白”的概念

1.1早期绘画“留白”

留白技法最早出现在南宋的中国山水画中。南宋画家马远、夏硅等作画多作“一角”、“半边”之景，中国画坛中有“马一角，夏半边”之说。“一角”，“半边”其实就是一种留白，是以白来衬托实物，突出主体。如马远的《寒江独钓图》，整幅画面中只画了一叶扁舟漂浮于水面，一位老翁坐在船头，独自垂钓。四周除了几笔波纹，画面大面积为空白，但却有力地表现了江面的空旷及寒意，更加衬托出渔翁的凝神贯注，也给观者提供了驰骋想象的余地。

1.2“留白”的发展

中国画在中国传统文化的滋养下，形成了自身独特的艺术体系与艺术规律。[2]留白就是中国画的显着特点和重要技法。经过不断地发展，留白的运用从中国画引用到艺术设计中去，在艺术设计中恰当、合理地留出空白，能传达出设计者高雅的审美趣味，打破死板呆滞的常规惯例。

2网页设计中的留白手法

留白的处理是非常重要的艺术手段，每一个网页设计者都要有这种意识，在设计时有意识的将自己一些感受恰如其分的通过这些手段传达出去。

2.1整体上把握留白

[3]提升网站设计的艺术层次，不能仅仅从留白的本身来考虑，要从一个空间的层面上来考虑，整个空间要表现出一定的整体性。从哲学上说整体和局部是对立统一的，互相制约又互相促进。在局部可能显得空间分配有度，留出的空白也非常的和谐，但是作为一个整体来看则不然。只有先考虑整个页面的空间的分配，使留白能在此基础上表现出一定的活力，有时候尽管局部可能是不完善的，但是整理看上去却很合适。所以要时时把握这个度，调整自己的网页的空间，使其达到完美的结合。

2.2排版布局上利用留白

如何在空间中突出留白的作用，应该强调页面的均衡、节奏和韵律。因为网页的排版布局，在很大程度上借助于留白的作用，也许在设计的时候没有留意，但不知不觉中在利用它。试想在一个页面上充满了图片和文字，一点空隙都没有，那是根本谈不上节奏感和韵律感的。利用留白的体量感来使页面的达到平衡，最好是在一种不平衡中营造出平衡的感觉，这样就能使页面在和谐的情况下不失生动，假如左右的两个部分有文字，可以适当的将它们的大小调整，使一边很大，文本内容很多，可以放得靠上一些，空出一小部分；另一边小，内容少一些，放在下角，上面的留白很多。这样就会赢得均衡，不会那么死板。当然这只是一个简单的例子，实际的运用中很多时候是多种形式美的要素的综合。在网页中通过留白的桥梁作用，使整个页面上的要素排布呈现出高低错落，跌宕起伏，这样浏览起来就会富节奏感，像是在听一首好听的歌曲。当然不是说每个网站都要设计出来像音乐或者是艺术网站一样的节奏感，在不同种类的网站中体现得要不同，例如政府官网要求威严，素雅，这也是一个需要设计者把握的问题，把握得不好就会出现和网站主题意图不一致或者甚至是相反的效果。

2.3利用留白实现网站的功能性

利用网页留白，我们可以不用太多的说明就可以表现出它的网站的特征，这是主要从网页的功能性的方面来看的。例如我们知道的快餐店利用刺激性的红色作为它的墙面或者是座椅的颜色，让人感觉到一种压迫感，不愿在里面呆久，由此腾出更多的空间给后面的客人用，通过这种手段提高客流量。反之在医院里通常是用一些象征安静的蓝色或者是白色，可以使人心情更平静。同样在网页上我们可以利用空间的运用，借助留白来达到一定的效果。例如在新闻类的网站上，可以将文字设置得更加的紧密一些，使页面上的内容更多，不用看内容就知道有很多东西，给人一种很值得看的意想。当然内容的设置要尽量集中一些，不要给人的感觉是杂乱无章的。不要设置得太散，给人的感觉就是内容少，太空。这也是人的心理因素的作用。在一些休闲的网站就不一样，留出的空间就要多一些，使页面显得更加轻松，使人一上这个网就能得到一种放松的心态，这才符合休闲的特征。然而目前很多这类网站并没有没有考虑这么多，他们的目标是使网站能有更高的点击率，所以就放尽量多的内容在主页上，使更广泛的人能够在这个网站上找到自己感兴趣的内容。这样就进入了一个误区，就是页面上分布得密密麻麻，让人感觉到一种急促感，紧迫感，给上网的人带来压力。

2.4突破留白的侠义

某种程度上留空就是留白，但有时候需要突破这个层面，会发现很多的地方都有发挥的余地，比如颜色的作用是不可忽视的，因为颜色本身具有体量感，具有感彩。所以利用有颜色的留空可以给页面带来均衡，也可以使页面更加的丰富。例如不同的位置的留出的色块之间的相互对比，相互呼应。以及本身大小带来的重量感，同时同网页上的文本和图片之间的结合，可以使页面呈现出整体上的协调。同时借助于颜色的冷暖，加重页面给人的感彩。目前很多网站都在采用这种手段，网页上看不到一点纯粹的留出的白色的地方，都是一些色块，这样原理是同留白一样的，通过这些色块，在一个整体的美感作为标准的情况下，综合运用这些留空来进行文字编排。

3结论

研究网页上的留白不仅要吸收传统绘画中的留白手法，使留白的运用更为广泛得体，更重要的是扩展它的意义，掌握它的变化。从而有利于我们在制作网页的时候，灵活的采用，给我们的设计带来方便，给我们每一个设计者的设计意图的传达带来更加广阔的空间。

参考文献：

[1] 丁莉，申凡.浅析现代版式中的简约风格[J].新闻知识，2005（05）.

[2] 冯培霞.中国画“空白”的当代意义[J].美术观察，2003（02）.

[3] 叶德辉.网页留白的艺术[DB/OL].http：∥/20001108/130284_1.shtml；201281.

作者简介：文艳（1988―），女，湖南湘乡人，湖南师范大学美术学院数码设计与研究方向研究生，师从王键荣。