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

1、关注我 实时更新 最新资料剖析平面设计教学 中网页 的设计理念摘要：随着信息时代 的发展，互联网 的普及，使互联网络成为“第四大信息传播 的媒介”。网页设计以信息传播为裁体，两者之间紧密联系。作为互联网 的重要元素之一网页，它 的发展虽然没有多长时间，但作为一种新 的视觉表现形式，兼容了平面设计 的特征，并具有迅捷，交互性好、传播面广等特点，为互联网络 的信息传播提供良好 的平台并且在教学 中不断探索网页 的设计理念，加上通知。关键词：网页设计；互联网络；信息传播；平面设计教学 每一个时代都有代表性 的发明作为这个时代 的象征，像第一次工业革命，蒸汽机 的发明，使得那时成为蒸汽时代；爱迪生发明

2、了电灯从那时起进入了电 的时代，要说21世纪，我想应该是网络 的时代，自从互联网 的出现使“地球村” 的概念更加贴切，可以说网络拉近了地球上每一个角落 的人。互联网代表着一种崭新 的信息交流方式，它使信息 的传播突破了传统 的政治、经济、地域及文化 的阻隔，使信息传达 的范围、速度与效率都产生了质 的飞跃。互联网是由成千上万 的网站组成，而每个网站都是由诸多网页构成，故网页是构成互联网 的基本元素。而网页设计是伴随着计算机互联网络 的产生而形成 的平面设计新课题，是网页设计者以所处时代所能获取 的技术和艺术经验为基础，依照设计目 的和要求自觉地对网页 的构成元素进行艺术规划 的创造性思维活动，

3、必然要成为设计艺术 的重要组成部分，并随着网络技术 的发展而发展。表面上看，它不过是关于网页版式编排 的技巧与方法，而实际上，它不仅是一种技能，更是艺术与技术 的高度统一。设计师如何将网络与设计、技术与艺术完美地结合，是非常值得我们深思和研讨 的。1一骑红尘妃子笑，谁人知是荔枝来之信息传播信息元素可以说是网络最基本 的元素，互联网自始至终都起着一个信息传播 的做用，也是由此而产生 的。自从人类诞生以来，人类社会至少已经经历了四次意义重大 的信息传播革命，每一次信息传播革命都把人类文明推向一个新 的发展阶段。第一次信息传播革命是语言传播 的诞生。第二次信息传播革命是文字传播 的诞生。第三次信息传

4、播革命是印刷传播 的诞生。第四次信息传播革命是模拟式电子传播 的诞生。最新 的一次信息传播革命，即正在我们身边发生 的第五次信息传播革命，是数字式电子网络传播 的诞生。网络媒体 的出现，使得传播者与受众之间 的传统 的相互关系正面临巨大 的变化。人类进入了真正 的信息时代。网页设计以信息传达为目 的，而传达 的最终表现界面则永远也脱离不了媒体。媒体与网页设计之间 的关系是互动 的，媒体既体现了设计，又给设计带来了局限性；设计既受制于媒体，又是新媒体产生 的动力之一。我们大家所共知 的传媒方式有报纸、广播、杂志、电视等等，这些在现代媒体中仍然占主要位置。如果与互联系网络比较 的话，它们这些传媒方

5、式就显 的相当单一。因此它们 的先天缺陷也越来越明显，所以像这种单一 的传达方式也使设计师受到了一定程度上 的限制。人们接受信息 的途径是多方面 的。像视觉、听觉、触觉、嗅觉、味觉等一系列感官 的综合使我们更加全面 的去了解其他 的事物。为了能使信息传达 的更全面一些，一直在追求完美 的设计师也在寻找着一个崭新 的媒体来表达完善 的设计。因此当今互联网络顺利 的成为新生 的、综合感官 的、充满活力 的新媒体，也为设计师创造了前所未有 的信息传达手段与途径。而且随着技术 的不断发展，它极有可能成为最完善 的媒体。这应该引起每一个平面设计师 的关注。网络 的发展速度和力量是惊人 的。2横看成岭侧成

6、峰之视觉效果可以说网页是通过视觉元素来进行信息传达 的，这里说 的视觉元素包括文本、背景、按钮、图标、图像、表格、颜色、导航工具、背景音乐、动态影像等。无论是文字、图形、动画，还是视频，为了使网页获得最大 的视觉传达功能，网页设计者所要考虑 的是如何适应人们视觉流向 的心理和生理 的特点把它们放进页面这个“大展示窗口”里。由此确定各种视觉构成元素之间 的关系和秩序。因此，设计时应该研究各种视觉造型元素之间 的距离、位置、面积和视觉流程 的问题。从理论说起，视觉流程 的形成是由人类 的视觉特性所决定 的。因为人眼独特 的结构，造成只能产生一个焦点，而不能同时把视线停留在两处或两处以上 的地方。这

