好文档 - 专业文书写作范文服务资料分享网站

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

天下 分享 时间: 加入收藏 我要投稿 点赞

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

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

Abstract:Theintentionalblankspaceincludesthreeaspects:theblankpage,partofalargeareaofcolorrangeandrepeated,andthevisualintegrityoftherulesofacombinationofgraphics.Itaimstoanalyzethefunctionofintentionalblankspacefromthepagesoftheavailabilityandartisticaspects.Besides,itattemptstodepicttheapproachesonhowtohandleintentionalblankspacefromtheperspectiveoftheoverallwebandpagedesign. 关键词:虚实;留白;网页设计

Keywords:virtualandreal;intentionalblankspace;webdesign 0 引言

“留白”作为中国画特有的绘画语言之一,随着现代数字媒体技术与艺术的发展,在现代设计艺术中的重要地位和作用越来越突出,在网页设计、版面设计、室内设计等设计中多有运用。网页设计是Web设计中最直接可见的部分,简

洁、单纯、可用是当代Web标准网页设计的主流,迅速、有效地传达信息,少用装饰,强调虚实、留白的运用成为网页设计的时尚追求。在网页设计中有效运用留白的技法和观念,无疑是对Web标准网页设计技术与艺术思维的极大丰富和拓展,也必将促使我们对这一思维方法展开更高层次的研究和探索。

1 关于网页设计的“虚实”和“留白”

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

的背景是重复出现的、在视觉上呈现出整体性的规则图形的组合。这种为突出主体而留下的“白”,在网页设计中只要处理得当,依然会成为网页设计留白的典范。[3]在网页设计中,无论是页面的空白,还是大面积的有色范围,或是规则图形的组合背景,都是页面的“虚”,是为了强调主体,明晰层次,突出主要的、关键的元素这个“实”的。 2 Web标准网页设计留白的功能

留白是一种艺术形式,在Web标准网页设计中,留白可以发挥重要作用。利用留白来达到页面平衡,使整个页面布局松紧有度,形成虚实、浓淡、动静、轻重的效果,给人以跌宕起伏之感。[4]与其他艺术形式不同的是,网页设计是以传达页面信息为主要目的的,留白更多的是服务和服从于网页的可用性。无数的可用性研究证实了一个事实:在Web中,用户对网页信息是进行浏览,而不是阅读。简洁明快、富于美感的页面更具有可浏览性,可使用户获得更加良好的浏览体验。

可用性体现 一是突出设计主题。人们在完整地接收平面元素信息时,视线会形成一个习惯性的流动顺序:视点先落入视觉焦点,后随个元素间的强弱变化而作有序流动,最后完成对全部分元素信息的吸收。[5]认知心理学的研究证明,留在空白之中的东西更容易被人注意和想起,留白对浏览起强调和停顿的作用,有助于视觉向主体元素集中凝聚,

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

虚与实的和谐——论网页设计留白(1)摘要:网页留白内涵的包含三个方面:页面的空白部分、大面积的有色范围和重复出现的、在视觉上呈现出整体性的规则图形的组合。从网页的可用性和艺术性两个方面阐述了网页留白的功能,从网站整体设计和页面设计两个方面阐述了网页留白的处理方法。Abstract:Theintentionalblankspaceincludesthreea
推荐度:
点击下载文档文档为doc格式
9dgmc12nfo3gznb0gt563y3j84vsiw00aa9
领取福利

微信扫码领取福利

微信扫码分享