浅析平面设计教学中网页的设计理念

科教论坛　浅析平面设计教学中网页的设计理念　黄文卿　（哈尔滨师范大学美术学院　黑龙江哈尔滨　１　５００８０）　摘要：随着信息时代的发展，互联网的普及，使互联网络成为“第四大信息传播的媒介”。网页设计以信息传播为裁体，两者之间紧密　联系。作为互联网的重要元素之一——网页，它的发展虽然没有多长时间，但作为一种新的视觉表现形式，兼容了平面设计的特征，并具　有迅捷，交互性好、传播面广等特点，为互联网络的信息传播提供良好的平台并且在教学中不断探索罔页的设计理念。加上通知　关键词：网页设计　互联网络　信息传播　平面设计教学　中图分类号：Ｇ　４　２　０　文献标识码：Ａ　文章编号：１６７３—９７９５（２０１Ｏ）０４（ｂ）一０１２１—０２　每一个时代都有代表性的发明作为这　媒体与网页设计之间的关系是互动的，媒　表明，在一个平面上，上半部让人轻松和自　个时代的象征，像第一次工业，蒸汽机　体既体现了设计，又给设计带来了局限性；　在，下半部则让人稳定和压抑。同样，平面　的发明，使得那时成为蒸汽时代；爱迪生发　设计既受制于媒体，又是新媒体产生的动　的左半部让人轻松和自在，右半部让人稳　明了电灯从那时起进入了电的时代，要说　力之一。　定和压抑。所以平面的视觉影响力上方强　２１世纪，我想应该是网络的时代，自从互联　我们大家所共知的传媒方式有报纸、　于下方，左侧强于右侧。这样平面的上部和　网的出现使“地球村”的概念更加贴切，可　广播、杂志、电视等等，这些在现代媒体中　互联网代表着一种崭新的信息交流方式，　它使信息的传播突破了传统的政治、经济、　一中上部被称为“最佳视域”，也就是最优选　所以在网页设计中，重要的信息和标　以说网络拉近了地球上每一个角落的人。　仍然占主要位置。如果与互联系网络比较　的地方。　的话，它们这些传媒方式就显的相当单一。　因此它们的先天缺陷也越来越明显，所以　题栏通常在这个位置出现。只要遵循视觉　地域及文化的阻隔，使信息传达的范围、速　像这种单一的传达方式也使设计师受到了　流程和符合人们认识过程的心理顺序和思　度与效率都产生了质的飞跃。互联网是由　定程度上的。人们接受信息的途径　维发展的逻辑顺序就可以更为灵活的运　成千上万的网站组成，而每个网站都是由　是多方面的。像视觉、听觉、触觉、嗅觉、味　用。在网页设计中，灵活而合理地运用视觉　诸多网页构成，故网页是构成互联网的基　觉等一系列感官的综合使我们更加全面的　流程和最佳视域，组织好自然流畅的视觉　本元素。而网页设计是伴随着计算机互联　去了解其他的事物。为了能使信息传达的　导向，直接影响到传播者传达信息的准确　网络的产生而形成的平面设计新课题，是　更全面一些，一直在追求完美的设计师也　与有效性。　网页设计者以所处时代所能获取的技术和　在寻找着一个崭新的媒体来表达完善的设　计。因此当今互联网络顺利的成为新生的、　３进化、发展之必要　艺术经验为基础，依照设计目的和要求自　觉地对网页的构成元素进行艺术规划的创　综合感官的、充满活力的新媒体，也为设计　网页设计这门学科是一门后期新兴的　造性思维活动，必然要成为设计艺术的重　师创造了前所未有的信息传达手段与途　设计类与网络方面交叉的学科，在最近的　要组成部分，并随着网络技术的发展而发　径。而且随着技术的不断发展，它极有可能　几年也随着网络的发展越来越受人们的重　展。表面上看，它不过是关于网页版式编排　成为最完善的媒体。这应该引起每一个平　视，它是以网络为载体，把各种各样不同的　的技巧与方法，而实际上，它不仅是一种技　面设计师的关注。网络的发展速度和力量　信息以最快捷与最方便的模式传达给每一　能，更是艺术与技术的高度统一。设计师如　是惊人的。　何将网络与设计、技术与艺术完美地结合，　是非常值得我们深思和研讨的。　位与之相关的人员，但是单单这种标准是　不够的，人们也对在观看各类信息的同时　逐步产生了视视美观的需求。然而每个人　２横看成岭侧成峰之视觉效果　可以说网页是通过视觉元素来进行信　对美的追求是不尽相同的，网页设计也是　１一骑红尘妃子笑，谁人知是荔枝来　息传达的，这里说的视觉元素包括文本、背　同样的。因为要求了网页不光是把各类信　景、按钮、图标、图像、表格、颜色、导航工　息与事物放上去能看就行，这些对现在的　之信息传播　信息元素可以说是网络最基本的元　具、背景音乐、动态影像等。无论是文字、图　人们已经是远远不够的了，这时设计师就　素，互联网自始至终都起着一个信息传播　形、动画，还是视频，为了使网页获得最大　要考虑如何使受众能更好更有效率的接收　的做用，也是由此而产生的。自从人类诞生　的视觉传达功能，网页设计者所要考虑的　到网页上的信息。这方面就需要从审美入　以来，人类社会至少已经经历了四次意义　是如何适应人们视觉流向的心理和生理的　手了，如何制作出清晰、整体性效果好的页　重大的信息传播，每一次信息传播革　特点把它们放进页面这个“大展示窗口”　面。使人们浏览起来更方面，心情更舒畅，　命都把人类文明推向一个新的发展阶段。　里。由此确定各种视觉构成元素之间的关　制作出清晰、整体性好的页面。使人浏览起　第一次信息传播是语言传播的诞生。　第二次信息传播是文字传播的诞生。　第三次信息传播是印刷传播的诞生。　第四次信息传播是模拟式电子传播的　诞生。　系和秩序。因此，设计时应该研究各种视觉　来心情愉快，接收信息也会更加容易。网页　造型元素之间的距离、位置、面积和视觉流　设计的审美需求是对平面设计美学的一种　程的问题。　从理论说起，视觉流程的形成是由人　继承和延伸。　我们经常所说的如变化和统一、条理　类的视觉特性所决定的。因为人眼独特的　与反复、对比和调和、均齐与平衡等，对网　最新的一次信息传播，即正在我　结构，造成只能产生一个焦点，而不能同时　页中文字、图形、色彩的设计都是十分有效　们身边发生的第五次信息传播，是数　把视线停留在两处或两处以上的地方。这　的视觉规律。首先，网页的内容与形式的表　字式电子——网络传播的诞生。网络媒体的　样就使得人们在阅读一种信息时，视觉总　现必须统一和具有秩序，形式表现必须服　出现，使得传播者与受众之间的传统的相　有一种自然的流动习惯，先看什么，后看什　从内容要求，网页上的各种构成要素之间　互关系正面临巨大的变化。人类进入了真　正的信息时代。　的最终表现界面则永远也脱离不了媒体。　么，再看什么。视觉流程往往会体现出比较　的视觉流程，能自然而有序地达到信息诉　明显的方向感，它无形中形成一种脉络，似　求的重点位置。在我们把大量的信息塞到　的运动趋势有一个主旋律。心理学的研究　统一的方式来排布，使整体感加强同时又　网页设计以信息传达为目的，而传达　乎有一条线、一股气贯穿其中，使整个版面　网页上去的时候，考虑怎样把它们以合理　中国科教创新导刊　Ｃｈｌｎａ　Ｅｄｕｃａｔｉｏｎ　Ｉｎｎｏｖａｔｉｏｎ　Ｈｅｒａｌｄ　１　２　２０１０ＮＯ１ｌ．Ｉｎａ　Ｅｄｕ＿‘－＿＿＿ｃｈｃ；ｉ　ｌｎｎ。ｖａｔｉ。ｎ　Ｈｅｒａｌｄ　科教论坛　有变化。怎样使它们脉络清楚又富有清晰　面。可以说，要使网页在纯文本基础上变得　果。技术发展促进了技术与设计的紧密结　的视觉效果等等。这样使页面更丰富，更有　更有趣味，最为简捷省力的办法就是使用　合，把浏览者带入一个真正现实中的虚拟　生气，看起来就不感到枯燥。其次，突出主　图片。对于一条信息来说，图片对受众吸引　世界。　题要素，必须在众多构成要素中突出一个　也远远超过单纯的文字。　技术与设计的紧密结合在网页艺术设　清楚的主体，它应尽可能地成为阅读时视　图片的位置、面积、数量、形式、方向等　计中体现得尤为突出。　线流动的起点。如果没有这个主体要素，浏　直接关系到网页的视觉传达。在图片的选　览者的视线将会无所适从，或者导致视线　择和优化的同时，应考虑图片在整体编辑　６结语　流动偏离设计的初衷。　计划中的作用，达到和谐整齐。要达到这样　在长期的平面设计教学中，深刻体会　的效果，在页面图片的合理选用时，一要注　到网页设计是一种综合性的设计，它所涉　４千里之行始于足下之构成效果　意统一，二要注意悦目，三要注意突出重　及的范围非常的广泛，包括消费者心理学、　文字作为信息传达的主要手段目前也　点，特别是在处理和相关文字编排在一起　视觉设计美学、人机工程、哲学等诸多方　是网页设计的主体，文字是网页中必不可　的图片时。　面，当然也离不开一定的科学技术发展。好　少的元素，也是网页中的主要信息描述要　网页在一定意义上说也是一种艺术　的网页设计除首先应考虑其内容上的精益　素，所以网页中文字将占据相当大的面积，　品，因为它既要求文字的优美流畅，又要求　求精外，其次就是对内容合理有效的视觉　文字表现的好与坏将影响到整个网页的质　页面的新颖、整洁，使用色彩可以产生强烈　量。网页文字的主要功能是传达各种信息，　的视觉效果，使页面更加生动。而且，浏览　编排。美是任何网页所必需具备的基本因　素，网页信息不仅是为了满足使用者的需　而要达到这种传达的有效性，必须考虑文　者在洲览网页时，留下的第一印象就是页　求，更重要的是创造一种愉悦的视觉环境，　字编辑的整体效果，能给人以清晰的视觉　面的色彩设计，它的好坏直接影响阅读者　使他们有一种全身心的享受和共鸣。随着　印象，避免页面繁杂零乱，减去不必要的装　的观赏兴趣。因此，色彩设计在网页设计中　时代的发展，网站建设越来越接近于一门　饰变化，使人易认、易懂、易读。不能为造型　居于十分重要的地位。网页的色彩设计应　艺术而不仅仅是一项技术。网页的设计，日　而编辑，忘记了文字本身是传达内容和表　把握以下几个方面。　达信息的主题。　于要服从信息内容的性质及特点的要求，　网页文字编排与设计，重要的一点在　个主色调，可以有利于体现网站主题。我们　益被网站建设者所注重。网页设计是设计　首先是整个页面的色彩选择，确定一　与技术的高度统一。　现在看到的网页，一般以浅颜色为背景的　参考文献　［１］明安香：信息高速公路与大众传播【Ｍ】．　其风格要与内容特性相吻合，而不是相脱　居多，如浅灰色、浅黄色、浅蓝色、浅绿色。　离，更不能相互冲突。如网页其文字具　以浅颜色为底，柔和、素淡，配上深颜色的　有庄重和规范的特质，字体造型规整而有　字，如黑色，读来自然、流畅，也有利于突出　北京：华夏出版社，１９９９．　［２奥格尔斯：２］互联网传播学［Ｍ】．北京：中　序，简洁而大方；休闲旅游类内容网页，文　页面的重点，有利于整个页面的配色，更容　字编辑应具有欢快轻盈的风格，字体生动　活泼，跳跃明快，有鲜明的节奏感，给人以　的网页，字体编辑可具有一种苍劲古朴的　国社会科学出版社，２０００．　易为大多数人认可和掌握。其他一些次要　【３】王建勋．发展中的中国新媒体艺术．　２００３．　内容，如背景图片、线条适宜采用不抢眼的　生机盎然的感受；有关历史文化教育方面　颜色，以免喧宾夺主。只有少量精心选择的　［４Ｊ宋启华．谈网页优化，２００４．　元素，为了突出强调的需要，才采用明亮的　［５】木娄．企业ＣＩ形象与网页设计，２００４．　意蕴、端庄典雅的风范或优美清新的格调；　色彩，这些彩色亮点就会产生强烈的视觉　公司网页可根据行业性质、企业理念或产　冲击，但如果用得太多了，就会形成一种均　品特点，追求某种富于活力的字体编排与　匀的噪声，而达不到强调的效果。　设计；个人主页则可结合个人的性格特点　及追求，别出心裁，给人一种强烈独特印　象。　其次，在背景的色调搭配上一定要注　意不能有强烈的对比，特别是同时使用色　彩对立的颜色。大面积颜色适宜采用低比　在网页文字的编排与设计中，由于计　度，因为过于丰富的背景色彩会影响前景　算机给我们提供了大量可供选择的字体，　导致字体的变化趋于多样化　这既为网页　图片和文字的取色，严重时会使文字溶于　背景中，不易辨识。所以，背景一般应以单　编辑提供了方便，同时也对编排与设计的　纯为宜。如果需要一定的变化以增加背景　选择能力提出了考验。虽然可供选择的字　的厚度，也应是在尽量统一的前提下的一　体很多，但在同一网页上，使用几种字体尚　种变化。例如在制用标题时，为追求醒目的　需精心编辑和考虑。一般来讲，同一页面上　视觉效果，可用比较深的颜色，配上对比鲜　使用的字体种类最多只能有三四种。由于　明的字体。实际上背景的作用主要在于统　文本字体的显示是需要本地硬盘字体文件　整个网页的风格和情调，对视觉的主体　一的支持的，所以在互联网上使用过多的字　起到一定的衬托和协调作用，一方面吸引　体是没有意义的。文字在视觉传达中作为　网民的注意力，另一方面有助于体现网站　页面的形象要素之一，除了表意以外，还具　的主题。　有传达感情的功能，因而必须具有视觉上　的美感，能给人以美好印象，获得良好的心　５技术、设计之两手都　理反应。　网络技术与设计创意的紧密结合，使　网页的设计由平面设计扩展到立体设计，　由纯粹的视觉艺术扩展到空间听觉艺术，　图片是文字以外最早引入到网络中的　多媒体对象。网络可以图文并茂地向用户　提供信息，成倍地加大了它所提供的信息　网页效果不再近似于书籍或报刊杂志等印　量。而且图片的引入也大大美化了网络页　刷媒体，而更接近干电影或电视的观赏效　２２　中国科教创新导刊　Ｃｈｉｎａ　Ｅｄｕｃａｔｉｏｎ　Ｉｎｎｏｖａｔｉｏｎ　Ｈｅｒａｌｄ