7、样就使得人们在阅读一种信息时，视觉总有一种自然 的流动习惯，先看什么，后看什么，再看什么。视觉流程往往会体现出比较明显 的方向感，它无形中形成一种脉络，似乎有一条线、一股气贯穿其中，使整个版面 的运动趋势有一个主旋律。心理学 的研究表明，在一个平面上，上半部让人轻松和自在，下半部则让人稳定和压抑。同样，平面 的左半部让人轻松和自在，右半部让人稳定和压抑。所以平面 的视觉影响力上方强于下方，左侧强于右侧。这样平面 的上部和中上部被称为“最佳视域”，也就是最优选 的地方。所以在网页设计中，重要 的信息和标题栏通常在这个位置出现。只要遵循视觉流程和符合人们认识过程 的心理顺序和思维发展 的逻辑顺序就

8、可以更为灵活 的运用。在网页设计中，灵活而合理地运用视觉流程和最佳视域，组织好自然流畅 的视觉导向，直接影响到传播者传达信息 的准确与有效性。3进化、发展之必要网页设计这门学 科是一门后期新兴 的设计类与网络方面交叉 的学 科，在最近 的几年也随着网络 的发展越来越受人们 的重视，它是以网络为载体，把各种各样不同 的信息以最快捷与最方便 的模式传达给每一位与之相关 的人员，但是单单这种标准是不够 的，人们也对在观看各类信息 的同时逐步产生了视视美观 的需求。然而每个人对美 的追求是不尽相同 的，网页设计也是同样 的。因为要求了网页不光是把各类信息与事物放上去能看就行，这些对现在 的人们已经是远

9、远不够 的了，这时设计师就要考虑如何使受众能更好更有效率 的接收到网页上 的信息。这方面就需要从审美入手了，如何制作出清晰、整体性效果好 的页面。使人们浏览起来更方面，心情更舒畅，制作出清晰、整体性好 的页面。使人浏览起来心情愉快，接收信息也会更加容易。网页设计 的审美需求是对平面设计美学 的一种继承和延伸。我们经常所说 的如变化和统一、条理与反复、对比和调和、均齐与平衡等，对网页中文字、图形、色彩 的设计都是十分有效 的视觉规律。首先，网页 的内容与形式 的表现必须统一和具有秩序，形式表现必须服从内容要求，网页上 的各种构成要素之间 的视觉流程，能自然而有序地达到信息诉求 的重点位置。在我们

10、把大量 的信息塞到网页上去 的时候，考虑怎样把它们以合理统一 的方式来排布，使整体感加强同时又有变化。怎样使它们脉络清楚又富有清晰 的视觉效果等等。这样使页面更丰富，更有生气，看起来就不感到枯燥。其次，突出主题要素，必须在众多构成要素中突出一个清楚 的主体，它应尽可能地成为阅读时视线流动 的起点。如果没有这个主体要素，浏览者 的视线将会无所适从，或者导致视线流动偏离设计 的初衷。4千里之行始于足下之构成效果文字作为信息传达 的主要手段目前也是网页设计 的主体，文字是网页中必不可少 的元素，也是网页中 的主要信息描述要素，所以网页中文字将占据相当大 的面积，文字表现 的好与坏将影响到整个网页 的

11、质量。网页文字 的主要功能是传达各种信息，而要达到这种传达 的有效性，必须考虑文字编辑 的整体效果，能给人以清晰 的视觉印象，避免页面繁杂零乱，减去不必要 的装饰变化，使人易认、易懂、易读。不能为造型而编辑，忘记了文字本身是传达内容和表达信息 的主题。网页文字编排与设计，重要 的一点在于要服从信息内容 的性质及特点 的要求，其风格要与内容特性相吻合，而不是相脱离，更不能相互冲突。如政府网页其文字具有庄重和规范 的特质，字体造型规整而有序，简洁而大方；休闲旅游类内容网页，文字编辑应具有欢快轻盈 的风格，字体生动活泼，跳跃明快，有鲜明 的节奏感，给人以生机盎然 的感受；有关历史文化教育方面 的网页

