网页设计中视觉艺术表现方法初探

网页设计中视觉艺术表现方法初探2006年8月第5卷第3期重庆文理学院(自然科学版)J~malofCho~qlngUniversityofArtsandSciences(Naturesci咖c∞Edition)Aug.,7OO5V01.5No.3网页设计中视觉艺术表现方法初探贺盈(重庆文理学院美术系.重庆永川4O2168)●[摘要】本文提出了实用于网页设计的视觉效果美的审视原则,初步探讨了网页设计中视觉艺术的几个重要的表现方法.【关键词】网页设计;形式美;方法【中图分类号]T~93.092【文献标识码】A【文章编号】1671—7538(2006)03—0102—0321世纪是信息时代,其代表主要是计算机网络技术的发展.但是,好的计算机网站却不多见,有的站点日访问量高达几千万人次,而有的站点访问者寥寥无几.究其原因,访问量大的站点,除资源丰富外,网站的策划和网页的精美设计是吸引访问者的一个重要因素.在网页设计中,不但要熟练掌握网页的制作技术,而且要注重网页中视觉艺术的运用.丹尼尔?贝尔认为:"目前居统治地位的是视觉观念.声音和景象,尤其是后者组织了美学,统率了观众.在一个大众社会里,这几乎是不可避免的".随着时代的进步,大众社会的要求逐渐扩展延伸,品牌等成为一种无形资产,并成为商品分辨和信誉保证的重要识别.这使得在人们视线里出现整体的视觉识别系统,时代也有了它新的概念,即视觉文化时代.视觉文化时代的到来,急剧加速经济的发展,经济的发展也促进视觉文化的进步.总之, 设计与经济时代的发展是紧密联系和不可分割的.Web 服务是互联网应用最为广泛的服务,它有自己独特的语言和美学.然而,网页视觉设计是形式美与内容美的统一,大凡经得起推敲的网页作品都需遵循各种形式美的规律,以体现其审美价值.因此,在网页设计过程中,设计者必须去研究,并主动地,有意识地运用这些美的规律, 以及表现美的方法,才能创作出好的网页作品.1网页视觉设计的原则网页视觉设计必须遵循形式美与内容美相统一的原则.然而,为了获得形式美与内容美的统一,在设计网页时.必须注意以下问题:1.1比例尺寸得当.对称均衡适度合适的比例是形式美要遵循的原则之一,它最早用于绘画,雕塑中,但网页设计中也同样必须遵循这一原则.网页设计中的比例关系主要表现在组版元素间和谐的比例关系.达?芬奇认为:"美感完全建立在各部分之间神圣的比例关系上,各特征必须同时作用,才能产生使观者如醉如痴的和谐比例."可见,比例法则是实现形式美的重要基础.对称指以中轴线为中心分成相等两部分的对应关系,如自然界中人的双眼或鸟虫的双翅.在报纸版面中也经常运用对称的形式,它给人以稳定,沉静,端庄, 大方的感觉,产生秩序,理性,高贵,静穆的美..均衡体现力学原则,是以同量(心理感受的量)不同形的组合方式形成稳定而平衡的状态.均衡指物体上下左右在量上的两相均衡.网页设计是点,线,面,形,声,色的有机结合,要让受众调动视知觉,引起美的共鸣,从对称均衡而言,在网页设计中要做到以下几点:一是为视知觉找一个平衡点,实现稳定性;二是让相应的部位等量,易产生统一的秩序感实现对称性;三是以平衡为基础,调整尺寸形态结构.或者以形态各异的形,经视觉判断,放置在确定的位置,以得到预想的均衡.1.2动静变化有序,节奏韵律明快在网页中,假想的三维空间关系是借助动静变化以及图像的比例关系等空间因素表现出来的.在页面设计中,各元素前后左右位置变化所产生的视觉效果都不尽相同.各元素的位置不同能产生节奏的空间层次,视觉效果的不同,同时也能让人产生不同的心理感受.现在,人们已不再局限于HTML语言编制的二维Web页面,VRML语言的出现让三维的Web页面对人们产生了无尽的诱惑力.在网页中,注意运用音乐中的节奏,旋律与美术中的变化统一,韵律的有机结合无声与有声艺术的结合,使人们在浏览网页时充满激情,让网页作品充满活力.音乐的节拍叫做"韵律",在平面设计中也有韵律.在网页设计中把韵律当作一种节奏,这种节奏由视觉组成.韵律是用.重复变动的元素来生成的形,需要考虑空间的因素,给人?【收稿日期】2006—04—12【作者简介】贺盈(1979一).女.重庆北碚人.助教,主要从事油画和艺术设计研究. 1O2一个元素向另外一个元素运动的感觉.网页设计中,韵律的实现是通过图案的点和线条的排列来体现的.如果均匀地在一个页面上画一些垂直线,就会产生稳定的重复韵律,因为这些线之间的空间是相同的,人们的眼睛从一个元素移到另一个元素的时间是均匀的.如果线问的距离不均匀,就会形成一种变化或者有动感的韵律.在设计中要产生韵律的关键是理解重复和变化的不同,通过运用韵律的技巧可以使网页显得活泼,生动,有生命力.韵律节奏设计能够渲染某种情调,增加版面的感染力,并使人沿着版面节奏变化的趋势展开遐想.1.3繁简互衬.多样统一网设计总是在功能设计上出现两个极端:过于繁杂或过于简单.前者总是在设计初时没有考虑到内容的可延展性,或是想面面俱到,把所有可能的功能都加上去, 结果使得网页内容根本满足不了这些功能布局,反而让网页没有重心,这种现象多出现在一些商业网页设计中. 后者总是在设计网页时没有专业的视觉设计,使用工具简单,整个网页只有颜色的搭配,而没有真正的图案的点和线条变化设计.在形式美的原则中,最根本的一条是多样统一(或对立统一).网页设计中的形式美所传递的视觉艺术也一样.网页中的各元素对立统一组成一个和谐的整体,设计者在设计过程要牢牢把握一致中的变化,变化中的统一.以上三个原则,是网页设计中把握视觉艺术应遵循的准则,这些原则总是通过一些常用的方法表现出来. 2网页设计中视觉艺术的常用表现方法2.1点,线,面的构成所有现实的视觉元素都离不开点,线,面,每个网页设计师必须熟练掌握这些视觉元素.点,线,面的不同组合可以体现不同的情感诉求.在网页的视觉构成中,点,线,面既是最基本的造型元素,又是最重要的表现手段. 在网面设计中,点的视觉构成形式表现手法主要有:无序排列的点,规律排列的点形成线的视觉效果,定向排列的点产生韵律感效果,分散定向排列的点形成面的视觉效果,大小不一的点沿相对方向聚合产生动的视觉效果.网页设计总是通过这些点的视觉构成来表达类似活跃,生机,闪烁,韵律等种种联想.在网面设计中,线的视觉构成形式表现手法主要有:密集排列的线形成面的视觉效果,疏密变化的线产生透视空间的视觉效果,线的粗细变化形成虚实空间的视觉效果,错觉化的线形成不同的视觉暗示.通过线的视觉构成来表达类似平稳,不稳定,条理,圆润等种种联想.在网面设计中,面的视觉构成形式表现手法主要有:几何的形面表现规则,平稳,较为理性的视觉效果,自然形面给人以生动,厚实的视觉效果,有机的形面形成柔和,自然,抽象的形态,偶然形面具有自由,活泼而富有哲理性,人造的形面富含理性的人文特点.点,线,面的视觉构成所传达的心理暗示总是淋漓尽致地体现在好的网页中.只有合理地安排好点,线,面的互相关系,才能设计出具有最佳视觉效果的页面,并充分地表达出网页最终的诉求.2.2文字的运用首先,文字的位置要符合网页整体需求,从全局的角度考虑文字在页面中的安排,避免视觉上的冲突,避免引起主次不分.此外在设计中不要太相信软件的自动排列, 有时一个象素的偏差也会改变网页的意图.其次,文字是网页的形象要素,具有传达感情的功能,因而网页中文字的运用要给人以美感,愉悦受众心情,唤起受众的审美感受,准确传达出作者想表现出的意图和构想.2.3色彩搭一设计者的意图总是通过色彩来表达.色彩通过视觉反映人诸如兴奋与镇静,温度感,重量感等心理效应.通常,网页作品最先攫取受众注意力的是色彩,其次是图像,最后才是文字.色彩总是设计师表达设计意图的首选.掌握其色彩所具有的生理与心理的功能也是合理的运用色彩的必然要素.这两种功能的产生是当人受到色彩的视觉冲击后,自觉或不自觉地由个体本已具备的生理因素和心理因素所引起的视觉感知而达到的不同的视觉效果.生理因素包括色彩与声音,色彩与味觉,色彩与形状;心理因素则包括色彩的嗜好,色彩的联想,色彩的象征等范畴.不同的色彩会给人以不同的感受,下面对几种主要色彩的功能作一些介绍:红色的色感温暖,性格刚烈而外向,是一种对人刺激性很强的颜色.红色容易引起人的视觉注意,也容易造成人视觉疲劳,它不仅使人兴奋,激动,紧张,冲动,也常伴随着灾害,事故,战争,流血,伤亡.在我国,红色具有特殊的象征意义,所以经常被用在学校党,团等网站中,但又因它具有容易引起人视觉疲劳这一特性,网页设计应用时多与白色搭配,应用面积一般也都较小.黄色与红色相比,其视觉接受度要容易些.黄色给人光明,辉煌,灿烂,柔和,纯净和充满希望的感觉,它不仅能振作人的勇气,还能增强人的食欲,许多国外的大型快餐网站如"肯德基","必胜客"等都大量使用黄色.蓝色容易让人联想到天空,海洋.现代人还把属于冷色调的蓝色视为代表着科学的象征色.在网页设计中,常常将蓝色应用于一些高科技或游戏类网站,主要表达严肃,稳重等效果.绿色是具有黄色和蓝色两种成份的色.在绿色中,将黄色的扩张感和蓝色的收缩感相中和,将黄色的温暖感与蓝色的寒冷感相抵消,这样使得绿色的性格最为平和, 安稳,是一种柔顺,恬静,优美的色.紫色的明度在所有彩色的色料中是最低的.紫色的低明度给人一种沉闷,神秘的感觉.当紫色偏红时,其知觉具有压抑感,威胁感;当紫色偏黑时,其感觉就趋于沉103闷,伤感,恐怖;当紫色偏白时,可使紫色沉闷的性格消失,变得优雅,娇气并充满女性的魅力.白色的色感光明,具有圣洁的不容侵犯性.如果在白色中加入其它任何色,都会影响其纯洁性.如果用它作衬色,可使主题显得格外纯净,美丽,个性强烈.在网页设计中,当一组或几组对比色或补色关系的色块在一起时,会因互不相让而显得强烈与刺激,若这时加点白色,则会呈现出既明显又和谐的效果.黑色在中国文化里有沉重的神秘感,给人庄重而严肃的感觉,在现代也常使人联想到黑暗,悲痛,恐怖,死亡.在网叶设计中,黑色是万能色,使用黑色衬托亮色则亮色会更亮,衬托暗色则暗色会显得更有层次.但黑色也不能过多使用,否则会使网页显得沉闷,灰暗.色彩作为一种传达设计意图的基本视觉要素,犹如音乐必须经过一系列音符的恰当选择与巧妙安排才能产生美妙动听的旋律一样,色彩也必须经过组合与搭配以及画面构图形式来获得它自己的艺术生命.一个网站不可能单一地运用一种颜色,这会让人感觉单调,乏味;但是,也不可能将所有的颜色都运用到网站中,让人感觉轻浮,花哨.一个网站必须根据它的主题选定一种或两种主题色,从设计艺术的概念上讲就是我们平时所说的主色调的形成.主色调在整个色彩画面构成中,起统率和支配的作用,所有非主色调的色彩均受其统筹.围绕主色调配置与调整色彩可以避免色彩零乱,纷杂,不和谐的毛病.一般来说,一个页面尽量不要超过4 种色彩.当主题色确定好以后,考恁其它配色时,一要考虑其它配色与主题色的关系,也就是色彩的均衡关系.二要考虑哪种因素占主要地位,是明度,纯度还是色相.网页是否让人看上去舒适,协调,除了文字,图片等内容的合理排版,色彩的均衡就是相当重要的一个部分.所以. 色彩的均衡问题是设计者必须要考虑的问题.色彩的均衡,包括色彩的位置,每种色彩所占的比例,面积等等. 2.4留白的艺术'网页设计中留白是一种设计手段,它在图片和文字的中间架起一道桥梁,国画中的"计白当黑"同样实用于网页设计..在网页设计中,多样化的网页视觉元素如色彩,图象,文字,动画等,往往借助留白来实现网页的合理布局. 与此同时,留白能合理调剂网页上元素之间的关系,利用留白来使页面达到平衡,有时还能在一种不平衡中营造出平衡的感觉.提升到艺术的高度来看待留白,留白可以给人带来心理上的松弛和紧张的效果.好的网页设计师能够同浏览者进行心理的对话.这种对话不局限于文字, 图片,动画,同时也借助留白进行表达.只有照顾了整个页面空间的分配,留白才能表现出一定的活力.其实在排版布局中,我们经常不知不觉地利用着留白.试想如果页面上充满了图片和文字,一点空隙都不留,那就根本谈不上韵律.利用留白的体量感来使页面布局平衡,这样就会使页面生动起来.我们应该在网页中通过留白的作用,使整个内容排布松紧有度,给人以跌宕起伏之感.网络技术与视觉艺术美的紧密结合,使网页的艺术设计由平面设计扩展到立体设计,由纯粹的视觉艺术扩展到空间听觉艺术.网页效果不再近似于书籍或报刊杂志等印刷媒体,而更接近于电影或电视的观赏效果.技术发展促进了技术与艺术的紧密结合,把浏览者带入一个真正现实中的虚拟世界.3总结视觉艺术美的法则以及表现方法总随着时代的不同而不断发展,特别是今天变化极快的互联网,由于追求的目标不断变化,人们审视美的观念也在不断地变化,但是美的本质是一样的.同时随着技术的发展,很多以前不容易实现的视觉艺术也渐渐被实现.互联网一旦突破带宽的瓶颈,网页设计中的视觉艺术将会有更广阔的天地.[参考文献】[1:I庞志永,宋史臣.网页设计的一些关键技术探讨[J].青岛化工学院(自然科学版),2001,(3):264—268[2]尤众喜.教学网站的建设和基于网络的教学功能的实现[J].电化教育研究,2002,(5):49—53.[3]张汶,黄劲.教育技术培训网站的建设[J].中山大学(自然科学版),2002,(41):110—112.[4]吴垠.关于美,Et,中地方政府网站首页的比较研究[c].中国行政管理学会2004年年会论文集,2004.[5]刘伟,王爽.浅析商业网站的网页设计[J].计算机工程与设计,2004,25(10):1771—1772.[6]范翠丽.教育网站中页面的艺术设计[D].山东师范大学,2005.●AnAnalysisoftheMethodsofVisualArtsinWeb—-pageDesigningHEYing(Dept.ofFineArts,ChongingUniversityofArtsandSciences.YongchuanChongqing40216 0,China)Abstract:ThisessayfocusesonanalyzingseveralimportantmethodsofusingvisualartsinWe b—-pagedesigning bypresentingsomeprincipaltojudgethevisualeffectofthedesignoftheWeb—page. Keywords:Web—pagedesign;beautyoftheform;methodl04。