网页设计中留白的认识

前言：想要写出一篇引人入胜的文章？我们特意为您整理了网页设计中留白的认识范文，希望能给你带来灵感和参考，敬请阅读。

一、引言

清代笪重光的“无画处皆成妙景”道出中国画独特的文化底蕴和通过虚实关系进行意象造型的艺术境界。留白作为中国画特色表现手法，蕴含了东方哲学的对立统一思想；“留白非空，空白非白”通过留白巧妙的营造出中国画中的想象空间和虚实相融的意境。经过不断发展，留白的艺术手法已经在艺术设计中得到传承和创新。

二、网页设计中的留白

网页设计是将视听元素进行艺术处理和有序安排，使得用户获得良好的用户体验。留白手法的运用使网页设计者在处理视听元素时更加注重关注用户情感的体验；使网页效果具有艺术化效果。网页设计中留白的内涵被归结为三个方面：一是页面背景、各页面元素周围留白；二是背景形成大面积的有色范围1；三是统一页面元素的背景，呈现出有序的组合形式，使元素与周围背景之间在视觉空间上形成层次，使元素如同镶嵌在背景中。随着互联网的高速发展，网页功能的重新审视，留白的外延有了根本性的扩展。主体表现在三个方面：一是由单纯的艺术处理手法转变到网站、网页功能布局的思考方法。系统性留白，把整个系统作为留白的载体，而不是单独的一张、一页去考虑，需要设计师从设计的全景去考虑，做到设计的全面统一2。虽然仍是从设计元素的有序安排的角度去论述留白，但提出了系统性留白的概念。留白，讲究的是虚实对比，讲究的是虚与实的衬托，讲究的是一种意境的追求。网页的功能筛选、布局往往是设计师在此纠结不前、反复修改，其根本原因就在于无法合理处理功能与布局的虚实地位。设计者在网页功能布局中强化某一功能布局、弱化另一功能布局不是一件难事，难得在于弱化的功能能够有效的辅助强化的功能，强化的功能又能合理的衬托弱化的功能，不至于使弱化的功能失去意义。系统性留白的第二层含义，就是无论是网页整体风格的定义还是单个页面的设计，都应该做到留白的处理手法的一致性。统一使人感到简洁，不同的页面，同样的信息获取方式，用户体验良好；每个页面各成一体“百花齐放”则易使用户在每个页面获取信息的方法不同，形成不友好的用户体验，使用户过早跳离。二是留白是极简主义合理有效的实现方式。无印良品的极简主义风格似乎很受欢迎，在《2015年最重要的网页设计趋势》中就提到扁平化风格。扁平化风格和极简主义的原理相通，特别是微软的MetroUI、苹果的FlatDesign使得扁平化风格成为主流。由简到繁容易，由繁到简似乎更难，留白不失为网页设计中实现极简主义的有效方式。采用留白使主要信息内容得到直接准确的展现，减少沉冗信息元素，从内容上进行有效精简；布局上合理的留白，能够做到重点突出，充分抓住用户的关注度。三是留白的同时更加强化视觉流程，提升用户情感体验。Lessismore，少就是多，采用留白的手法使页面元素的总数量减少，降低了沉冗元素；合理的安排文字、图片等视听元素间的相互位置关系，使当今的网页看起来非常的简洁。虽然网页变简洁了，但根本目的还是增加用户的情感体验，单一追求少就是多，只会使网页的吸引力降低，而中国画中的留白手法就很好的处理为简洁与韵味之间的平衡提供了参考。有效简化页面，合理的安排视听元素，使用户在得到情感体验的同时能够得到所需信息。因此，留白的处理过程中，设计者需要强化视觉流程，保证网页信息的传递流程，同时提升用户情感体验。

三、网页设计中留白手法的使用特征

留白手法在当今的网页设计中有了新的外延，在使用中展现出以下几点特征：

1、系统性特征

系统性留白的提法无论是从网页功能布局角度还是从网页界面元素的整体安排角度都给出了明确的指导作用，而且系统性的可拓展理论和思维是非常强大的。

2、交互性特征

现今网页设计已与交互设计相融合，在兼顾传递信息和视觉体验的同时，让信息与用户完美的交流。交互将是网页设计中必不可少的特性。留白是手段，非目的；有效传递信息、提升用户的体验度是最终落脚点。良好的互动体验代替单向信息传递是交互性的显著特征，网页设计的发展方向将不可避免的抓住交互性这一特征，极简主义、留白手法又是必不可少的网页表现手法，因此设计者在网页设计中使用留白的手法一定会考虑怎样实现良好的交互性。

3、视觉动态特性明显

随着2013年苹果极简风格的iso7的问世，使扁平化成为热议词，瞬间所有的界面设计都是扁平化的风格，可以说扁平化将是未来界面设计的趋势。扁平化的特性在网页中已经成为主流形式，扁平化的实现手法就是留白。留白中的“虚”是大的高清背景图片或者颜色块，而“实”的内容已经不再是单一的静态视觉元素，还包括动态视听元素，比如flash动画、gif动态图片等。由单一的静态“虚实”对比过渡到动静虚实对比，使主题更加突出，使留白不再只是意蕴上丰富而形式上单一，使“虚实”对比有了静与静、静与动，甚至动与动等多样形式。

四、网页发展趋势

随着科学技术的进步，移动端的广泛运用，网页设计的切入点可能会有所改变，留白的表现手法在网页设计中是否还是这样受到欢迎可能还无法过早的下定论，但提高用户的良好体验度，保证信息的有效传递的网页宗旨是不会改变。目前，扁平化中动态与静态的对比留白形式受到肯定，至少可以肯定在接下来的一段时间，用静与动的对比形式展现网页将是主流；随着HTML5技术的提高与广泛运用，网页的特点将会是极简主义的动态展现。在动态形式下，如果运用留白手法将是一个值得网页设计者关注和研究的课题。五、结论互联网+时代的到来，让对网页的理解有了深层次的理解，由人有我有到人有我优的转变。在新的主客观条件下再认识中国画中独特的留白表现手法在网页中的运用有着特殊的意义，不仅能更深刻的理解此技法，更重要的是为中国传统艺术技法的新应用提供了成功范例。

作者：张国超 单位：江汉大学文理学