“留白”作为中国画特有的绘画语言之一,随着现代数字媒体技术与艺术的发展,在现代设计艺术中的重要地位和作用越来越突出,在网页设计、版面设计、室内设计等设计中多有运用。网页设计是Web设计中最直接可见的部分,简洁、单纯、可用是当代Web标准网页设计的主流,迅速、有效地传达信息,少用装饰,强调虚实、留白的运用成为网页设计的时尚追求。在网页设计中有效运用留白的技法和观念,无疑是对Web标准网页设计技术与艺术思维的极大丰富和拓展,也必将促使我们对这一思维方法展开更高层次的研究和探索。
1 关于网页设计的“虚实”和“留白”
“留白”是中国传统绘画艺术千锤百炼的结晶,这种艺术思想源于传统的中国哲学思想,基于阴阳辩证、虚实相生的原理。虚与实作为我国古代美学的一对范畴,在古代哲学思想中有很深渊源。古代的虚实相生正是哲学上的朴素辩证法在艺术领域的应用。网页设计通过网页上的文字、图形、音视频、动画等元素向用户传达信息,把各种网页元素做艺术而合理的处理,让用户在接受信息的同时享受到美感,获得良好的用户体验。虚实与留白是网页设计要遵循形式美的法则之一。网页设计留白的内涵包括三个方面:一是页面的空白部分。“白色是一切色彩中最完美的颜色,我们几乎找不到白色有消极意义的情境。”如logo区的空白、标题区的空白、内容和图片周围的空白、网页背景空白等等。二是大面积的有色范围。如在页面设计中只放置极少的必要元素,背景则用大面积的单纯色彩渲染,利用单纯色彩的力量来突出和烘托网页上的主要元素。三是页面主要设计元素的背景是重复出现的、在视觉上呈现出整体性的规则图形的组合。这种为突出主体而留下的“白”,在网页设计中只要处理得当,依然会成为网页设计留白的典范。在网页设计中,无论是页面的空白,还是大面积的有色范围,或是规则图形的组合背景,都是页面的“虚”,是为了强调主体,明晰层次,突出主要的、关键的元素这个“实”的。
2 Web标准网页设计留白的功能
留白是一种艺术形式,在Web标准网页设计中,留白可以发挥重要作用。利用留白来达到页面平衡,使整个页面布局松紧有度,形成虚实、浓淡、动静、轻重的效果,给人以跌宕起伏之感。与其他艺术形式不同的是,网页设计是以传达页面信息为主要目的的,留白更多的是服务和服从于网页的可用性。无数的可用性研究证实了一个事实:在Web中,用户对网页信息是进行浏览,而不是阅读。简洁明快、富于美感的页面更具有可浏览性,可使用户获得更加良好的浏览体验。
2.1 可用性体现
一是突出设计主题。人们在完整地接收平面元素信息时,视线会形成一个习惯性的流动顺序:视点先落入视觉焦点,后随个元素间的强弱变化而作有序流动,最后完成对全部分元素信息的吸收。认知心理学的研究证明,留在空白之中的东西更容易被人注意和想起,留白对浏览起强调和停顿的作用,有助于视觉向主体元素集中凝聚,它所创造出的空间形成一种路径进而左右用户的浏览方向。如在主题文字的周围留出恰当的空白空间,会比更改变主题文字大小和色彩更显突出,同时也使的页面在统一性上更易处理。
二是简洁页面元素。少就是多,简洁就是丰富,单纯就是饱满。在单纯中求丰富,在简练中求明快。
网页设计可用性的研究表明,简洁的、浏览性强的网页能使用户获得更加良好的体验。过多的装饰性元素或重复强调往往会导致读者的抛弃性反应,使刻意设置的形象失去震撼效应。因此,无论从整体设计,还是结构设计、颜色搭配等方面,网页设计都要求简单明了,每一个符号、每一个标题、每一个版块都要紧扣主题,坚决去掉不必要的、与主题无关的东西,尽量做到用最简洁的元素来传递最丰富的意蕴、最准确的信息。当然,简洁不等于简单,简洁的形式更需要网页设计者具有概括浓缩的审美能力,对留白的理解有更高的要求。
三是节约网络带宽。在网页设计布局中,所有用户界面设计的一般原则是:浏览器所有的设计元件中,如果少了某个设计元件,该设计仍然能够工作,就把它删掉。简洁总是比复杂要好,特别是在Web设计中,每节省3字节就会减少千分之一秒的下载时间。一个简单的例子就是如果选择粗线或者空白区来区分两段内容的话,使用空白区的效果会更好,网页的下载速度会更快。
2.2 艺术性体现 网页设计中的艺术性是从属于可用性的,但这并不影响网页艺术性的存在和它带给用户的美感体验。恰恰相反,网页的艺术性是可用性延伸和扩展。当用户被网页上满满的文字、声音、图像等淹没时,适当合理的留白空恰似一个心灵歇息的驿站,让我们的神经得到了有效的缓和,从而使用户轻松浏览。当下网站建设中,功利色彩非常浓厚,网页上堆积的信息可以“多”、“挤”、“满”、“乱”形容,从视觉的角度解决办法之一就是运用网页留白,这种留白可以是空白,也可以是大面积的单纯色彩,或者是规则图形的组合,无一例个地,它使文字之间、图形之间形成页面节奏感、版块层次感、内容主次感,创造“透气”的感觉,以化解大量信息聚集起来造成的压迫感,寻求心理释放,给浏览者带来轻松、愉悦的享受和无限的想象空间,最大限度地激发他们的艺术想象力,从而更好地体会页面信息中所潜藏的深刻含意。这正是网页留白在更高层次上的艺术韵律之美。
3 Web标准网页设计留白处理方法
在版面设计中,处理好大与小、主与次、疏与密、虚与实,都是美的比例基础,可谓是一种既可浏览又可休闲的两全其美的艺术享受。但对留白如果不加控制的任意使用,它不仅不能有效发挥作用,反而会造成版面混乱,影响整个页面设计。Web标准网页设计留白可从两个方面把握。
3.1 网站整体设计留白 在网站设计的整体方案中,广泛利用留白的方法构建设计框架,创造统一的视觉传达意境,使整个设计理念能够准确而有效,形成网站独特的风格和广阔的系统扩展空间,使的页面中的各个元素更加具有活力和结构组织的多元性,激发出强大的视觉能量。这种留白的思维方式是把整个系统作为留白的载体,而不是单独的某一页、某一侦,这需要设计师从设计的全方位去考虑网站的架构,做到设计的全面统一,从整体气质上定义网站文化的含义,传达更容易被识别和认同的企业品质。因此,留白在这里的表现已经不在再单纯的技术手段,而是融入整个网站系统的构建的、不可或缺的一部分。这种系统的视觉说服力更为直接,可用性更强。
3.2 网站页面设计留白 在网页设计中,也要注重细节的处理,寻求设计在不角度的精致表现,力求把设计延伸到每一个角落,无论从哪一个角度审视,都展现出完美的设计魅力,从而达到局部带动整体的设计目的。具体说来,包含以下几个方面:
一是网页顶部(头部)留白。保留传递网站的类型、风格的logo和提供简单明了导航链接。
二是页面背影留白。去除阻碍视线顺畅流动的底纹等装饰性元素,根据实际需要设计好页面边空。
三是简化标题表现,去除题花等装饰性元素,特别是头条、置顶、图版等,不作围框、流动、色彩变换等特效重复强调。
四是版块分离用空白而不是表格或线条。
4 结语
留白作为一种经典的传统平面设计语言,已经延伸到当今设计的各个领域。它正在从设计的思维方法上给我们更多的思维空间。网页设计留白是网页艺术性的需要,更是网页可用性的要求。在网页设计中以无衬有,以有衬无,适应Web标准网页设计的要求,是无的可用,无的艺术。无论作为网页设计者,还是网页用户,都应当把看待“留白”提升到一个新的高度。在这样一个多元、开放的时代,它一定会拥有更大的应用空间。