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