12、，字体编辑可具有一种苍劲古朴 的意蕴、端庄典雅 的风范或优美清新 的格调；公司网页可根据行业性质、企业理念或产品特点，追求某种富于活力 的字体编排与设计；个人主页则可结合个人 的性格特点及追求，别出心裁，给人一种强烈独特印象。在网页文字 的编排与设计中，由于计算机给我们提供了大量可供选择 的字体，导致字体 的变化趋于多样化这既为网页编辑提供了方便，同时也对编排与设计 的选择能力提出了考验。虽然可供选择 的字体很多，但在同一网页上，使用几种字体尚需精心编辑和考虑。一般来讲，同一页面上使用 的字体种类最多只能有三四种。由于文本字体 的显示是需要本地硬盘字体文件 的支持 的，所以在互联网上使用过多

13、的字体是没有意义 的。文字在视觉传达中作为页面 的形象要素之一，除了表意以外，还具有传达感情 的功能，因而必须具有视觉上 的美感，能给人以美好印象，获得良好 的心理反应。图片是文字以外最早引入到网络中 的多媒体对象。网络可以图文并茂地向用户提供信息，成倍地加大了它所提供 的信息量。而且图片 的引入也大大美化了网络页面。可以说，要使网页在纯文本基础上变得更有趣味，最为简捷省力 的办法就是使用图片。对于一条信息来说，图片对受众吸引也远远超过单纯 的文字。图片 的位置、面积、数量、形式、方向等直接关系到网页 的视觉传达。在图片 的选择和优化 的同时，应考虑图片在整体编辑计划中 的作用，达到和谐整齐。

14、要达到这样 的效果，在页面图片 的合理选用时，一要注意统一，二要注意悦目，三要注意突出重点，特别是在处理和相关文字编排在一起 的图片时。网页在一定意义上说也是一种艺术品，因为它既要求文字 的优美流畅，又要求页面 的新颖、整洁，使用色彩可以产生强烈 的视觉效果，使页面更加生动。而且，浏览者在洲览网页时，留下 的第一印象就是页面 的色彩设计，它 的好坏直接影响阅读者 的观赏兴趣。因此，色彩设计在网页设计中居于十分重要 的地位。网页 的色彩设计应把握以下几个方面。首先是整个页面 的色彩选择，确定一个主色调，可以有利于体现网站主题。我们现在看到 的网页，一般以浅颜色为背景 的居多，如浅灰色、浅黄色、浅

15、蓝色、浅绿色。以浅颜色为底，柔和、素淡，配上深颜色 的字，如黑色，读来自然、流畅，也有利于突出页面 的重点，有利于整个页面 的配色，更容易为大多数人认可和掌握。其他一些次要内容，如背景图片、线条适宜采用不抢眼 的颜色，以免喧宾夺主。只有少量精心选择 的元素，为了突出强调 的需要，才采用明亮 的色彩，这些彩色亮点就会产生强烈 的视觉冲击，但如果用得太多了，就会形成一种均匀 的噪声，而达不到强调 的效果。其次，在背景 的色调搭配上一定要注意不能有强烈 的对比，特别是同时使用色彩对立 的颜色。大面积颜色适宜采用低比度，因为过于丰富 的背景色彩会影响前景图片和文字 的取色，严重时会使文字溶于背景中，不

16、易辨识。所以，背景一般应以单纯为宜。如果需要一定 的变化以增加背景 的厚度，也应是在尽量统一 的前提下 的一种变化。例如在制用标题时，为追求醒目 的视觉效果，可用比较深 的颜色，配上对比鲜明 的字体。实际上背景 的作用主要在于统一整个网页 的风格和情调，对视觉 的主体起到一定 的衬托和协调作用，一方面吸引网民 的注意力，另一方面有助于体现网站 的主题。5技术、设计之两手都网络技术与设计创意 的紧密结合，使网页 的设计由平面设计扩展到立体设计，由纯粹 的视觉艺术扩展到空间听觉艺术，网页效果不再近似于书籍或报刊杂志等印刷媒体，而更接近干电影或电视 的观赏效果。技术发展促进了技术与设计 的紧密结合，把浏览者带入一个真正现实中 的虚拟世界。技术与设计 的紧密结合在网页艺术设计中体现得尤为突出。6结语在长期 的平面设计教学 中，深刻体会到网页设计是一种综合性 的设计，它所涉及 的范围非常 的广泛，包括消费者心理学 、视觉设计美学 、人