(最新)网页的视觉传达与设计表现研究

《(最新)网页的视觉传达与设计表现研究》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

河南大学硕士学位论文网页的视觉传达与设计表现研究姓名：李多申请学位级别：硕士专业：美术学指导教师：赵维华20090301 中文摘要视觉传达设计作为利用视觉符号准确传递信息的同时给受众以视觉美感的设计活动，从诞生之初就与媒介有着密不可分的关系。媒介技术的发展带动视觉传达设计不断进步，作为视觉传达设计的最新发展形式，以数字媒介为载体的视觉传达以新技术创造新的设计语言和新的设计形态，在设计观念、设计流程、设计方法等方面都产生了转变，为视觉传达设计注入了新的生机。依托先进的科学技术，网络近几年不断地发展壮大，在人类信息交流的方式上进行着一场前所未有的重大变革。网页作为数字媒介的一种，以其独有的媒介技术彻底打破了传统媒介信息传达时间、空间的局限性，跨越了各种传统媒介之间的鸿沟，将它们的传达优势互补于一体，。信息的数字形式易于编辑和修改，大大丰富了信息资源量，使信息传达形式、范围、速度与效率都得到了质的飞跃。视觉作为人类获取信息最主要的方式，依然是网页信息传达的重要方式，所以，在网页视觉传达中同样需要把握大众视觉认知的心理和生理特点。在网页中导入视觉传达，合理运用视觉传达原理及视觉审美原则，确立网页中的“最佳视域”、组织自然流畅的视觉流程、营造符合大众审美的视觉环境，对信息的有效传达非常重要。网页可以综合运用文字、图像、声音、动画和视频等视觉元素，进行灵活的非线性信息传达和全方位的交互操作，为信息的全面传达提供了更为完善的设计表现手段，因此网页具有结构明晰的导航系统、人本优化的交互操作、针对性更强的分众传达、重视实用性的页面设计和多媒体综合应用的视觉传达特性，是以往任何一种传统媒介所无可比拟的。网页依然以视觉为主的传达方式使它从属于视觉传达领域；同时，网页又以其视觉传达特性打破了以往既定的形式和格局，将视觉传达形式、传达手法进行了扩展，提升了视觉传达效果，信息传达更趋多元化，使视觉传达迎来了更新、更广、更远的发展前景。由此可见，网页视觉传达是对视觉传达的继承和延伸。为了获得最大的关注度，网页需要具有信息表达能力和善于引导受众视觉注意I 力的设计。基于人们视觉生理和心理的特征，网页视觉设计呈现出简洁性、变化性、趣味性、可用性、个性化的创意趋势：通过色彩渲染情感趋向、文字加强统一感、多媒体构筑新奇趣味、交互设计突出体验、版式格局创造丰富形式的风格化策略，不仅能帮助网页树立别具一格的形象，更能帮助浏览者记忆和解读网页信息。此外，由于先进的网络技术可以对网页视觉设计的效果进行详细统计和及时反馈，网页视觉设计可以以此为依据，随着实用和审美等方面的变化，不断进行修改和完善，获得浏览者的好感与支持。这种网页视觉设计的持续性，对保持网站的生命力有着非常重要的意义。关键词：视觉传达设计网页特性创意趋势风格化设计 AbstractVisualCommunicationDesignistheuseofvisualsymbolsaccuratecommunicateinformationatthesametimeinordertogiveviewerstheaestheticvisionofthedesignedevent，fromthebeginningofbornthathascloserelationship州ththemedia．Asthelatestdevelopmentsintheformofvisualcommunicationdesign，digitalnewmediawitllnewtechnologiestocreatenewlanguageandnewdesignpatterns，carrierofthevisualcommunicationboththedesignconcepts，designprocess，ordesignmethodshavetakenplaceintheexpansion，injectednewvitality．forVisualCom．municationDesign。Relyingonadvancedscienceandtechnology,thenetworkcontinuetogrowatthewayhumancommunicateinformationonanunprecedentedundertakingmajorchanges，overthepastfewyears．WebaSadigitalmedia,晰也itsuniquetechnologyofthemediatobreakthetraditionalmedia’Stimeandspacelimitationsofcommunication，acrossavarietyofthegapbetweentraditionalmedia，integratetheirstrengthsinone，informationindigitalformiseaSytoeditandrevise，greatlyenrichtheinformationresources，SOthat，theinformationcommunicateform，scope，speedandefficiencyhasbeenaqualitativeleap．Visionasthemostimportantwayofaccesstoinformationisstillanimportantwaytocommunicateinformationonweb，therefore，thewebvisioncommunicationneedtograSPthepublicpsychologicalandphysiologicalcharacteristics。Visualcommunicateintotheweb，rationaluseofvisualcommunicateandvisualaestheticprinciples，toestablishtheweb’S”bestviewarea”，organizenaturalandfluentofvisionflow。createanaccordwithaestheticvisionofthepublicvisualenvironmentisveryimportanttOeffectivecommunicateinformationontheweb．WebcallbeGeneraluseofthetext，images，sound，animationandvideoandothervisualelements，takeflexibleNon-linearcommunicateinformationandafullrangeofinteractiveoperations，provideacomprehensivedesignandamoreperfectmeanstoTTT expressinformation．SowebhavefeaturesofVisualCommunicationthatclearstructurenavigationsystem，humaninteraction，moretargetedcommunication，regardpracticabilityofthewebdesignandgeneralapplicationofmulti-media，everareaunparalleledbytraditionalmedia．Webcommunicateinformationisstillvision—basedapproachtomakeitsubordinatetothefieldofVisualCommunicationDesign；atthesalne，Web’Svisualcommunicatefeatureswerebreakthepreviouswell-establishedformandpaaem，theformandthewayofvisualcommunicationhavebeenexpand，enhancedvisualeffects，communicateinformationmorediversified．ⅥsualCommunicationappearnew,broaderandmoredistantfordevelopment．ThisshowsthattheWebVisualCommunicationistheinheritanceandextensionofVisualCommunicationDesign．Inordertogainthegreatestdegreeofpublicconcern，needabilityfornecessaryinformationandguidetheviewers’visualattentiondesign．Itisbasedonthevisualphysicalandpsychologicalcharacteristics，WebVisualDesignshowingthesimple，thechanges，theinteresting，theavailability,andtheindividualitycreativetrends；throughthestyleandstrategyofcolorrenderemotionstendency，characterstostrengthenthesenseofunity，Multi·mediabuildnoveltyandinterest，InteractiveDesigntohighlighttheexperience，formattocreatearichpattemoftheform，notonlytoahelpforestablishauniqueimageoftheweb，bebeRerequippedtohelpvisitorstomemoryandinterpretationofinformation．Furthermore，advancedtechnologycanbedetailedstatisticsandtimelyfeedbacktheeffectofWebVisualDesign，helpwiththepracticalandaestheticaspectsoftheever-changingneeds，thetimelymodificationandimprovementofwebpagedesigninordertoobtainthegoodwillandsupport．WebVisualDesignofcontinuity,tomaintainthevitalityofthesitehasaveryimportantsignificance．KeyWords：VisualCommunicationDesignWebcharacteristicCreativetrendsstyledesignIV 关于学位论文独立完成和内容创新的声明本人向河南大学提出硕士学位中请。本人郑重声明：所呈交的学位论文是本人在导师的指导下独立完成的，对所研究的课题有新的见解。据我所知，除文中特别加以说明、标注和致谢的地方外，论文中不包括其他人已经发表或撰写过的研究成果，也不包括其他人为获得任何教育、科研机构酌学位或证书而使用过的材料。与我一同工作的同事对本研究所做的任何贡献均已在论文中作了明确的说明并表示了谢意。学位中请人(学位论文作者)釜名：蕉盏200i冬§兔}l＆关于学位论文著作权使用授权书本人经河南大学审核批准授予硕士学位。作为学位论文的作者，本人完全了解并同意河南大学有关保留、使用学位论文的要求，即河南大学有权向国家图书馆、科研信息机构、数据收集机构和本校图书馆等提供学位论文(甄质文本和电子文本)以供公众检索、奎阅。本人授权河南大学出于宣扬、辰览学校学术发展和进行学术交流等目的，可以采取影印、缩印、扫描和拷贝等复制手段保存、汇编学住论文(纸质文本和电子文本)。(涉及保密内容的学位论文在解密后适用本授权书)学位获得者(学位论文作者)签名：麓参2007年oAa学位论文指导教师签名：{垒丝丝毕2007年6A!B 1．1研究背景第1章绪论如今，网络不仅进入我们的视野，更成为生活的一个重要组成部分，它已经形成一种不可逆转的力量，给生活的方方面面带来极大的变化。网络正在改变着的远远不止人们的生活方式，更重要的是，它同时在人类信息传达领域中进行着一场前所未有的重大变革。信息在网络上克服了以往传达过程中可能会遭遇的诸如政治、经济、地域以及文化等因素地阻隔，信息传达的范围、速度与效率都得到了质的飞跃。网页以网络为载体，主要通过视觉元素吸引人的注意力，把各种信息以最快捷、最方便的方式传达给受众。面对日益庞大的网站数量以及受众日渐提高的审美能力和标准，一个网站的成败与否取决于它是否能满足人们对信息传达、对视觉美感的需求，因此，网页设计已经不再是单纯的脚本编程，不再单纯地停留在把各种信息堆砌上去可以观看就行的初级程度，而是开始越来越注重设计思想的融入与设计手法的表现。网页中视觉信息的组织编排是否合理有效，网页页面视觉的设计是否符合大众审美心理，都会直接影响到信息传达效果的体现，‘都会影响整个网站在受众群体中的认知度。为了使网页获得最大的大众关注度，需要具有信息表达能力和善于引导受众视觉注意力的设计。在满足大众审美需求的同时，使受众能更好地、更有效率地接受网页上的信息，已经成为了网页设计的发展目标。1．2研究现状1．2．1国内研究现状与前几年相比，现今国内对网页设计的关注有所增加，国内设计优秀的网站数量也正在慢慢增多，可整体的行业现状依然不够理想。从大量网站的现存实际情 况来看，我国的网页设计目前还处于发展提高的阶段，与国际专业网页设计的标准尚存在着很大的差距。就网页视觉传达设计而言，我国在这方面的理论研究还不成熟。即使已经形成一些基本的理论，也是零散的，所以也就不可能在实践中充分发挥其指导作用。比如，梁景红著的《webDesignerIdea一设计师谈网页设计思维》，着重从“设计”和“创意思维”两部分分别探讨了导航、版式、色彩、风格等提出了一些理论与实际应用相结合的方法。徐珂，苗彤，赵晖合著的《网页·视觉与设计》，针对网页设计特有的若干问题进行了详细的论述，对网页制作时遇到的具体问题从方法论角度进行了分析和阐述。邹慧琴，敖蕾，谭开界合著的《互动网页设计与易用度》，试图把软件的使用功能、网站易用度和平面设计三者结合起来，让网站设计更具人性化，实现高度的互动。从以上列举的这些比较具有代表性的论著中不难看出，我国网页视觉传达设计的现状主要表现为：首先，国内专门研究网页视觉设计的专著少，常见的网页设计论著多是从网页制作技术和制作软件应用这两个方面入手，其中很少地真正能涉及到设计层面。其次，对网页设计作为特殊设计表现形式的研究不够重视，没有突出网页设计自身的独特性。第三，缺乏从视觉传达角度入手对网页设计进行系统研究的书籍，进行的研究也仅仅是对色彩、文字、版式等元素的一些流于表面的简单陈述。正是因为系统全面、有针对性的设计理论的缺乏使我们的网页视觉传达设计实践一直处于低迷的状态，所以，我们迫切需要那些有实用意义和实用价值的理论研究。1．2．2国外研究现状与国内相反的是，国外的网页设计作为一种将技术性与艺术性融为一体的创造性活动已经存在了很长的时间，发展到今天己经形成了一套相对成熟的理论，并拥有一定的实践经验。我们的邻国韩国和日本对于网页设计的研究也已经取得了相当大的成就，时下可见的很多网页设计模板都是来源于这两个国家。由韩国人崔美善著写的《设计师谈网页视觉特效》一书，对多样的网页风格进2 行了分类，系统地整理了相关案例和信息，介绍了视觉效果的表现技巧，不同分类标准的具体案例及图形设计的表现方法，色彩的作用、色彩术语、色彩的搭配等与色彩相关的基础知识，交互式设计的相关案例，隐喻设计及其网页案例等其价值就在于可以作为网页设计中的实用指南，激发网页设计师的创意。另一本《设计师谈网页风格构成》，则致力于分析多样的网页设计风格，有体系地理解设计风格并将其融入到设计创作中，运用可以激发创意、扩展设计思路的方法对网页设计风格的多样性进行分类，并对具体的案例进行分析，有助于扩展网页设计师的思路。韩国人姜恩正，黄静慧著的《设计师谈成功网页设计原则》，是一本面向网页设计师的理论性图书。通过优秀的网页实例，介绍建立优秀网页过程中构筑网页差别化特性、表现企业价值观等原则，拓展网页开发者对于网页风格的认识视野。通过实例分析和理论指导，帮助设计师构建更加具有特色、具有生命力，能够在竞争中处于不败之地的优秀网站。由此可以看出，国外在网页视觉传达设计这方面的成熟。通过大量的实践，已经总结出一些可行性很高的基本理论，如将传统的艺术设计理论、格式塔知觉理论、人机交互设计理论和可用性设计原则与网页设计的结合应用；提出了在设计中应该遵循简化性、一致性、均衡性、统一性等原则；同时在网页设计研究中还分析了在设计中各信息之问的关系，提出了许多网页设计中独有的设计基本原则。这些在我们的网页设计应用中都是很宝贵的财富，具有很高的实用借鉴价值，。并可以成为我们进行研究的理论基础。1．3研究意义如今是一个信息爆炸的时代，网络结合了报纸、广播、电视等传统大众媒介形式，成为新的信息获取、交流的主要方式。但是，长期以来我们一直把目光过多地停留在网络的技术发展、网络的经济效益、网络的社会影响等方面，对网页中的视觉设计却少有关注。实际上，网页的视觉设计不仅作用于信息传达，对网站本身的发展来讲也有着非常重要的作用。目前，我国的网页视觉设计相对落后。 除了一些较大型的专业网站在网页设计上比较注重之外，其余绝大部分的国内网站普遍在网页视觉设计上存在欠缺。基于此，本文将视觉传达设计与网页两者结合进行研究。全文首先以视觉传达设计的概述为开端，为后续的研究做好理论准备。然后将视觉传达设计引入网页，探讨视觉传达原理在网页中应用的必要性，总结网页视觉传达的特性。接着针对网页视觉设计的创意趋势和风格化设计表现以及网页设计的持续性三个角度，进行更深层次的研究和探讨。文中对于网页视觉传达特性的总结，以及对网页视觉设计的创意趋势和网页风格化设计表现两方面的探究具有创新意义。旨在使网页视觉设计在满足大众对信息和视觉审美需求的同时，增强网站自身的行业竞争力。同时，也为日后更加深入系统进行这方面的研究提供一个可供参考的资料小结。4 第2章关于视觉传达设计视觉传达设计作为将信息作用于人的视觉，引发人的心理共鸣，准确传递信息的同时给受众以视觉美感的设计活动，具有很强的目的性。从诞生之初就与媒介有着密不可分的关系，媒介技术的进步不断扩展出新的传达领域，创造出新的传达方式，形成新的设计语言，呈现新的设计形态，从而带动视觉传达设计的发展。作为视觉传达设计的最新发展形式，以数字媒介为载体的视觉传达无论是设计观念、设计流程，还是设计方法等方面都产生了转变，为视觉传达设计注入了新的生机。2．1视觉传达设计的基础理论2．1．1视觉传达设计的概念视觉传达设计由英文VisualCommunicationDesign直译过来，是一个深受西方文化和传播学影响的学科名称，简称视觉设计。视觉传达设计是一门视觉研究及视觉应用的学科，也是现代艺术设计的一个组成部分。视觉传达设计的主要功能是利用视觉符号来进行信息传达，人们通过视觉传达设计传播思想，进行相互交流，由此获取信息。这使它有别于以使用功能为主的产品设计和环境设计。相对于造型艺术来讲，视觉传达设计集艺术创作、传播学以及科学技术于一体。因此，视觉传达设计也可以理解为是基于人们为达到某种目的，将计划、构想、解决问题的方法通过有计划、注重审美效果的设计元素以视觉的方式表达出来，从而引发人的心理效应，以产生一定的积极反应、联想，继而导致一系列后续行为的活动过程。2．1．2视觉传达设计的演进历程“视觉传达设计”这一术语在1922年由设计师w·A·德威金斯正式提出，二十世纪六十年代真正兴起并广泛流行。“当时日本东京举行世界设计会议，与会5 者认识到，在不断扩大的影像媒体中，视觉和影像已作为独立的传达手段而存在，它们与其他传达手段(如语言等)不同，而是更能得到充分表现的一种设计。视觉传达设计这一名称的出现和认知，是随着世界上科学技术的日新月异而产生的。而原来的印刷美术设计所包含的种种活动和表现内容等已不再适应社会的需要，为了包括映像(即影像)等新的信息传达媒体，视觉传达设计便应运而生。”∞视觉传达设计的发展与现代商业社会的繁荣和信息传播技术的进步密切相关。机械印刷带来了商业招贴画的繁荣，促使视觉传达设计向大众信息传播迈出最重要的一步。20世纪二三十年代，摄影技术开始应用，带动视觉传达设计加快发展。1946年美国和英国开始播放黑白电视，1951年美国开始正式播放彩色电视，影像技术的革命，大大拓展了视觉设计的领域。到了20世纪80年代，电脑辅助设计技术开始在世界范围内普及，引发了一场新的设计技术革命，在改变了视觉传达设计面貌的基础上，同时也开创了视觉传达设计的新纪元。现代视觉传达设计不再只满足于通过媒介向社会广大受众发布信息的基本功能和属性，转而发展为将设计触角更多地关注于新科技、新材料，新手段的应用，探索更富于时代特征的个性化“设计语言”，并由此创造了比以往任何时候都更丰富的设计表现形式。“从这个意义上讲，视觉传达已不是单纯意义上的设计活动，而集科学、艺术、文化于一身的社会创造活动，它营造的是多元信息形态的视觉新世界。’’圆2．1．3视觉传达设计的特征视觉传达设计作为一种目的性很强的审美创造活动，主要通过大众传播媒介向社会发布信息，因此，设计形式必须服从于信息内容，即：在设计中，着眼点要突出信息及其内涵，信息传达是第一位的，其次才是艺术表现手法。视觉传达设计利用视觉符号来进行信息传达，设计师是信息的发送者，受众是信息的接收者。在对信息进行编码的过程中，首要条件是信息的发送者和接收。曾宪楷．视觉传达设计[MI．北京：北京理工大学：}{版社，1991：1．@余义虎．视觉传达设计多元特征与表现【J】．甘肃联合大学学报．2004．7第20卷第3期：70一71．6 者必须具备部分相同的信息知识背景，只有这样，受众看到设计作品后的反映与事先预想的结果才能具有“一致性”，传达才能真正得以实现。设计为人，是一个永恒不变的主题。对受众的理解，是视觉传达设计信息传播成功与否的基础。随着视觉传达的方式变得越来越多样和先进，在视觉传达设计中，要充分考虑受众群体的视觉心理，清醒地认识到信息接受者不是机械的、被动的受纳器，而是一个具有积极主动的内驱力的主体。就传达信息这个设计目的而言，视觉传达设计与传播有着脱不开的干系。那么，视觉传达设计实际上是人与人之间的一种行为。这种人与人之间的信息交流带有双向性。在视觉传达设计活动中，设计者强调并尊重受众，将受众的需求作为设计的出发点，是由设计者向受众传播信息这一方向的体现；同时，受众在收到信息后，对信息的反应和由此而产生的态度也会反馈给设计者，以便有助于以后设计活动的开展，这是由受众向设计者传播信息这一方向的体现。2．2媒介变革与视觉传达设计的发展媒介是传达信息的载体，没有了媒介的存在，信息的传达也就成了空话。媒介多样性，也造就了多形态的“设计语言"。视觉传达效果的优劣，不仅取决于设计师独具匠心的设计，媒介的适当选择与应用同样也起着决定作用。所以，视觉传达设计从某种意义上来讲，是不同媒介的设计。从设计共性上讲，传统视觉传达媒介可以分为静态和动态两大类。从视觉角度进行划分，静态媒介的视觉传达设计属于二维空间，但也有相当一部分是将平面设计作立体的处理，或是立体设计作平面的表现；动态媒介的视觉传达设计则属于三维空间。这两种不动形态的媒介因其自身的特点不同而对视觉传达设计中信息的传播有着各自不同的影响。2．2．1静态媒介视觉传达设计视觉传达设计的传统静态媒介主要包括印刷媒介和户外媒介。尽管这两种媒介 的形式有着一定的差异性，但它们的共同点是一经设计完成，信息的形式便保持一种相对的静止，它们的传播范围广泛、形式多样、可以涵盖社会生活的很多个方面。印刷媒介主要是指纸质媒介，它主要包括报纸、杂志、纸质包装以及纸质招贴等，信息在纸上依赖印刷技术得以传达。纸质印刷媒介在信息传达中的一个突出特点是灵活主动，可|；【集中进行大量的投放，使受众笼罩在无处不在的信息包围中，对信息自然而然形成一定的接收，所以，这种灵活主动在某种程度上带有一定的强致性。另外，纸质媒介通常还具有较强的针对性，这一点在报纸和杂志这两类纸质媒介上体现的更为明显。报纸和杂志通常都拥有稳定的受众女性2杂-I志鲥(EL蝻LE)搿黻女性杂志封面。群，比如像全球最畅销的时尚类女性杂志《ELLE》，它的读者群是积极乐观的现代女性，她们敏锐，富有创新意识并对新鲜事物充满着激情，这部分的受众在喜好方面有着共通之处，因此信息的传达具有明确的方向。但印刷媒介的传达基本上是一次性的，缺少重复的可能，所以要使受众对信息产生良好的记忆效果，其实是对设计提出了更高的要求。 图2-2百事可乐户外广告、灯箱广告、车体广告户外静态媒介主要是指在户外环境中，用来作为视觉传达设计载体与受众进行信息沟通的物质媒介，主要包括静止的路牌、招贴以及活动的汽车车身等。大型的，固定的物体是户外媒介的主要形式，这为设计提供了更为广阔的表现空间，有利于创造更富于冲击力的视觉形象来加强传达的效果。户外媒介的信息传达同样居有一定的强致性，视觉信息形象经过持久而反复的刺激对于受众接受与记忆帮助很大。但是因为户外环境的嘈杂，使得信息的传达容易受到干扰，另外长时间暴露在外容易受到损耗，及时的修复是确保信息有效传达的必需工作之一。无论是印刷媒介还是户外媒介，在视觉传达中多是以图形设计为主要表现手段。力求通过凝练的造型．创造出鲜明而突出的信息形象。因此，静态视觉传达通常给人“一目了然”的感觉，却也会由于其单一静止的画面和高度概括的信息形象造成所传达的信息量不足，容易引起受众的“误读”、“漏读”。第二届全国大学生广告艺术大赛参展作品一一《世界读书日logo系列》，可以说是一个很好的例子。图2d招贴设计t世界读书日logo系列' 这个系列招贴由两张作品组成。初看到这两幅设计作品的人，第一感觉都会以为这是著名的运动品牌耐克和麦当劳快餐的广告。然而，仔细观看后会发现，在设计中这两大世界闻名的品牌标志被巧妙的演化成了卷起和翻开的书本造型：它们的广告语也进行了变化，成了“JUSTREADIT．’’和“I’锄readint’it．”，招贴的最下方有一行文字——“他引领文化，书籍同样如此，世界读书日”。看到这里，也许多数人才能真正明白，其实这是一组世界读书日的宣传招贴。由于与著名品牌的结合，书本突破了固有的形象，产生了比以往更强的视觉冲击力，但同时受到冲击和挑战的还有受众的理解力，因为相关知识背景的缺失，很多受众极有可能无法在第一时间就真正理解设计者的初衷和要表达的设计含义。阿尔多斯·赫胥黎在谈到“观看”时提出过这样一个公式：感兴+选择+理解=观看。实际上这可以理解为，受众的兴趣越丰富，感觉到的就越多；感觉到的越多，选择的就越多；选择的越多，理解的就越多，那么最后记住的就越多，认知的也就越多。在静态媒介的视觉设计中，信息形象往往较为抽象，深刻的内涵需要人们调动感性和理性两方面的思维去深入解读。然而，由于受众并非全部具备解读能力而导致传达目标不能完全实现。这也是以图形设计为主的静态媒介在视觉传达中的最大弱点。2．2．2动态媒介视觉传达设计20世纪20年代至50年代，无线电广播、电视、录音、录像等一系列模拟式电子传播技术与传播媒介相继出现，并普及到千家万户，促使人类信息传播的速度空前迅疾、范围空前广泛、内容空前丰富，复制、扩散和保存信息的能力空前增强。人类进入到以摸拟电子为主的大众传播时代。电视作为视觉传达动态媒介的代表，有明显的优势。这些优势首先体现为它是一种将视听感官相结合的媒介，它更为逼真地浓缩了显示场景。科学研究发现人们获得的信息从记忆效果看，听到的信息能记住20％，看到的信息能记住30％，边看边听的能记住50％，所以电视的视听兼备更适于人的生理特性。它综合了视觉、听觉等感官元素，动态的视觉画面是其传达信息的主要部分，而有了声音等】0 其它形式的补充，其所传达的信息量也就更大。因此人们从动态视觉传达形式中获取信息比从静态传达形式中获取的要直观和省力。其次，随着技术手段的不断加强，电视的时效性也在与日俱增，对于突发信息的传达，电视往往能抢得先机。当然，动态媒介并非是完善的。相对于静态媒介，其技术要求、制作成本都相对较高，因此，它的传达覆盖范围就远比静态视觉传播形式窄的多。保存性差、选择性差也是一个无可回避的弱势。转瞬即逝的信息传播，有着“一次过”的特点，为了便于受众对信息的记忆，电视不适合以过于复杂的形式来传播信息，给视觉传达设计带了相对的局限性。此外，由于电视是按事先预定好的顺序进行信息传达，时间的不可逆与没有自主选择性，使受众一直处于“你播我看"的被动地位，难免会由此产生一定的抗拒心理，导致受众的流失，信息传达效果减弱。不同的媒介具有不同的特征，这些特征给视觉传达设计带来了不同的表现舞台和空间；又因为每种媒介存在着自身的局限性，制约了视觉传达设计的发展。为了打破局限，得到更完善的信息传达效果，人们一直在不断的追求，不断地酝酿产生新媒介，也预示着视觉传达将要突破传统界限，最终成为一种能够融合多种学科的载体。·2．3数字媒介给视觉传达设计注入新生机创造新的美学形式、新的艺术观念，找到人与人之间新的交流方式等等诸如此类的探索，一直是人类社会前行的助推力。进入20世纪90年代以来，随着现代通讯和网络技术的迅速发展，我们进入了一个数字信息时代，数字媒介成为了信息交流与传达的主要媒介。所谓“数字媒介"是指那些承载、存储、处理、传输数字化资讯的媒介的总称，其核心是数字信息符号传播技术的实现。作为视觉传达的最新发展，数字媒介的视觉传达在设计观念、设计流程和设计方法与传统视觉传达设计具有原则上的相似性，但在传播、显示、操作等方面又有着很大差异。由O与1组成的一串串数字流，形成一个容纳了无限信息的庞大空间。在这个空间中，信息完全以数字形式进行发送、接收以及存储，同时产生了新的几乎 涵盖了人类的思考、情绪、声音、视像、触摸等所有感官功能的交流方式。数字媒介具有前所未有的特点与优势，首先，文字、色彩和图形等视觉元素在数字媒介中都可以根据设计意图不断变化，这为视觉设计提供更多可行的创意空间。其次，超级链接引发了信息传达方式的改变，使数字媒介既有电视媒介的声音、画面等直观生动的表现形式，又同时具有印刷媒介的随意转换页面并保持任意时间停留的特点。此外，各种信息以相互链接的方式存在，彼此没有顺序上的固定位置，可以根据浏览者的选择以非线性的方式输出，受众因此彻底摆脱了一直以来的从属地位。每个时代都有当时特定的思维理念。纵向来看，设计理念与思维的变更是随着媒介技术的发展不断地继承传统、反叛传统的螺旋上升的过程。当我们进入数字媒介的高速信息时代，以往平面化、静态化、线性化的设计思维和设计观念也在发生着转变。例如：数字媒介视觉传达设计的重心更多地关注于对受众生理和心理需求的满足；多元化设计元素更广泛的综合应用在信息谴鬣鼷瓣俐图24c鲥dlleUttefback创作的互动类视频作品(untied5》。在浏览者的操作之下，具有互动特性的数字媒介会随着蝌览者的动作而产生变化。形象的塑造中；视觉语言从“静态”延伸到“动态”，从平面走向“三维”乃至“四维”⋯⋯这些富有时代特征和创新意识并适于数字媒介应用的设计观念和思维方式正在慢慢趋于成熟和完善。以高速发展的科技为基础的数字媒介视觉设计时刻与科技紧密结合，以新技术创造新的设计语言、设计形态，并随科技的进步不断发展、更新，不断得以完善，至此可以预见，视觉传达设计与数字媒介的结合将产生前所未有的巨大力量，带来和以往完全不同的强大传达以及沟通效果。12 第3章网页视觉传达的概述网页作为数字媒介的一种，以视觉为主的传达方式使它从属于视觉传达领域，因此同样需要把握大众视觉认知生理和心理的特点，通过应用视觉传达原理、视觉审美原则，确立网页中的“最佳视域”、组织自然流畅的视觉流程，营造符合大众审美的视觉环境。网页能够综合运用文本、图像、声音、动画和视频等传递信息，具有丰富的多媒体表现与互动的特性，这些特性决定了网页视觉传达有着与众不同的发展特征，产生新变化与新发展，信息传达呈现出崭新的视觉表现形式。3．1网页的相关阐述科技的进步将网络带到了我们身边，互联网从来没有像今天这样清楚的、响亮的萦绕在我们的耳际，近几年随着网络的不断发展壮大，人们对网络的需求同趋加深。时下，各行各业都在运用网络技术发展和壮大，绝大多数的人享受着网络给生活带来的种种便利，网络不仅进入我们的视野，更成为我们生活的一个重要部分，它已经形成一种不可逆转的力量，渗透到我们的生活中，给方方面面带来极大的变化。从上网聊天到网上炒股，从浏览信息到博客空间，从网上购物到网络银行，我们面对的网络是一个全新的平台，它可以提供无限的信息，让人们足不出户即可遍知天下之事。网络正在人类信息交流的方式上进行着一场前所未有的重大变革。‘互联网是由成千上万的网站组成，而每个网站又是由诸多的网页构成，所以，网页是互联网络中最基本的信息发布单位，文字、图片、声效、动画作为信息交流的主要元素通过终端屏幕显示，给人们带来获取信息和沟通的最大便利。网页不只是一个信息传播的媒介，更是一个信息发布、整合、资源归类和加工的多元化空间，人们的智慧和理想在这个空间里得到最大的展示机会。 3．1．1网络的发展与网页设计的兴起．Internet是世界上规模最大、用户最多、影响面最广的电脑信息网络。它起源于20世纪60年代美国军方的局域网互联计划，这个计划造就了Internet的前身ARPANET。1985年，美国国家科学基金会又建立了一个明显区别于ARPANET的具有学术研究性质的超级计算机共享网络，名为NSFNET，成为现在Internet的发展基础。其后，由于美国政府、大学以及商业组织的纷纷加入，国际互联网初具规模。早期的网页都是由字符组成，以功能性为第一指导原则，以技术因素为主要考虑对象，以完成或者实现必要的功能为目标。由于字符组成的网页可以达到基本的信息传达作用，同时技术要求相对较低，并且有较大的稳定性，所以这种形式的网页存在了一段很长的时间，成为一个时代信息传达与交流的主要形式。在网络世界里，技术始终起着先导作用。随着计算机技术的不断发展、操作复杂程度的增加，传统的文字页面渐渐不能满足人们的需求，图形化网页的出现成为用户的期盼。1992年，美国国家超级计算机活动中心的MARCANDREESSEN开发出一种即用于windows的叫做MOSAIC的程序，它可以显示图形，并能在超链接间漫游，所有操作只需利用鼠标即可完成，有了MOSAIC作为技术支持，网页设计从此出现了图形化的界面。近几年，随着FrontPage、Dreamweaver、Fireworks、Flash等可视化专业网页设计及开发工具的相继出现，越来越多的艺术设计人员开始加入到网页设计领域中，网页设计逐渐演化成为一门新兴的设计和网络交叉的学科。如今的网页内容既丰富又全面，集信息传达与视觉审美于一体，能够满足各种不同需求的浏览者。网络作为新媒介，逐步走向成熟和完善，网页设计也开始从传统平面设计的范畴中独立出来，形成了具有自身个性的一个新的设计体系。3．1．2网页是具有优势的新媒介网页作为传达信息的一种新媒介，同其他的传达媒介在视觉传达设计上有许多共同之处，也要遵循视觉设计的基本原理。但是，由于表现形式、运行方式和 社会功能的不同，网页又有其自身的媒介属性。具体地说，网页作为传达媒介具有以下的优越性：3．1．2．1传播范围广、更新速度快、时效性强网络以其独有的技术优势，彻底打破了所有传统媒介信息传达的局限性。在空间上，由于网络的无所不在，信息可以最大程度地跨越地域的限制，进行最为广泛的传播；在时间上，它既打破了电视选择性差、稍纵即逝、难以保存的弱点，也打破了印刷媒介一次性传播、缺少重复性、有效期短等弱点，每条信息在网络上的传达都可以得到相对长久存储，并且可以在受众选择后得到重现，不必担心在多番选择后，需要的信息会消失不见。这些便利最大程度地超越时间和空间的限制，为信息的传播提供了广阔的天地。具有易编辑性的数字信息形式在传达的过程中占有不可比拟的先机，当其他传播媒介仍在编辑的时候，互联网早已将信息传达到受众的身边。网页上的信息即使在发布后，继续保持数字化的形式存在，所以即使是在信息已经发布的情况下，要对信息进行修改、增减或是对传达形式做出调整都依然非常便捷。3．1．2．2信息传达的多元性、交互性和个人化文字、声音、图像、动画、甚至虚拟显示被综合运用于网页中，跨跃了以往信息传达媒介间难以逾越的鸿沟，各种媒介的传达优势互补，一条信息拥有多个化身，能用不同的方式述说同一件事情，多种形式之间可以互相自由转换。受众可以在接受信息的过程中享受到更多的乐趣。交互功能的实现，使信息的传达由发送者的推给变成了接受者的拖出，受众享有了高度的主控权，使他们可以选择自己真正需要的信息。同时，也突破了单向线性的传达方式，彻底摆脱了处于“你登我读"、“你说我听”、“你播我看”的被动地位。“未来每一个人，除了在现实生活中的自己外，在网络上也有一个自己的代表，在网络上能够体现个性、思想以及各种信息，同时他人也可以随时与网络上的个人代表形象沟通交流。每一个现实生活中的人将成为互联网的一个‘节点’。 因此，网络社会化的核心就是个人网络化。”①信息个人化的实现，让网络上人人都可以发表自己的意见。人人都有可能参与到传播系统中来成为信息的主角，这种方式适应了现代人崇尚自主、渴望参与的心理要求。3．1．2．3信息存储量大、复制、检索便捷信息的海量存储是网络不争的一个特点，因此，成为人们获取信息的最佳方式和优先选择。作为最大的信息库，一切方面的资讯基本上都能通过搜索引擎或超链接迅速查找并呈现在屏幕上。从最早以搜索引擎为代表性的yahoo，发展到现在几乎每个网站都提供搜索服务，只要键入关键词，就能利用网络找到各种相关资料。2000年6月，Chinaren．tom和百度公司召开联合新闻发布会，在Chinaren网站提供中国首家提问式搜索服务，浏览者可以用提问的方式更直接地查询所需的信息，搜索引擎在1秒之内就会给出令人满意的结果。如此便捷的检索功能已经与传统的报刊、电台、电视有着天壤之别。从网络媒介上复制信息更是易如反掌，无论是直接复制粘贴或者文件下载，都只需浏览者动动鼠标和键盘就可以完成。以网络为载体的网页不但拥有丰富的信息资源，强大的检索功能，灵活的超链接，并且传达过程中图文声像并茂，使用方便；交互操作实现了受众与传者之间的实时沟通，这种及时反馈，彻底改变了传统的交流方式。综上所述，网络具有无限的新生力量，使它极有可能成为最完善的大众传达媒介。3．2网页媒介导入视觉传达“抛去媒介这层外衣，网站是信息的储存空间。从理论上来说，套用相同的模板，只要保证浏览者能够获取信息，网站的功能就实现了。”@那么，为什么网页媒介与其他媒介一样，需要将视觉传达设计引入进来呢?网络媒介是一种被动点选媒介，没有传统媒体的强迫性阅读特点，由于网络的交互与非线性特点，受众可以自由地对网页上的信息内容进行选择，而且网上①陈念群．数字媒体创意艺术【M1．北京：中国广播电视ff{版社，2006：66-67．@梁景红．WebDesignerldea’一设计师谈网页设计思维[M]．北京：电子工业出版社，2007：1。16 信息内容极其丰富、受众有着宽松的选择余地，因此信息传达和接受的有效性显得尤其重要。美国加洲大学学者Richard在他的文章《注意力的经济学》中提出“注意力经济”这样一个概念，即在知识经济时代，由于信息的广泛传播和数量巨大，信息能否抓住公众的注意力已成为关键。于是，研究注意力的属性和特点、在众多泛滥的信息中赢得人们的注意力就成为一个至关重要的问题。网页主要通过视觉元素的引人注目来实现信息内容的传达，毫无疑问属于典型的注意力经济。为了使网页获得最大的大众关注度，使网页真正成为可读性强而且新颖的传播媒介，网页视觉传达同样需要把握大众视觉认知的心理和生理的特点，应用具有信息表达能力和善于引导用户视觉注意力的传达方式，保证用户迅速从网页中得至口他们所需的信息。所以，网页媒介必不可少要导入视觉传达。312．1视觉传达原理在网页中的运用当人们通过视觉感知外部世界时，受到客观限制的视野，不可能同时关注到两点或者两点以上，视线总有一种自然的流动习惯，这就是视觉流程。对于网页设计来讲，视觉流程是一种“空间的运动”，是视线随网页中的各构成元素在空间沿一定轨迹运动的过程。掌握视觉流程．运用视觉移动规律，将各种视觉信息进行有序组织，可以诱导浏览者的视线依照设计的意图进行流动，从而有序地接受信息。心理学的研究表明，在一个平面上，上半部让人轻松自在，下半部让人稳定压抑，左半部让人轻松舒展，右半部让人局限和拘谨。所以，人们习惯于从左向右看，从上往下6I％56％圈3-i视区内注目程度33％28％23％看，视觉注意力上部强过下部，左侧胜过右侧，因此，左上部和中上部在设计应用中被称为“最佳视域”，也就是视觉传达中信息放置最优选的地方。17 在网页视觉传达中要合理地运用“最佳视域”，主要的信息，如主标题、每天更新的内容等通常被安排于此，在第一时间吸引浏览者的视觉注意力。将图片、文字等组织成自然流畅、符合人们普遍思维习惯的视觉流程，可以引导浏览者的视线方向，使他们能高效获取信息，满足他们的物质或者精神层面的需要。这种满足感将植根于浏览者的记忆中，奠定他们再次访问的基础。3．2．2视觉美感在网页中的体现视觉美感的产生是一个生理到心理的过程，人们通过视觉器官对外界进行感知的时候会产生某种情感体验，假如是积极的，也就是对知觉的对象产生某种喜悦、爱好的情感，对它的整个形象觉得悦目，并进一步转化为“美的情感”体验，就产生了视觉美感。网页设计近几年渐渐受到人们的重视，作为一门新兴的设计门类，网页设计是设计学和网络学的交叉学科，是艺术与技术的综合产物，在不断发展完善的过程中，人们对它产生了视觉美感的需求。网页设计的视觉美感是对平面视觉传达设计美学的一种继承与延伸。那些在传统平面设计中能满足人们视觉审美需求的美的特征，如变化和统一、对比和调和、均齐与平衡等，对网页中的文字、图形、色彩等视觉元素的设计也同样是十分有效的。落实到网页设计中，要注意以下两点：首先，在网页众多构成要素中必须突出一个视觉主体。它应尽可能地成为浏览者视觉流程的起点，如果没有这个主体要素，浏览者的视线将会无所适从或者偏离传达初衷。其次，在大量的信息被安置到网页上时，要以合理的、统一的方式来排布，要调节好结构轻重、大小、虚实、多少的对比，使它们脉络清楚又富有清晰的视觉效果，增强页面整体感的同时又要体现多样的变化，这样的页面更丰富、更有生机。正如长久以来人们对美的追求是一个不断深入的过程一样，对网页的视觉美感需求也是这样一个过程。时代在变迁，特别是在生活节奏如此快的互联网时代，由于追求目标的变化，人们的审美观念也在不断地变化，但是美的本质是一样的，在科技进步的带动下，很多目前不容易实现的审美形式也逐渐被克服，突破网络18 带宽的瓶颈，将给网页设计的自如发展带来一片更新更广的天地。3．3网页视觉传达的特性疾速发展的网络媒介为信息的全面传达提供了更为完善的设计表现手段。视频、动画等新的视觉设计元素广泛应用于网页的设计中，与文字、图形共同构成版面，更大程度上满足人们的审美需求，更有效地完成信息传达。灵活的版面布局及全方位的交互体验，要求设计构思时不但需要考虑静态的视觉效果，还要以运动的眼光加以审视，设想浏览者互动参与之后视觉元素可能呈现出的种种样貌，并通过富有针对性的设计来排除一切对信息传达造成的干扰。网页的易编辑性使设计可以产生多种版面方案和视觉效果，随时进行调整以应对浏览者的日益细分及他们的不同喜好，及时为浏览者呈现更新鲜的视觉体验与更富于趣味性的信息获取过程。由此可见，网页视觉传达具有的特性是以往任何一种传统媒介所无可比拟的。33．1结构明晰的导航系统信息传达在网络上呈现非线性是建立在超链接基础上的，表现为一种自由的、多方向和不确定的组织形式，这不仅是传达方式的转变，更重要的是一种创造思维的体现，它更符合人的思维习惯，迎合了浏览者不愿被约束的心理，体现了对多元化、人性化人文精神地尊重。非线性传播在丰富传达方式的同时，也给网页视觉传达带来●薯：％。普⋯，髓蓬霉蓄蓄譬鬻婆燃“y，，嚣#、，⋯～u一_，⋯～、、4■i■i■i■墨斌圈3-2址旺血咄砒曲珥clal曲皿n呈衄导航条的位置明显色彩突出．一耳了然，便于使用 了前所未有的新挑战。因为浏览方式的跳跃性和不确定性，在没有明确指引的情况下，浏览者随时会面临着迷失方向的可能，当陷入不知自己身处何处，不知自己下一步该如何继续获取信息以及如何回到起点的境况时，多数人可能因此会失去耐心，终止对网页的浏览。为了避免出现这种情形，导航系统自然成了网页视觉传达中必不可少的重要组成部分。指引人们从以最短的时间和距离到达目的地，就是导航的作用。网页的导航系统设置与网站的结构是紧密联系的，网页组织形式决定了导航系统的层次。需要注意的是，应该保证在任一页面都具有明确的导航系统引导浏览者自如地进行非线性信息接收。当网页结构复杂，出现较多层次的时候，还应该指示出当前页在网站中的位置，这个时候，站点地图不失为实现复杂站点导航的好方法。导航既是科学，又是艺术。保证导航的顺利只是网页设计工作的一部分。在视觉传达设计领域，还要进行导航形式、导航条样式的设计。导航条的设计和其它设计一样，应根据网页进行信息传达的目的来进行，因为导航不仅仅是一系列的链接，它更是思考和构建网站的一要，3主膏爵蒿{茅号；挈釜在：：；：舞“8”动4。形式“种方法。文字、图像、图标甚至活动的小动画，各种设计元素都可以用于导航的设计，但是无论采用何种样式，导航的设计都要与页面结构相适合。特殊的、隐蔽的导航方式也许可以在首页上引起人们的兴趣，但是如果过多地采用这种设计，会降低网页的可读性，分散浏览者对页面信息的注意力。一个优秀的网站导航系统使用起来轻松自然、明确清楚。要做到无论浏览者在网站的什么位置上，都可以自由地跳转到其他想去的页面上。这就要求导航系20 统结构明晰、布局合理，而且最好只需一次点击就可以完成跳转。另外，网站的构成图也是很有效的一个导航手段，从这里浏览者可以～目了然的掌握网站的整体结构，想看的地方轻轻一点就可以进去。3．3．2人本优化的交互操作网页中的所谓的“交互”，是指传达者与接受者双方都具有控制能力，可以实时参与，以满足彼此不同的需求，而且传达者与接受者的角色是可以互相交换的，彼此之间传送的信息互相对应、具有相关性。交互设计可以分为人机交互和人际交互两个层次，通常这两种交互操作都需要在联入互联网的状态下才能进行。TheML“-uinofModemArt(现代艺术博物馆)的TallBuilding是一个由Flash剖建的专题网页．页面设计精巧、交互操控十分便捷。所呈现的是最近十年内25座摩天大楼的设计。通过点击对应的建筑图形．进入对应的建筑舟绍页面．逐渐深入的了解每个建筑的相关信息。图3-4ww、v．moma．org／exhibitons／2004／tallbuildings人机交互是指人与机器之间的交互方式，即人做出的操作带来机器的响应。网页链接就可以用来说明一个简单的人机交互循环。单击一个链接，得到一个页面，再选择，再得到另一个页面．如此循环往复。链接操作形成了人与机器互动、 互相交流的操作环境，信息接受者可以根据自身的需要进行调整、控制。人际交互则是指使用者之间，彼此通过媒介载体进行交互。人际交互设计在网络上得到了很好的运用，籍由网络聊天室、或者是在论坛发表意见等方式，给使用者提供自由参与信息交流的机会。交互的意义在于放弃安排，让位于感官的随意参与，无论是人机交互还是人际交互，好的交互总是体现为操作的易用与便利，并能随时在富有视觉美感的交流平台上，进行及时完整的信息传达与接收。网页视觉传达的交互操作提供了更广泛的沟通渠道，创造了参与体验的机会，满足了人们要求主动参与信息的交流和接受的愿望。3．3．3针对性更强的分众传达网络的广泛应用大大丰富了信息量，受众对信息的接受有更多选择权，呈多元化和细分化，分众传达因此显得非常必要。所谓分众，是指通过调研，依据受众的动机、需要、欲望等诸多方面的差异，把受众划分为若干个受众群，以此确定信息传达内容以及方式的过程。由于分众传达的受众需求更为单一明确，因此，信息传达针对性更强，效果更为理想。在分众传达中，传统视觉传达方式限于其广泛性的特点，很难做到具体到某一特定群体或个人的点对点式的传达，即使像报纸、杂志一类有相对固定受众群的传统媒介，也因为媒介本身的局限性，无法完全满足受众日渐提高的需求。例如，将年轻群体确立为目标受众，网页媒介可以突破单纯平面、静止的形式，不仅可以采用艳丽的色彩和生动的视觉造型这些单H年轻t9人3自-5日豢萎装蒜：i：；；溉月站 纯平面、静止的表现形式，更可以用迎合青年人品味的背景音乐、穿插被青年人追崇的时尚视觉形象动画，充分实现富于活力、形式新颖、动感强烈的视觉效果，多感官同时刺激，更贴近于既定的受众群。受众的地位在网络上发生了变化，从被动接受到主动选择，受众主观能动性大大提高，成为驾驭信息的主人，“传者中心”为“受众中心”所替代。只有信息内容能够满足人们的动机和需要，并同时能够带来愉悦的心理和生理体验时，人们的注意力才会集中到这些内容上来。网页视觉传达因其媒介技术的优势而拥有更多可以利用的视觉元素和表现手段，可以塑造出更具个性化的信息形象，真正满足分众传达的需要，将“广播”变成“窄播”。3-3．4重视实用性的页面设计网络的诞生晟初就建立在功能需要的基础之上。到今天同样人们对网络的需求也离不开使用它的功能，伴随着数字图形软件的广泛开发与应用，网页设计也经历着不断的变化。仅仅j、6年的时间，就经历了几次巨大的转变。其中比较突出的变化是对网页实用性重视的提升。产生这种变化的主要原因是，随着用户和访问频率的急剧增加，导致网站必须把多余的纯装饰性的东西省略，以提高网站的可读性；另一方面，通过长期实践已经积攒了一定的经验，总结出哪些信息是应该突出的重点，哪些服务是必须提供的。重视实用性实际上就是突出欲传达信息的主体视觉形象。无论这个信息主体具体表现为什么样的形式，它都是传达的核心。惠普公司的新产品推广页面设计极其简洁，在所有构成要素中，将鲜明醒目的配色和大比重的页面空间用来安置信息主体形象——新产品，让它成■■■■■一。。。。。一⋯ANNuU^ALLsS^vALElNGs￡L：I=：_'’一一，一⋯燃+：：o_‘2己■-■■■■_一一一●7毋图3-6邶蛐止【m皿∞瘟普新产品推广页面诱发人们对新产品的信息产生兴趣，给予23 关注，使受众对信息的内容、形貌、性能、特性有更直观、深刻的印象更好地和更有效率地将信息传达给受众是网页视觉最本质的目的，一切设计中的表达方式都要服从于这个目的。然而，这并不意味着将各种文字、图片信息的简单罗列。Pericraft页面在保证浏览者第一时间就可以清晰明白地了解网站结构，溢置寻找到自己需要信息的同时，从大众审美需求方面着手于页面的设计。通过美妙的配色、灵活的版式，具有互动性的flash操作．制作出引人关注的页面。这样页面不但使人浏览起来心情愉快，而且便于接收信息。从重视实用性角度出发来进行网页设计必须考虑浏览者如何从网页中得到功能，如何更好的得到功能。这就需要站在浏览者的角度柬进行设计构想，才能使网页得到认同。网页设计在审美需求中对实用性的重视是对视觉传达设计的延伸发展，是网页视觉传达日趋成熟的一种体现。3．3．5多媒体的综合应用多媒体的综合应用是指网页视觉传达可以兼容多种媒介元素，含盖文字、图形、声音、动画、视频等，因此，网页可以体现多种媒介的传达特性。不同的媒介在视觉传达过程中所发挥的作用自然是不尽相同的，当多种媒介元素综合应用于同一场台、用于实现同一信息传达目的时．其效果必然会更加全面，更加有力。网页整合各种媒介形式并与其他媒介共同发展，同时也优化了各种媒介形式，如24量童一 在线音乐、在线广播、网上电影、网络电视等，都得以在网络上共同进步、共同发展。多媒体的综合应用是网页视觉传达的特殊优势之一，随着网络科技的继续发展，这种综合应用会越来越完善，以满足浏览者对网络信息传输质量提出的更高要求。3．4网页视觉传达是对视觉传达的继承和延伸根据科学研究表明，在人们接受信息的过程中，视觉获得的占83％、听觉占11％、嗅觉占3．5％、触觉占1％，因此，视觉是人们获取信息最主要的方式。网页以日新月异的科学技术为基础，依靠强大的技术手段，在信息传达中融合了视觉、听觉等多种感官的共同参与，但视觉依然是网页传达的主要方式。所以，同样需要把握大众视觉认知的心理和生理特点。在网页中导入视觉传达，合理运用视觉传达原理及视觉审美原则，确立网页中的“最佳视域”、组织自然流畅的视觉流程，营造符合大众审美的视觉环境，对网页视觉传达来说非常重要。我们正在向着一个持续完备的数字化社会行进，传统视觉传达方式因为种种局限性，已经不再能完全满足人们的需求。网页作为新媒介，以其独有的媒介技术彻底打破了信息传达时间、空间的局限性，跨越了各种传统媒介之间的鸿沟；能够综合运用文字、图片、声音、动画和视频等传递信息，将传达优势互补，融于一体；信息的数字形式易于编辑和修改，使信息传达形式、范围、速度与效率都得到了质的飞跃。丰富的多媒体表现与全方位的互动操作，更强调信息传达形式个性化和信息传达观念以人为本。这些特性打破了以往视觉传达的既定形式和格局，产生了新变化与新发展，信息传达呈现出崭新的视觉表现形式：将视觉传达领域、视觉传达表现手法进行了扩展，提升了最终传达效果，信息视觉传达更趋多元化。在网络提供的这样一个更大的舞台上，视觉传达的发展迎来了更新、更广、更远的前景。 第4章网页视觉设计表现探究为了获得受众的关注度，网页越来越注重设计思想的融入与设计手法的表现。有信息表达能力，能够引导受众视觉流程，有效传达信息又具有美感的视觉设计，成为了网页设计的发展目标。那些顺应网页视觉设计的创意趋势和拥有独特视觉设计风格的网页更容易脱颖而出。此外，随着实用和审美等各方面需求的不断变化，持续性地完善和修饰网页视觉设计是构筑有生命力的网站的关键。4．1网页视觉设计的创意趋势创意的字面意义可以理解为创造新意，如果将它扩展一下，也可以说创意就是打破陈规，冲击平庸。创意的产生有着它自身的必然规律，而网页视觉设计的创意，必定与网络的特点相关联，与受众的视觉心理与心理需求相关联。创意的产生，首先应该透彻的了解所处的客观环境和目标用户；然后再决定要以怎么样的面貌出现。也就是说网页视觉设计的创意不仅仅是设计师的主观意志和思维的体现，更大的程度上，创意来源于客观的需要。总结起来，网页视觉设计的创意呈现以下几个趋势：4．1．1追求简洁性简洁性受到越来越多的关注是针对网页设计中内容罗嗦、冗长的错误而产生的。根据眼球的生理结构而知，视觉最有效的感知部位在视网膜上只占很小的比例，这决定了在一定的时间内只能容纳少量的视觉信息。网页中蕴含的信息量越多，真正能够发掘出目标信息主旨的机率就越低。一个网页中如果存在过多的视觉信息元素，超出了既定的视觉容量，人们反而容易产生抵触反应，引起不快感。因此网页设计的创意应该以简洁、直接的想法取胜。简洁并不是指信息内容量的多少，而是要求通过视觉元素的设计安排将内容精炼化，使信息具备高度的浓缩性和明白易懂性。26 在garden．COCOIn的首页，白色的背景中只有导航文字(news、works、about、contact)醒日地撑满页面。网站信息精练，采取弹出式窗口的展示方法。点击后弹出的窗口浮于导航之上，把导航文字用作背景，整个网站韵页面干净、时尚、前卫而高效，给访问者留下深刻的印象。图4-1衄姐业曲扯曲1血皿皿酉¨现代生活的快节奏，使受众阅读信息的时间极为短暂并且分散，要想引人注意，必须永远保持简洁、简洁再简洁。过于复杂的内容使人难以理解和把握。因此，网页视觉设计应陔是一种简洁的艺术，具各简短、易读、易记，任何过多的信息都会破坏传达效果。文案、标题、标语应简短、单纯，要删去一切与主题无关的繁杂装饰，突出主要的诉求点。无论图形、文字、色彩要高度概括，用直观简约的方法将信息转化为典型、理想的艺术形象，从而增加注目值。4．1．2重视变化性传统的线性传播决定了同一信息在不同时问、地点有可能被重复接收。然而，网络的非线性传播与自主选择，使得网页信息不太可能被重复点击和关注，假如网页的更新速度比传统媒介还滞后，较长时『口J都保持不变，就限制了网页作为新 媒介的优势。在网络上，一成不变和缺少活力会减少浏览者对网页的热情和认可。没有人会对过时的信息有兴趣，所以网页上的信息一定要注意即时性。假如浏览者多次访问都只能看到与上次相同的内容，则会认为这个页面是永远不会更新的，因此放弃对这个网站的关注。网页更新包括内容和形式两个方面。每逢重大节日，诸如百度这样的大型网站都会适时的推出节日logo的全新设计。节日logo的设计不仅充分体现节日气氛，有丰富内涵，能够表达一定的价值观与趣味，同时又结构简洁，标志性强，富有创造性，并具有象征意义，十分便于传播。在保持页面统一性和连续性的前提下，经常更新内容，变换新的表现形式，有利于引起新的视觉刺激，吸引更多的视线，增加访问量。也就是说，网页尽量要在每天发生一些新的变化，总是制造新鲜感。更新是互联网永恒不变的主题，但是究竟哪些内容是更新的重点，并不是随意确定的，要通过分析调查浏览者的数量和所关心内2‰7Bai’棼吞度百度2007年』c旦logo蟛姆≮白a幽度d名度、砂媚。=o容的倾向来决定。当然，更新的内容要在醒目的位置通知给访问的浏览者，才能切实体现出网页的变化性4．1．3关注趣味性追求生活的快乐和情感趣味，让生活变得丰富多彩又充满乐趣，是现代人重要的精神层面需求。在这种情况下，网页视觉设计也应该以渲染现代生活的情趣为创意表现的方向，激发人们心灵上的向往和追求，由此期望获得良好的点击率。puccaclubcom是韩国著名的Flash人物Pucca的俱乐部网站，无论是版式格局、导航菜单、动态效果都十分出众。活泼而可爱的视觉造型，丰富而鲜明的色彩，28 美妙而协调的音效将轻松愉悦的情绪传递给浏览者，吸引他们的目光，引发他们的热情对整个网站进行访问，从中获得精神上的享受。圈4-3，口＆ⅡⅢ￡∞duL衄趣味性在设计中有时甚至可以起到主导作用。就像一些趣味性很强电视广告，看过后不只是简单一笑，更多的是它能在人们脑海中形成独特的视觉印象，达到宣传目的。网站也是一样的，尤其是以塑造形象为设计初衷的那些网站，能有好的趣味性作为依托，将会令人过目不忘，必然更有说服力。趣味性创意在设计中的合理表现，不仅有助于积极地发挥网页本身传递信息的作用，在促进点击率的同时，也在人与网络、人与社会之间，协调各种矛盾和紧张关系，创造出互相信任、彼此融洽的人文环境。美国未来学家、《大趋势》一书的作者约翰·奈比斯特指出“未来社会正在向着高技术与高情感平衡的方向发展。”重视创意情感思维在网页视觉设计中的比重，是网页设计创意逐渐趋向成熟的一个标志。4．1．4强调可用性可用性从最基本的层面上说，是指产品和用户之间的关系，是一个任何与用户使用的产品都相关联的术语。～个产品要有用处，也就是指它必须能够让使用者通过一种有效的方式来实现自己的目的。网页作为一种在网络平台上使用的产品，它的最终使用者是受众，网页视觉设 计必须符合他们浏览网站的习惯和需要，并且对于网页上的各种信息、操作和功能都有正确的引导。“是否能够让用户迅速获得所需的东西，这是衡量网站的主要标准。’’①网页视觉设计是一个合理计划组织的过程，目的在于让浏览者更舒服、更愉悦地享受到网站提供的信息，而实现这一切的核心思想是以浏览者为中心进行设计构思、设计创意并在设计作品中转化为现实。设身处地地为浏览者着想是可用性创意的来源基础，所谓“设身处地"，即换位思考。可以理解为，在设计中将自己想象成这一网页的浏览者，假设我们是浏览者，我们希望看到怎样的网页?当然，对网页视觉设计内涵的了解也是非常必要的，只有掌握网页本身的传达特质，才能够做到真正的换位思考，才能够在设计中更加完善地体现出对可用性的表达。可用性本身并不是设计的最终的目标，相反，它是实现目标的途径。好的网页视觉设计，应该让浏览者掌握所有操作的主动性和控制权，感觉到网页在为他服务，而不是在用程序限制他，这是可用性的原则实质。4．1．5渴望个性化这里提到的个性化设计，并不是将网页视觉设计与纯艺术家的孤芳自赏等同，而是针对网页特性提出的。网页具有多线程的特点，即浏览者可以从任何一点出发，随着网页设计内容的变化以及个人兴趣的不同而多向展开，再加上互联网仿佛是一张大网，充满了无数的链接，所以很容易在没有完全浏览完一个网站的时候就被另外一个新网站吸引走。为了避免浏览者注意力的转向，网页视觉设计须要保持比较明显的个性。个性化创意的实现需要具备很强的创新能力，能充分利用色彩、图形、图标、按钮、标志、声音等元素，目的只有一个，就是在复杂的页面转换过程中始终吸引住浏览者的目光。个性化的设计创意要善于捕捉时代的新鲜气息，创造符合当代审美心理和审美习惯的新的时代美感。富于个性化的网页更容易脱颖而出，在众多的网页中抓住函马月．网站界面设计[M]北京：北京理工大学出版社，2006：26．30 浏览者的视线，提高自身的点击率和信息传播的有效性。在各类网站风格同质化现象严重的今天，网页设计的个性化显得尤为珍贵。在网络日新月异，求新求变的时代背景下，个性化的视觉设计是网页继续生存和发展的必备条件之一。三维风格的造型元素在网页上的应用并不十分常见。正所谓“物以稀为贵。，三维风格所体现出的精妙视觉效果难得一见．所以深受人们的喜爱。这种三维造型手法在虚拟腱示中足十分遥甩的手法。一，L．二：‘谬哆二图4-4www．Milla．de4．2网页视觉设计的风格化策略风格是指在艺术上独特的格调，或某一时期流行的一种艺术形式。风格在某种程度上来说，可以理解为一种可被识别的特征。就网页的风格设计而言，它汇聚了页面视觉元素的外观，它的形成使得网页具有自身不可取代的特点，独立出众多的同类，用于传递信息。不仅帮助网页树立别具一格的形象，对浏览者解读和记忆网页的信息内容也十分有意义。4．2．1色彩上渲染情感倾向特性色彩在网页设计中是一个重要的表现要素，“色彩使人产生的各种情感感觉 从认识论的角度来说，是人对客观世界的主观反应。”o作为第一视觉语言，色彩会直接刺激人的感受，或者通过间接的联想，表达特定的情感、内涵、文化、心理等等信息。比如对色彩产生的温暖感、重量感、距离感等，不同的色彩将给人不同的感受。色彩的这种联想与象征的特质，从设计接受、欣赏的意义上说，能够使接受者感到亲切，从而产生好感，留下深刻印象。口网站设计是依赖色彩的，借助于色彩的不同处理，使网站创造出与众不同的视觉形象，易于人们认知与识别，起到强化记忆的作用。我们看到的网页，一般以柔和、素淡的浅颜色为背景的居多，配上深颜色的字，读来自然、流畅，也有利于突出页面的重点，其他一些次要内容，如背景图片、线条适宜采用不抢眼的颜色，以免喧宾夺主，这样的色彩运用，更容易为大多数人认可和掌握。图4-5色彩形容词k莲竺冉鱼备《：嚣搭产”舢"撼玳”oca—cGatlin网站配色奥秘大公开talwancnet㈣200106-0732～监■、＼∞l上：¨ 适当的色彩运用具有引人注目、打动人心的力量。当色彩吸引了浏览者的视线后，色彩所表现的形象和内容等一切信息也同时进入了浏览者的脑海中，能起到先声夺人、快速传达信息的作用。如果选择以易记忆、易辨认的色相当主色调，或选择单纯、明亮的色彩组合，都更容易引人注目，快速构成深刻的视觉印象。图4．7幽氆山柚越世t皿活泼、愉悦的儿童旧页美妙的色彩组合所创造的完美境界可产生强烈的视觉冲击力和艺术感染力，能引起人们视觉观感之外的情感联想。色彩不仅可以帮助网页树立自身形象，同时可以作用于浏览者的心理，表达特定的情感，对网页上信息的传达有辅助作用。4．2．2文字上加强统一感特性文字作为信息传达的主要手段，从最初的纯文字界面发展至今，仍是网页中必不可少重要构成元素。时下，文字在视觉设计中早已不再局限于信息传达的用途，而是演变成一种最直接的、富于启迪性和宣传性的视觉设计表现形式。网站由众多的网页构成，作为一个整体，在众多组成页面上要强调统一性，从而保证网站视觉的整体效果。文字是一种长期凝炼而成的视觉表现元素，具备更多理性的特征．这在整体网站风格一致性的营造中有着更为突出的作薹蠡'』，m10n。n'il．璧翌西圈重盖川l，j曼S宴宴璺鳃量。。4-、8膏；舞，i：嚣蔷警““。“麦5’美雪 用。如果访问麦当劳的网站，无论是在哪个地区或者国家的网站页面中，都可以看到位于左上端的“I'mlovin’it"的训言和“M’’字的标志。像这样在每页的版头上反复地使用相同的单词和文字，不仅强化了网站形象，而且营造出统一感，这种贯彻，会给受众留下深刻的印象。作为网页视觉设计的一种表现方式，文字的设计要服从信息内容的性质及特点的要求，使其风格与内容的特性相吻合，而不是相脱离，更不能相互冲突。文字的主要功能是传达各种信息，而要达到这种传达的有效性，必须考虑文字设计的整体效果，应给人以清晰的视觉印象，避免繁杂零乱，使人易读易懂。字型设计良好，组合巧妙、具有新意，独具特色的字体，可以强化网站的完整性、一致性，从而塑造网站自身特有的视觉形象，既能给浏览者留下深刻的印象，更有助于信息的有效传达。4．2．3多媒体构筑新奇趣味特性人类所有对周围世界的认知都是经视觉继而到达大脑，所以视觉上引起关注至关重要。“关注’’的达成，在网络上由色彩、文字、动画，音效等多种设计元素共同完成。多媒体的综合运用能够最大限度地激发浏览者的好奇心理，进而激发深入了解的热情。比如由优美的影像与协调的声音配合而成的动画视频等都会使浏览者产生新鲜感，这样的网页自然会给人们留下深刻的印象。Neostream．corn是一个主要制作网页、动画等多媒体内容的公司，本部在澳大利亚的悉尼，代表作品有VOLVO、FUJISU、LG等网站。Neostream的网站，凭借多媒体的全面应用使浏览者在对网站进行访问的整个过程中都身处于一个千变万化、充满新鲜感的多媒体世界。造型别致的形象，千变万化的运动方式，生动逼真的音效，全部都在激发浏览者浓厚的兴趣，使入不知不觉便被深深吸引，留下深刻的印象。 鎏避脊／圈4-9型Ⅱ班血笈缸韭a【虬^皿嘲站处处都克满稽多蛭体J带来的何趣功作和音散在网页中恰当地选择和运用多媒体，通过它们构筑出独特的、充满新奇趣味感的网页，会令人过目不忘。不仅加深了浏览者对网页上信息的|己忆，也同时使嘲页具有了与众不同的风格，更容易吸引目光。4．2．4交互设计突出体验特性体验是指通过自身的感觉器官对人或物或事情进行了解，在这个过程中．综合了感觉、情绪、身体和理性的所有作用而产生某种肯定或者否定的反映。就像我们买农服时，首先看整体的感觉，然后试下色彩和式样是否适台自己，最后再看看衣服的质量，也就是说通过视觉和触觉等五感，能够更全面地把握商品。如果浏览网页时也能够使用多种感观进行感知．所得到的效果一定会史好。mI：么，怎样爿能通过体验获得肯定呢?良好的交互式网页设计恰恰可以实现彩感官共同参与体验目的，也更容易获得浏览者的肯定。YugopCOm是一个设计类的网页工作室。进入这个网站，随处充满着以互动设计为J·￡础的体验操作。通过亲自尝试操控的体验，每一个浏览者都可以体会到设：％一‘I，．■受●l4 计师的艺术感受以及他们丰富的想象力，体验到他们所营造出的网络艺术魅力。图4-10hIi叫蛐上掣驻如础姐血h血u单2i蛐浏览者对网页的体验是通过交互沟通界面实现的，交互沟通界面是指那些可以被浏览者操控而做出相应反映的界面，在沟通界面上包括导航、信息内容、交互体验结构以及一系列的视觉元素。编排设计保持一致，使用方便，体验压力轻的设计自然会提高浏览者对体验的向往。交互体验设计中使用者要真正掌握控制权，除了可自行决定所欲选读的信息，并可随时中止浏览或重新开始之外，更可以通过亲自尝试操控，对自己感兴趣的部分进行更为深入和全面的把握，体味设计传达的主旨，了解设计的涵义，加深对信息的获取程度，享受到更多的乐趣。在设计中提供丰富的互动性的体验，是比较有效的网页风格化手段，也是确保信息最全面有效传达的方法。4．2．5版式格局创造丰富形式特性网页版式设计是指在浏览器空间里，按照视觉传达内容的需要和审美的规律，结合各种平面设计的具体特点，将文字、图片等视觉元素加以组合编排的过程。网页的版式设计与印刷品等传统静态媒介的版式设计有着共同之处，就是在传达信息的同时，使版面给人感官上的美感和精神上的享受。但网页的版式设计 创作比较自由，没有所谓固定的长宽比例，而是一个动态的、变化的“版面空间”，丰富的版式格局有利于不断地创新．但是任何创新都要符合长期浏览网页的过程中所形成的视觉习惯，这样的设计才能提高页面的可用性。因此，进行版式设计时需要注意一些技巧的应用。构建简洁的视觉流程。成功的视觉流程安排，能使各种信息要素合理分布，在位置、间隙、大小上保持一定的节奏感和美感。当然，网页的流觉流程并不是固定不变的公式，只要合理运用视觉移动规律，巧妙的安置各种视觉信息，就能赋予网页合理的视觉流程。如水平线使视线横向移动，给人精巧、安宁感：垂直线使视线上下移动，给人直观、坚定感；斜线使视线沿斜线方向移动，产生强烈不稳定的动态感；而曲线视觉流程则会让人感觉富于节奏、韵律和柔和的感觉。目4-11hnD：一⋯nchlnavisuaJco⋯再补小叫枞量“。程的叫n板J℃改汁空白的巧妙运用。空白是网页版面设计的一种技巧，它的作用不亚于色彩、图像和文字，也是一种可以加以运用的设计表现方法。通过相互对比、衬托，营造有层次的视觉空间，突现图形和文字的存在。当然所谓空白区域不一定是白色-其实际颜色的设定应与页面整体色调相配合。◆ ebland．rE的页面中留有大片采用圆角弧线型、富于形式变化的空白，页面呈现出一种整洁而明朗的视觉。空白平衡丁页面的轻重、虚实，信息形象由此而凸现出来，视觉冲击力得以强化而成为了视觉焦点。网页版式设计的最终目的是有效地传递视觉信息。在不断的创新，丰富版式格局的时候，始终不能忘记要提高传达的效率这一韧衷。所以，版式设计应该以能增强人们对页面的注意，增进对内容的理解和记忆为目4．12一web】∽d“最根本的设计出发点，从而影响人们的思想和浏览行为。现在，大多数的网站都形成了自己的设计风格，比较普遍的追求舒适、亲切感的体现。页面以明快生动的色调为主宰：更多采用圆角外框加强友好可亲的基调：凝练简洁的字体设计减轻了阅读压力：空白巧妙分离出重要信息，提高了页面的易读性和实用性；精致的图标提高了版面的视觉美感。“美”与“功能”的完美结合是网页视觉设计的目标，也是发挥风格化设计的创意基础。因此，在网页视觉设计中，要不断开拓进取，从多方面、多途径去探索网页设计风格，并且尝试将不同的设计风格发挥到最好。4．3网页视觉设计的持续性每天都有新的网站产生，同时也有很多网站从人们的视野中消失。互联网就这样不断的进行着优胜劣汰的更新。能够持续拥有生命力的网站是那些得到了受众的好感从而被认可的网站，构筑具有生命力的网站，就需要持续地修正和更新网页视觉设计。] 无法衡量的东西就无法管理。传统的媒介因为只能单方面地传递信息，所以很难对传达效果进行衡量。而网络因为技术的先进性可以对一个网站中各网页被访问的次数、每条信息的被点击的次数进行记录，甚至还可以详细、具体地统计出每个访问者的访问时间和IP地址。根据上述这些详细的统计，可以及时了解某个网站上信息的传达及影响范围，甚至了解具体某一条信息的效果和有效程度，这对网页视觉设计的及时更新与调整具有非常重要的意义。为了得到浏览者的好感，获得持续的支持，网页视觉设计并不是网站建立起来就完成了使命，而是需要随着实用和审美等各方面的需求，进行不断的完善和修饰，这也是前面所述的重视变化性的实际体现。例如，为了保持浏览者对网站的新鲜感，很多大型网站总是定期或不定期的进行改版，这就需要设计者在保持网站视觉形象一贯性的基础上，不断创作出新的网页设计作品。。F卸n”与术果插画的巧妙站台，虽然使谢览者很快就能注意到品牌，也能感受到饮料的香甜水果口味．但是却因为过于静态的简单表现乎{杰．娃得平漩无奇，摊煞T悯页的嫘介特性。新般本的设计．背景乜虽然只是简单的进行渐变变化，却叫瞳增强r层次感；受多明艳的色彩加入进来丰富了视赞美感：融台了日笛h动画及声音的多媒体运用提川丁访问者韵感官乐趣。“Fantm”的新设计更让人流连。图4．13www．Fanta．co．h 灵活的实时性、准确的统计性及便捷的编辑性，使网页可以及时对视觉设计进行调整和修改，更换相应的视觉表现方式，配合网站不同时期的经营策略，以及用户的反馈信息，持续地更新网站，对网页视觉设计进行维护和完善，才能构筑出真正具有生命力的网页。40 结语本文通过引入视觉传达设计理论，将网页与视觉传达结合，针对网页主要依靠视觉进行信息传达的现状，阐述视觉传达原理、视觉审美原则在网页中应用的必要性；剖析网页媒介在信息传达方式、范围、速度、效率上的优越性，归纳出网页具有导航、交互、分众、实用和多媒体综合的视觉传达特性；基于网页从属于视觉传达设计领域，又以自身的媒介优势和特性将视觉传达形式、传达手法进行了扩展的研究，提出“网页视觉传达是对视觉传达的继承和延伸”的观点；并从视觉传达角度着手，结合实例，梳理网页视觉设计简洁、变化、趣味、可用、个性的创意趋势；从颜色、文字、多媒体、交互设计、版式五种设计元素入手，总结网页视觉设计的风格化策略，并解析了网页视觉设计的持续性对保持网站生命力的重要性。这样的研究探讨，有助于在网页设计实践中更好地将网络媒介技术与视觉传达设计艺术结合，创造出真正合乎人们审美需求的视觉环境，更好地服务于信息传达，对于我们进行网页设计有实用意义和价值。当然，网页视觉传达设计伴随着科学技术手段的迅速发展，依然有许多的可变性。一方面，视觉传达设计从产生之初，就与现代通讯科技有着密不可分的关联，每次传媒科技的创新都带动视觉传达设计发生改变，这就意味着视觉传达设计是一种有无限发展潜力的设计类别。另一方面，网页是新生的、综合感官的媒介，而且随着技术的成熟，它极有可能成为最完善的媒介，其视觉设计的领域、视觉设计的表现形式一定还会继续发生转变。究竟如何应用新的网页信息传达形式，顺应新的设计发展方向，汲取一切可用的媒介新力量，实现网页视觉传达设计中的新突破，是在未来的网页视觉设计中值得我们认真思考和研讨的。由于网络技术和视觉传达设计在科技地催化下都拥有无限的发展空间，加之本人学术积累和掌握相关资料的有限，这种研究肯定带有探索性和阶段性，一些内容并不深入和完善，也难免会存在着疏漏和不当之处，恳请各位老师不吝指正，以期在后续深入研究的过程能够进一步改进和完善。41 参考文献[1】李砚祖，芦影．视觉传达设计的历史与美学[M]．北京：中国人民大学出版社，2000．【2】芦影．平面设计艺术[M]．北京：中国人民大学出版社，2005．【3】尹定邦．设计学概论[M]．长沙：湖南科学技术出版社，2004．【4】柳沙．设计艺术心理学[M]．北京：清华大学出版社，2006．【5】薛红艳．设计的视觉语言[M]．北京：化学工业出版社，2006．【6】6王令中．视觉艺术心理[M]．北京：人民美术出版社，2007．[7】毛德宝．中国艺术教育大系美术卷平面设计[M]．北京：中国美术学院出版社，2008．【8】毛备宝．版面编辑设计[M]．南京：东南大学出版社，2007．【9】陈念群．数字媒体创意艺术[M]．北京：中国广播电视出版社，2006．[10]鲁晓波，詹炳宏．数字图形界面艺术设计[M]．北京：清华大学出版社，2006．【11】丘星星．视觉传达设计心理[M]．福』·It：福建美术出版社，2000．【12】梁景红．网站设计与网页配色实例精讲[M]．北京：人民邮电出版社，2004．[13】梁景红．WebDesignerIde卜设计师谈网页设计思维[M]．北京：电子工业出版社，2007．[14】徐珂，苗彤，赵晖．网页视觉与设计[M]．北京：人民邮电出版社，2001．【15】习维．传媒艺术设计概论[M]．北京：高等教育出版社，2006．[16】徐恒醇．设计美学[M]．北京：清华大学出版社，2006．[17】方兴，杨雪松，蔡新元等．数字化设计艺术[M]．武汉：武汉理工大学出版社，2004．【18】张亚丽．多媒体艺术设计[M]．北京：中国电力出版社，2007．【19】余强．设计艺术学概论[M]．重庆：重庆大学出版社，2006．[20】王延羽．视觉传达设计[M]．北京：中国轻工业出版社，2007．【2l】周钧．视觉传达色彩设计[M]．北京：中国青年出版社，2008．[22】邹慧琴，谭开界．互动网页设计与易用度[M]．北京：中国轻工业出版社，2007．【23】[韩]姜恩正，黄静慧．设计师谈成功网页设计原则[M]周钦华译．北京：电子工业出版社，2006．【24】[韩]崔美善．设计师谈网页视觉特效[M]马晓阳译．北京：电子工业出版社，2006．【25】[韩]崔美善．设计师谈网页风格构成[M]马晓阳译．北京：电子工业出版社，2006． 【26】聂森．网页设计中平面视觉传达分析[J]．吉林商业高等专科学校学报，2004，4．[27】唐良瑞，蔡安妮，孙景鏊．从认知心理及人机界面谈网页设计[J]．工程图学学报，2000，2j【28】唐昌乔．视觉设计中的符号[J]．贵州大学学院，2004，18(2)．【29】曲国先，蔡丽娟．从互联网络到视觉传达[J]．桂林电子工业学院学报，2000，20：78．81．【30】袁毅．浅析网页的视觉传达设计[J]．科技情报开发与经济，2007，17(28)：220．221．【3l】文涛．网页的视觉传达设计与分析[J]．沈阳教育学院学报，2005，7(1)：106．108．【32】高兴．视觉传达设计探析[J]．江南大学学院，2006，5(3)：126．128．【33】鬲波飞．网页设计之视觉信息传达分析[J]．湖南大学学报，2001，15(4)：187．189．【34】周俊．网页设计视觉传达效率问题研究[J]．韶关学院学报，2007，28(5)：162．164．【35】曹红艳．论视觉传达设计的传播功能[J]．武汉科技学院学报，2005，12．【36】吕文静．视觉传达设计中的网页艺术设计[J]．郑州铁路职业技术学院学报，2006，18(4)：41-42．【37】杨伟．关于网络传播中视觉传达设计的研究[J]．电化教育研究，2004，10-61．63．【38】余义虎．视觉传达设计多元特征与表现[J]．甘肃联合大学学报，2004，20(3)：70．73．[39】谢筱冬，唐长安．视觉经验与视觉传达设计[J]．设计思想与艺术理论，2007，2：49．52．【40】孙伟．网络时代的视觉传达设计[J]．吉林艺术学院学报，2005，2：41．46．学位论文：f4l】鬲波飞．网络媒体的视觉传达设计研究[D]．长沙：湖南大学。2002．[42】向威．视觉传达设计中的信息传播研究[D]．长沙：湖南大学，2003．【43】何丽萍．基于网页设计的视觉信息传达有效性的研究[D]．杭州：浙江大学，2006．【44】卢毅．新媒体——视觉传达设计[D]．南京：南京艺术学院，2007．【45】许海．网页界面视觉设计艺术研究[D]．长沙：湖南师范大学，2007．【46】王山．基于网络媒体的现代设计视觉传达方式[D]．西安：西安美术学院，2007．【47】田原．视觉设计中的文化沟通与交流[D]．青岛：青岛大学，2007．【48】翟翔．基于视觉信息传达的网页界面设计[D]．长沙：湖南大学，2007．【49】郭安．从韩国网页设计看网页艺术设计的视觉呈现[D]．武汉：武汉理工大学，2008． 致谢研究生生活即将结束，至今，入校时的那份激动与期待依然记忆犹新。在河南大学学习生活的这三年是我成长道路上最关键的一步，老师们不倦的教诲，同学问真诚的友谊，使我收获良多，也倍感温暖。三年里的点点滴滴都将是我人生里珍贵的经历。毕业论文是对学习成果的综合性总结，在导师赵维华教授的悉心指导下，我最终完成了撰写。回首这半年来的写作过程，论文筹备之初，赵老师在文章选题、写作思路与修改等方面，均提出了极有帮助的指导意见；写作过程中，他又给了我很多关于思考角度、写作视角等颇具学术价值的建议。更重要的是这半年来，赵老师严谨的学术态度、强烈的创新意识，宽厚的待人品性，耳濡目染，深深影响了我，令我受益匪浅、终生难忘。值此论文完成之际，我要向赵老师致以诚挚的感谢。感谢导师李建设教授、倪凤祥教授、张建琦教授，感谢所有在学业上指导和帮助过我的老师们，他们学识渊博、求实敬业，为人为学，都是我终身学习的榜样。感谢我那些亲切可爱的同学们，正是他们的陪伴，让我们一起度过了三年充实而愉快的校园生活。感谢我的父母亲朋对我的大力支持，感谢他们对我无微不至的关怀和照顾，使我可以专心以学，顺利完成学业。在即将离校之际，我会把自己在河南大学三年里收获的一切都化作新的动力，向新的目标继续前进。 网页的视觉传达与设计表现研究作者：李多学位授予单位：河南大学相似文献(10条)1.期刊论文张博.ZHANGBo汉字在视觉传达设计中的"形"与"态"-艺术探索2010,24(1)在视觉传达设计领域,汉字作为一种视觉符号,既能以文字本身的功用出现,也能呈现出不同的视觉表现方式与艺术姿态,并且还能结合其他的视觉符号共同构成丰富的视觉画面.结合分析汉字的"形"与"态",说明汉字是一种多元的视觉符号,是表现最富有中国民族特色和文化特色的视觉传达设计的本质所在.2.学位论文王佳视觉语言在视觉传达设计中的应用与研究2008随着时代的发展，从造纸术、印刷术的诞生到摄影、电影、电视的发明，再到电脑多媒体的出现，人们接受信息的方式在不断的发展变化之中。
　　在以形象为中心的视觉传达设计中，视觉语言占据着十分重要的地位和作用。而视觉语言的创造与发展则主要通过艺术设计中的视觉传达设计来实现。所谓视觉传达设计就是利用视觉符号并通过视觉媒介进行信息表现和传达的设计，它是通过各种传播媒介传达给消费者的视觉方面的形象设计。视觉传达设计的直接功能主要是通过大众传播媒介向社会发布信息，向受众传播信息。
　　设计时如果想做出一个优秀的视觉传达设计作品，最重要的就是要学会灵活的运用视觉语言，只有这样，才能将自己的设计理念完整的表现在信息接受者的面前，同时得到信息接受者的回应，与之沟通，交流。尤其是在进行实用性设计的时候，这点就更为重要。因此，研究视觉语言的使用规律以及法则就极为重要了。而灵活和准确的运用视觉语言，也成为设计师必需要掌握的能力之一。
　　本文将从视觉语言的基本理论及相关概念入手，通过对视觉语言中的视觉设计元素的逐一分析与视觉设计原则的归纳总结，来探讨视觉语言与视觉思维、视觉传达设计的关系，从多方面来深入理解视觉语言的使用规律，研究其在视觉传达设计中的应用，完善和发展视觉语言理论，从而使其可以更好的为视觉传达设计服务。
　　视觉语言的发展，是紧紧依附着视觉传达设计的发展而进行的。视觉传达设计决定着视觉语言的发展方向。而视觉传达设计的发展则是由媒介的发展所影响着的。由于科学技术的发展以及更多元化的媒体的出现，视觉语言与视觉传达设计都要经历一番改变。视觉语言除了要保持其原有的特点及作用之外，还要与其他的表现方式协作，共同发挥作用。尤其是多媒体技术的广泛应用的背景下，抓住使用者的五官感受，使多媒体设计成为更适合人类信息采集的新媒介是设计人员在遵循形式美规律同时的另一个重要的课题。3.期刊论文尚慧琳.SHANGHui-lin找寻时代的视觉符号-襄樊学院学报2009,30(12)视觉符号指通过视觉被感知的符号,是不使用文字也能让人了解其内容意义的图形.视觉符号具有在表现意义上的跨文化性和在表达人类感情上的工具性.视觉符号的形式蕴涵着人们对时代的共同记忆,视觉传达设计应注意视觉符号的创新.时代观念的确立有助于时代视觉符号的发掘.同时时代的视觉符号也能从民族传统文化、历史的艺术设计风格、科技发展和生活中找见.要运用由人类文明所积累的一切视觉符号,创造并借助新的时代视觉符号来传达文化内涵,表现设计观念,体现特定社会的时代感和价值取向.4.期刊论文武珊.张东.WuShan.ZhangDong视觉传达设计领域的符号化研究-电影评介2009,""(15)符号学介入到今天的视觉传达领域是一种必然趋势,并对其产生了重要的影响.作为视觉符号在视觉传达设计中的广泛运用,它所挑选、组合、加以运用的符号元素应是具有明确指涉功能的符号.应与其所处的空间,时间,社会现实的要求或表现相一致,才能恰如其分的发挥应有的效用.符号学作为一门跨学科的综合科学,其博大精深的原理与方法论在各个应用学科领域中的研究与实践是相当普遍与深入的,在视觉传达设计中也是如此.5.学位论文于欢解析品牌背后的视觉效应2007当今世界，已经进入了一个文化敏感的时代。企业文化对于激烈的市场份额争夺来说，不再是一个虚无飘渺的东西，而是一件锐利无比的武器。而视觉传达作为一种创造企业形象、增强企业形象影响力、改善企业管理的有效工具，从第二次世界大战后在西方兴起，经过几十年的运作，已经被证明是一种功能强大的企业推进剂。当中国的企业面对市场经济的硝烟时，在视觉传达的设计开发和推广过程中创造优秀的企业文化将是一个不可回避的话题。可以说，一个没有文化的企业，是一个庸俗的企业，一个没有形象的企业，则注定要在市场中失败。当我们对可口可乐的成功津津乐道时，当我们对松下电器的信誉深信不疑时，我们都不应该忘记了，这些成功的企业正是在视觉传达设计的过程中将企业文化与企业经营成功结合的典范。本文从目前视觉传达设计现状和存在的问题出发，解析视觉效应对品牌成功与否所起到的强大推动作用。通过对成功品牌案例的分析，来阐述对于消费者而言，实际生活中的品牌其实就是一些符号。也正因为如此，要增强品牌的竞争力，这些符号系统的设计，特别是视觉符号系统的设计就变得相当重要。针对当前视觉传达设计中存在的问题，我们应该从根本上去解决问题，使视觉效应成为品牌背后的强大推动力。6.期刊论文马晨燕.费立凡.MAChenyan.FEILifan地图情感信息视觉传达设计-武汉大学学报（信息科学版）2005,30(4)介绍了视觉传达的概念,从地图图形符号和图形空间构图两方面探讨了关于新的视觉图形符号的挖掘和地图审美语境的塑造以及视觉流程、视觉中心等体现地图构思的形式美方法,由此总结出地图情感信息的视觉传达规律.7.学位论文苗萍西安城市形象：视觉符号系统设计探索2007“城市化”是当前的全球性的重要议题，也是中国的主要问题，伴随着全球经济一体化，城市化浪潮正在席卷中国大陆，城市的个性被越来越多的摩天大楼所湮没；这种变化也正在挑战传统的城市规划以及生活、价值观，并对人们的生存环境造成不可预测的威胁，对于“城市形象”建设也提出了更高的要求。这种城市的软件建设方面的问题，已经非常突出了。“城市形象”的建设问题，涉及到城市与城市之间的竞争、城市的可持续发展、城市的外向度提高等方面。一些建筑和城市规划专家提出了“城市名片”的定义和设计问题，而这个问题的核心和基础就是“城市形象”问题的深入研究。如何去发现一个城市的名片?这个“形象”要怎样来设计呢?这些问题对于西安这样一个有着几千年历史的人类文明之都，似乎尤为典型。而作为这个城市的一员，自然的就对这个问题产生了兴趣，展开了研究和实践。本课题是基于以下三点理念为基础展开进一步思考和研究的：首先，认为“城市形象”是一个城市自身特色及价值观念的载体，是城市认同感建构的元素之一，生活在城市中的人借助这个载体来完成对城市的心理认同。其次，“城市形象”反映的是变化中的城市和变化中的生活方式，更多地涉及到生活在城市中的人和他们的生活。城市中的居民、他们的生活方式连同建筑本身一起构成了一个城市的识别性。最后，“城市形象”一定要强调差异，应该把城市的特点呈现出来。简单来说，就是“求同存异”四个字。本文站在视觉传达设计的思维角度，从西安城市视觉形象视觉符号系统化设计研究入手，以西安城市形象的提升和推广、西安“城市形象”的定位为研究导向，着眼于西安的外向型国际化大都市建设目标的实现，探索一种视觉化的整体解决方案。在深入探讨了“城市形象”这一问题的提出必要后，文章从西安城市形象与城市竞争力调研分析中得出了西安城市形象现状，然后用西安城市形象的视觉元素分析方法列出了三大类七小类视觉元素，并将这些元素设计加工为三类符号系统。8.期刊论文李爽视觉符号的抽象程度与意义表达-北京理工大学学报(社会科学版)2003,5(5)符号学作为一种新的方法论正逐步进入其他学科领域.同时,有价值的符号学讨论也已不局限于最初所确立的符号学领域中.对于视觉传达这一学科来 讲,研究符号与其指代物之间的关系,以及视觉符号本身的抽象程度对信息传达、意义表述的影响,是一个非常有意义的课题.这不仅可以提高信息传达的效率和准确性,同时也丰富了视觉传达设计的语言,更为满足现代人的审美要求提供帮助.9.学位论文黄乙娜音乐会的活动策划与视觉传达设计2006听觉符号和视觉符号，在纵向时间域与横向空间域里相互影响、相互制约、相互统一，又相互促进发展，逐步形成时下多元化的音乐类型和众多对音乐会活动进行视觉传达的方式：招贴设计、音乐唱片封面设计等静态传达设计以及MV、FLASH等动态传达设计。音乐会作为代表当下音乐艺术活动最高的形式，其策划过程不但要考虑到市场的商业因素，也要考虑到音乐艺术内涵的最大化传播，不能违背音乐艺术的本质。只有均衡艺术和商业、中国传统与西方经验、感性认识与理性分析，才能为受众策划更多更好的音乐艺术活动。随着时代的进步，高新技术的不断应用，网络音乐的崛起，音乐会的视觉传达会有更多丰富多彩的形式。10.期刊论文王淑娟浅析汉字字体设计在视觉传达设计中的应用-科技资讯2009,""(32)汉字从起源到发展经历了几个不同的阶段,不同的汉字字体都有其独特的魅力.视觉传达设计是指利用视觉符号来传递各种信息的设计.汉字字体设计在视觉传达设计中有着广泛的应用并起着重要的作用.本文链接：http://d.g.wanfangdata.com.cn/Thesis_Y1484412.aspx授权使用：北京服装学院(bjfzxy)，授权号：f9b784e9-2ae0-4f97-a89e-9dd700ee1924下载时间：2010年8月19日