论文部分内容阅读
摘 要：随着时代的发展，网站建设越来越接近于一门艺术而不仅仅是一项技术。网页的艺术设计，日益被网站设计者所注重，而网页留白正是一种重要的艺术表现。结合多年的网页制作教学经验，笔者从网页的可用性和艺术性两个方面阐述了网页留白的功能，从网站整体设计和页面设计两个方面阐述了网页留白的处理方法。
关键词：网页设计；留白艺术；功能；方法
中图分类号：G712 文献标识码：A 文章编号：1992-7711（2016）11-085-1
一、关于网页设计的“虚实”和“留白”
“留白”是中国传统绘画艺术千锤百炼的结晶，这种艺术思想源于传统的中国哲学思想，基于阴阳辩证、虚实相生的原理。虚与实作为我国古代美学的一对范畴，在古代哲学思想中有很深渊源。古代的虚实相生正是哲学上的朴素辩证法在艺术领域的应用。
网页设计通过网页上的文字、图形、音视频、动画等元素向用户传达信息，把各种网页元素做艺术而合理的处理，让用户在接受信息的同时享受到美感，获得良好的用户体验。虚实与留白是网页设计要遵循形式美的法则之一。网页设计留白的内涵包括三个方面：一是页面的空白部分。如logo区的空白、标题区的空白、内容和图片周围的空白、网页背景空白等等。二是大面积的有色范围。如在页面设计中只放置极少的必要元素，背景则用大面积的单纯色彩渲染，利用单纯色彩的力量来突出和烘托网页上的主要元素。三是页面主要设计元素的背景是重复出现的、在视觉上呈现出整体性的规则图形的组合。这种为突出主体而留下的“白”，在网页设计中只要处理得当，依然会成为网页设计留白的典范。
二、Web标准网页设计留白的功能
1.可用性体现。一是突出设计主题。人们在完整地接收平面元素信息时，视线会形成一个习惯性的流动顺序：视点先落入视觉焦点，后随各元素间的强弱变化而作有序流动，最后完成对全部元素信息的吸收。认知心理学的研究证明，留在空白之中的东西更容易被人注意和想起，留白对浏览起强调和停顿的作用，有助于视觉向主体元素集中凝聚，它所创造出的空间形成一种路径进而左右用户的浏览方向。二是简洁页面元素。少就是多，简洁就是丰富，单纯就是饱满。在单纯中求丰富，在简练中求明快。网页设计可用性的研究表明，简洁的、浏览性强的网页能使用户获得更加良好的体验。无论从整体设计，还是结构设计、颜色搭配等方面，网页设计都要求简单明了，每一个符号、每一个标题、每一个版块都要紧扣主题，坚决去掉不必要的、与主题无关的东西，尽量做到用最简洁的元素来传递最丰富的意蕴、最准确的信息。当然，简洁不等于简单，简洁的形式更需要网页设计者具有概括浓缩的审美能力，对留白的理解有更高的要求。三是节约网络带宽。在网页设计布局中，所有用户界面设计的一般原则是：浏览器所有的设计元件中，如果少了某个设计元件，该设计仍然能够工作，就把它删掉。简洁总是比复杂要好，特别是在Web设计中，每节省3字节就会减少千分之一秒的下载时间。
2.艺术性体现。网页设计中的艺术性是从属于可用性的，但这并不影响网页艺术性的存在和它带给用户的美感体验。恰恰相反，网页的艺术性是可用性延伸和扩展。当下网站建设中，功利色彩非常浓厚，网页上堆积的信息可以“多”、“挤”、“满”、“乱”形容，从视觉的角度解决办法之一就是运用网页留白，这种留白可以是空白，也可以是大面积的单纯色彩，或者是规则图形的组合，无一例外地，它使文字之间、图形之间形成页面节奏感、版块层次感、内容主次感，创造“透气”的感觉，以化解大量信息聚集起来造成的压迫感，寻求心理释放，给浏览者带来轻松、愉悦的享受和无限的想象空间，最大限度地激发他们的艺术想象力，从而更好地体会页面信息中所潜藏的深刻含意。这正是网页留白在更高层次上的艺术韵律之美。
三、Web标准网页设计留白处理方法
1.网站整体设计留白。在网站设计的整体方案中，广泛利用留白的方法构建设计框架，创造统一的视觉传达意境，使整个设计理念能够准确而有效，形成网站独特的风格和广阔的系统扩展空间，使页面中的各个元素更加具有活力和结构组织的多元性，激发出强大的视觉能量。这种留白的思维方式是把整个系统作为留白的载体，而不是单独的某一页、某一侦，这需要设计师从设计的全方位去考虑网站的架构，做到设计的全面统一，从整体气质上定义网站文化的含义，传达更容易被识别和认同的企业品质。因此，留白在这里的表现已经不在再单纯的技术手段，而是融入整个网站系统的构建的、不可或缺的一部分。这种系统的视觉说服力更为直接，可用性更强。
2.网站页面设计留白。在网页设计中，也要注重细节的处理，寻求设计在不同角度的精致表现，力求把设计延伸到每一个角落，无论从哪一个角度审视，都展现出完美的设计魅力，从而达到局部带动整体的设计目的。具体说来，包含以下几个方面：一是网页顶部（头部）留白。保留传递网站的类型、风格的logo和提供简单明了导航链接。二是页面背影留白。去除阻碍视线顺畅流动的底纹等装饰性元素，根据实际需要设计好页面边空。三是简化标题表现，去除题花等装饰性元素，特别是头条、置顶、图版等，不作围框、流动、色彩变换等特效重复强调。四是版块分离用空白而不是表格或线条。
留白作为一种经典的传统平面设计语言，已经延伸到当今设计的各个领域。它正在从设计的思维方法上给我们更多的思维空间。网页设计留白是网页艺术性的需要，更是网页可用性的要求。无论作为网页设计者，还是网页用户，都应当把看待“留白”提升到一个新的高度。在这样一个多元、开放的时代，它一定会拥有更大的应用空间。
[参考文献]
[1]韩兵.对设计中留白的再认识[J].艺术与设计（理论），2009（03）.
[2]陈学军，郝怡.艺术形式中的留白略论[J].书画，2007（07）.
[3]童铧彬.浅谈留白在平面设计中的应用[J].美术之友，2009（06）.
关键词：网页设计；留白艺术；功能；方法
中图分类号：G712 文献标识码：A 文章编号：1992-7711（2016）11-085-1
一、关于网页设计的“虚实”和“留白”
“留白”是中国传统绘画艺术千锤百炼的结晶，这种艺术思想源于传统的中国哲学思想，基于阴阳辩证、虚实相生的原理。虚与实作为我国古代美学的一对范畴，在古代哲学思想中有很深渊源。古代的虚实相生正是哲学上的朴素辩证法在艺术领域的应用。
网页设计通过网页上的文字、图形、音视频、动画等元素向用户传达信息，把各种网页元素做艺术而合理的处理，让用户在接受信息的同时享受到美感，获得良好的用户体验。虚实与留白是网页设计要遵循形式美的法则之一。网页设计留白的内涵包括三个方面：一是页面的空白部分。如logo区的空白、标题区的空白、内容和图片周围的空白、网页背景空白等等。二是大面积的有色范围。如在页面设计中只放置极少的必要元素，背景则用大面积的单纯色彩渲染，利用单纯色彩的力量来突出和烘托网页上的主要元素。三是页面主要设计元素的背景是重复出现的、在视觉上呈现出整体性的规则图形的组合。这种为突出主体而留下的“白”，在网页设计中只要处理得当，依然会成为网页设计留白的典范。
二、Web标准网页设计留白的功能
1.可用性体现。一是突出设计主题。人们在完整地接收平面元素信息时，视线会形成一个习惯性的流动顺序：视点先落入视觉焦点，后随各元素间的强弱变化而作有序流动，最后完成对全部元素信息的吸收。认知心理学的研究证明，留在空白之中的东西更容易被人注意和想起，留白对浏览起强调和停顿的作用，有助于视觉向主体元素集中凝聚，它所创造出的空间形成一种路径进而左右用户的浏览方向。二是简洁页面元素。少就是多，简洁就是丰富，单纯就是饱满。在单纯中求丰富，在简练中求明快。网页设计可用性的研究表明，简洁的、浏览性强的网页能使用户获得更加良好的体验。无论从整体设计，还是结构设计、颜色搭配等方面，网页设计都要求简单明了，每一个符号、每一个标题、每一个版块都要紧扣主题，坚决去掉不必要的、与主题无关的东西，尽量做到用最简洁的元素来传递最丰富的意蕴、最准确的信息。当然，简洁不等于简单，简洁的形式更需要网页设计者具有概括浓缩的审美能力，对留白的理解有更高的要求。三是节约网络带宽。在网页设计布局中，所有用户界面设计的一般原则是：浏览器所有的设计元件中，如果少了某个设计元件，该设计仍然能够工作，就把它删掉。简洁总是比复杂要好，特别是在Web设计中，每节省3字节就会减少千分之一秒的下载时间。
2.艺术性体现。网页设计中的艺术性是从属于可用性的，但这并不影响网页艺术性的存在和它带给用户的美感体验。恰恰相反，网页的艺术性是可用性延伸和扩展。当下网站建设中，功利色彩非常浓厚，网页上堆积的信息可以“多”、“挤”、“满”、“乱”形容，从视觉的角度解决办法之一就是运用网页留白，这种留白可以是空白，也可以是大面积的单纯色彩，或者是规则图形的组合，无一例外地，它使文字之间、图形之间形成页面节奏感、版块层次感、内容主次感，创造“透气”的感觉，以化解大量信息聚集起来造成的压迫感，寻求心理释放，给浏览者带来轻松、愉悦的享受和无限的想象空间，最大限度地激发他们的艺术想象力，从而更好地体会页面信息中所潜藏的深刻含意。这正是网页留白在更高层次上的艺术韵律之美。
三、Web标准网页设计留白处理方法
1.网站整体设计留白。在网站设计的整体方案中，广泛利用留白的方法构建设计框架，创造统一的视觉传达意境，使整个设计理念能够准确而有效，形成网站独特的风格和广阔的系统扩展空间，使页面中的各个元素更加具有活力和结构组织的多元性，激发出强大的视觉能量。这种留白的思维方式是把整个系统作为留白的载体，而不是单独的某一页、某一侦，这需要设计师从设计的全方位去考虑网站的架构，做到设计的全面统一，从整体气质上定义网站文化的含义，传达更容易被识别和认同的企业品质。因此，留白在这里的表现已经不在再单纯的技术手段，而是融入整个网站系统的构建的、不可或缺的一部分。这种系统的视觉说服力更为直接，可用性更强。
2.网站页面设计留白。在网页设计中，也要注重细节的处理，寻求设计在不同角度的精致表现，力求把设计延伸到每一个角落，无论从哪一个角度审视，都展现出完美的设计魅力，从而达到局部带动整体的设计目的。具体说来，包含以下几个方面：一是网页顶部（头部）留白。保留传递网站的类型、风格的logo和提供简单明了导航链接。二是页面背影留白。去除阻碍视线顺畅流动的底纹等装饰性元素，根据实际需要设计好页面边空。三是简化标题表现，去除题花等装饰性元素，特别是头条、置顶、图版等，不作围框、流动、色彩变换等特效重复强调。四是版块分离用空白而不是表格或线条。
留白作为一种经典的传统平面设计语言，已经延伸到当今设计的各个领域。它正在从设计的思维方法上给我们更多的思维空间。网页设计留白是网页艺术性的需要，更是网页可用性的要求。无论作为网页设计者，还是网页用户，都应当把看待“留白”提升到一个新的高度。在这样一个多元、开放的时代，它一定会拥有更大的应用空间。
[参考文献]
[1]韩兵.对设计中留白的再认识[J].艺术与设计（理论），2009（03）.
[2]陈学军，郝怡.艺术形式中的留白略论[J].书画，2007（07）.
[3]童铧彬.浅谈留白在平面设计中的应用[J].美术之友，2009（06）.