虚与实的和谐——论网页设计留白

《虚与实的和谐——论网页设计留白》由会员上传分享，免费在线阅读，更多相关内容在学术论文-天天文库。

1、虚与实的和谐一一论网页设计留白摘要：网页留白内涵的包含三个方面：页面的空白部分、大面积的有色范围和重复出现的、在视觉上呈现出整体性的规则图形的组合。从网页的可用性和艺术性两个方面阐述了网页留白的功能，从网站整体设计和页面设计两个方面阐述了网页留白的处理方法。Abstract:Theintentionalblankspaceincludesthreeaspects:theblankpage,partofalargeareaofcolorrangeandrepeated，andthevisualintegrityoftherulesofacombinationofgraphics.I

2、taimstoa.nalyzethefunctionofintentionalblankspacefromthepagesoftheavailabilityandartisticaspects.Besides,itattemptstodepicttheapproachesonhowtohandleintentionalblankspacefromtheperspectiveoftheoverallwebandpagedesign.关键词：虚实；留白；网页设计Keywords:virtualandreal；intentionalblankspace；webdesign0引言“留白”

3、作为中国画特有的绘画语言之一，随着现代数字媒体技术与艺术的发展，在现代设计艺术中的重要地位和作用越来越突出，在网页设计、版面设计、室内设计等设计中多有运用。网页设计是Web设计中最直接可见的部分，简洁、单纯、可用是当代Web标准网页设计的主流，迅速、有效地传达信息，少用装饰，强调虚实、留白的运用成为网页设计的时尚追求。在网页设计中有效运用留白的技法和观念，无疑是对Web标准网页设计技术与艺术思维的极大丰富和拓展，也必将促使我们对这一思维方法展开更高层次的研究和探索。1关于网页设计的“虚实”和“留白”“留白”是中国传统绘画艺术千锤百炼的结晶，这种艺术思想源于传统的中国哲学思想，基于

4、阴阳辩证、虚实相生的原理。虚与实作为我国古代美学的一对范畴，在古代哲学思想中有很深渊源。古代的虚实相生正是哲学上的朴素辩证法在艺术领域的应用。[1]网页设计通过网页上的文字、图形、音视频、动画等元素向用户传达信息，把各种网页元素做艺术而合理的处理，让用户在接受信息的同时享受到美感，获得良好的用户体验。虚实与留白是网页设计要遵循形式美的法则之一。网页设计留白的内涵包括三个方面：一是页面的空白部分。“白色是一切色彩中最完美的颜色，我们几乎找不到白色有消极意义的情境。”[2]如logo区的空白、标题区的空白、内容和图片周围的空白、网页背景空白等等。二是大面积的有色范围。如在页面设计中只

5、放置极少的必要元素，背景则用大面积的单纯色彩渲染，利用单纯色彩的力量来突出和烘托网页上的主要元素。三是页面主要设计元素的背景是重复出现的、在视觉上呈现出整体性的规则图形的组合。这种为突出主体而留下的“白”，在网页设计中只要处理得当，依然会成为网页设计留白的典范。［3］在网页设计中，无论是页面的空白，还是大面积的有色范围，或是规则图形的组合背景，都是页面的“虚”，是为了强调主体，明晰层次，突出主要的、关键的元素这个“实”的。2Web标准网页设计留白的功能留白是一种艺术形式，在Web标准网页设计中，留白可以发挥重要作用。利用留白来达到页面平衡，使整个页面布局松紧有度，形成虚实、浓淡、

6、动静、轻重的效果，给人以跌宕起伏之感。［4］与其他艺术形式不同的是，网页设计是以传达页面信息为主要目的的，留白更多的是服务和服从于网页的可用性。无数的可用性研究证实了一个事实：在Web中，用户对网页信息是进行浏览，而不是阅读。简洁明快、富于美感的页面更具有可浏览性，可使用户获得更加良好的浏览体验。可用性体现一是突出设计主题。人们在完整地接收平面元素信息时，视线会形成一个习惯性的流动顺序：视点先落入视觉焦点，后随个元素间的强弱变化而作有序流动，最后完成对全部分元素信息的吸收。［5］认知心理学的研究证明，留在空白之中的东西更容易被人注意和想起，留白对浏览起强调和停顿的作用，有助于视觉

7、向主体元素集中凝聚，它所创造出的空间形成一种路径进而左右用户的浏览方向。如在主题文字的周围留出恰当的空白空间，会比更改变主题文字大小和色彩更显突出，同时也使的页面在统一性上更易处理。二是简洁页面元素。少就是多，简洁就是丰富，单纯就是饱满。在单纯中求丰富，在简练中求明快。［6］网页设计可用性的研宄表明，简洁的、浏览性强的网页能使用户获得更加良好的体验。过多的装饰性元素或重复强调往往会导致读者的抛弃性反应，使刻意设置的形象失去震撼效应。因此，无论从整体设计，还是结构设计、颜色搭配等方