摘要：网页设计是一种新的视觉传达表现形式，它不仅具备平面设计的基本原则和特征，还具备传统平面设计所没有的技术性创造性等特点。网页设计与制作课程教学是使学生能够学会将网络技术和艺术完美结合，使艺术与技术紧密相连。艺术专业的学生应充分发挥自身的专业特点，扬长避短，遵守网页设计的审美原则，使图形、色彩、字体等视觉元素与网站的功能技术相匹配，通过对网站信息合理地视觉编排，增强信息传达的有效性，即实现网页的审美功能，又实现网站的实用功能。
关键词：视觉传达；网页设计；课程教学
1视觉传达设计要素在网页设计中的内涵解读
视觉传达设计就是将不同的视觉符号运用到招贴海报、书籍装帧及其他宣传印刷品当中，通过这些视觉媒介，将设计的时代感和丰富性传递给观众。从本质上来说，视觉传达设计是给人看的设计，告知的设计。随着互联网的普及，网络已经成为人们获取信息的重要途径，同时也为艺术设计的发展和创新提供了更多的可能性。设计师如何将设计理念和设计经验运用到网页设计中，使其作品能够脱颖而出，并使用户能够快速有效地获取信息，这是一个值得思考的问题。视觉要素可以是点、线、面，也可以是图形、色彩、文字等，利用新型的媒体形式，将设计理念、设计规律、设计思路运用到网页设计之中，将各种设计要素组合、排列形成不同的艺术形态和艺术形式。由于网页设计具有静态性和动态性，因此，不同的视觉符号和视觉要素都要遵循这一形式规律，实现空间上的合理分配。
1.1传统视觉元素在网页设计中的运用
文字、图形、色彩都是传统的视觉元素，也是最直观的视觉表达方式，是网页设计中必不可少的视觉要素。文字可以最直观地传达网页中的信息，通过字体字形地变化增加文字的传播性；图形在网页设计中可以转化为图标、图示、插图等元素，美化信息传递环境，通过图文并茂的形式增加网页浏览的趣味性和观赏性；色彩可以增强画面效果，巧妙地色彩组合可以使画面具有较强的视觉冲击力和丰富的艺术感染力。
1.2新型视觉元素在网页设计中的运用
网页作为新时代信息传播的基本手段，其视觉设计早已融入了多元化视觉要素，例如立体式视觉元素、交互式视觉元素、导航性视觉元素等，可以将平面的设计立体化，将二维的元素转化为三维，注重人机交互，即人与计算机的交流互动，为人机共生的新型互动提供了更多的可能性。新型互动不仅指互动的双方身份新颖，人机交互的过程本身也是一种新颖的体验。具有引导性的导航视觉元素在浏览者和网页信息之间搭起了传递的桥梁，使浏览者有更好的用户体验。
1.3网页是动态交互的视觉平台，需要视觉传达设计的充分表达和有效引导
网页设计是利用大量的超链接、超媒体技术向用户提供非线性的数据流。设计者要利用大量的视觉元素充分地表达和有效地引导用户，使用户能够从丰富复杂的数据流中迅速地获取所需信息，因此网页设计是一个具有创造性的设计过程。相对于传统的艺术形态来说，网页设计属于新型艺术形态，大量的网页设计作品良莠不齐，但是网页设计对于视觉的合理传达和信息的有效传递有着严格的标准和要求，两个方面同时具备才能创作出富有设计感和现代感，同时充分满足用户体验的网页设计。
2视觉传达设计要素在网页设计中的多样化表现
2.1网站的视觉形象识别系统设计
网站的视觉形象识别系统就是通过统一的视觉元素，包括标志、色彩、字体等，将网站和不同网页从视觉上有机地联系起来，凸显网站的统一性和协调性。标志设计是通过简约的图形将网站中的信息抽象为象征符号，便于宣传和识别。标志设计通常由图形、色彩、中英文字体等元素组成，网站中的标志设计应与网站的整体风格相吻合，即要突出网站和网页间的整体性和协调性，又要使标志设计具有独特性和识别性，即要保证用户在浏览过程中有合理的视觉流程和舒适的用户体验，又要使用户对浏览的网站印象深刻，增加浏览量和回头率。色彩设计在网页设计中有着重要意义，可以影响人的心理和情绪，直接决定了浏览者浏览网站的心理和感受。运用同色系和临色系的色彩更有利于网站的统字体一协调性，缺点是容易产生单调乏味的感觉，可以通过图形、图片和文字的变化打破单调的画面；运用对比色和互补色，可以丰富画面，增强视觉冲击力，缺点是容易产生暴躁、刺激的感觉，因此运用对比色和互补色时，要注意主体色不能过多，一到两种最为适宜，先确认一个主色调，然后以其他颜色为辅助色，同时配合黑白灰的穿插调和，使画面自然过渡，和谐统一。另外，色彩的运用还应注意一个重要问题，由于用户的国家不同、种族不同、信仰和文化差异，色彩会对不同的用户产生不同的心理感受，因此在运用色彩时应当考虑到不同人群的心理和感受。字体的设计要与网站的风格和网页信息的性质相吻合。不同性质的网站对字体设计的要求不一样，政府部门的网站要求严肃认真，字体多用黑体，或在黑体基础上简单变形；设计类网站往往设计感强，字体设计主题鲜明；休闲类网站字体生动活泼，欢快轻盈；个人主页往往与个人的性格特点相符合，别出心裁，有强烈的个人烙印。字库里的字体设计虽然丰富多样，但主题字和主体字需要精心设计和完善才能凸显网站的特点，同时同一网页中的字体设计最好不要超过三种，这样才能保持画面的整体性和统一性。
2.2网页的版面布局设计
网页的版面设计就是在屏幕有限的空间里，将图片、文字、图形等元素有机地排列组合，将网站的主题、设计风格充分地展现出来，不仅使用户得到有效的信息和好的用户体验，也使用户得到感官上的满足和享受。网页的版面布局设计要遵循均衡、统一、对比、韵律等法则，突出主题，条理清晰，界面简约，减少混乱。进行版面设计要注意主次分明，突出重点，将重要内容放到页面的视觉中心，也就是页面的中央或中间偏上的位置；其次，文字需要层级化，将不同级别的文字进行大小、颜色、位置、字间距、行间距等属性的调整，使画面错落有致，呈现韵律之美；再次，页面中信息量过大时，要注意图文并茂，将图形和图像与文字搭配组合，使文字更加直观和生动；最后，可以将试听等多媒体元素运用其中，形成“动态性”设计元素，可以将图形和文字进行动态化处理，使页面以动、静结合的方式协调有序，即增加了页面的设计感，吸引用户的注意力，又使大量的信息得到更好地传达。从排版布局的角度来说，基本类型有焦点型、对称型、三角型、分割型、中轴型等，还可以将版面设计成两栏式、三栏式或多栏式等。栏数不宜过多，尽量不要超过三栏，否则影响版面的结构和条理，不利用信息得有效传递。
3视觉传达设计要素在网页设计课程教学中的应用反思
视觉传达在网页设计与制作课程中起着重要作用，视觉传达将平面设计与多媒体应用相结合，使网页不仅具有实用价值，更具有审美价值。虽然现在网络高速发展，但网站和网页的设计质量并不乐观，很多网页的界面设计、色彩图形的运用都缺乏设计感和创新性，因此作为设计者和设计专业教育工作者，必须充分地认识网络，熟悉网络特性，发挥专业特长，使设计符合网络特征，更有利于网页信息的有效传播。
3.1网页设计的视觉流程设计
用户通过浏览网页获得大量信息，网页设计的视觉流程必须符合用户的视觉流向和生理心理等特征，合理安排各视觉元素间的关系和秩序，使网页设计能够充分发挥其视觉传达功能。视觉流程是由人类的视觉特性所决定的，是人们在阅读信息时自然流露的一种视觉习惯，因此抓住这个视觉习惯，就能设计出更合理的视觉流程。设计网页时要注意各种视觉元素间的关系、空间、秩序等因素，还有大小、颜色、面积、位置等属性，视觉流程像一条线贯穿整个网页版面，指引用户的视觉流动，影响浏览者的心理感受，在平面设计中，重要的信息例如主标题或实时更新的内容等，通常放置在版面的上边和左边，因为上端和左端被称为平面设计中的最佳视觉区域，这两个位置带给人轻松自在的感受，更有利于重要信息的传达，而版面的下端和右端给人沉寂压抑的感受，不利于用户获取信息。合理的视觉流程设计需要合理利用视觉导向和最佳视域，利用图形、色彩、距离、位置等元素构成一条视觉流线，更有利于网页信息传达的有效性和准确性。
3.2网页设计应用方法的分析
网页设计的涵盖范围十分广泛，设计元素众多，但网页设计的核心部分是设计分析。优秀网页设计的前提是对用户群体进行调研，分析用户的行为特点、心理特征，以及目标群体的好恶，为网页设计提供概念和目标，而并不是直接绘制草图，进行设计创作和技术更新。很多成功的案例，比如优酷网、花瓣网等优秀网站，都需要以设计分析为前提和核心，先对受众群体深入地了解和考察，了解目标群体的消费预期，感受用户的审美知觉，进而设计出更符合大众审美和需求的网页设计。网页设计中的界面设计是将图形、图像、文字、色彩、视频及其他多媒体要素，根据特定的内容和要求，在屏幕有限的表达空间内，运用视觉元素和设计原理将各种元素进行视觉关联，将视觉要素分析、打散、重组、配置，实现网页设计审美功能与实用功能的有机结合。相反，如果网页设计缺乏系统规划，只是将图形、文字等要素简单堆砌，没有遵循节奏、韵律、统一、对比等形式法则，就很难创造出和谐、流畅、统一的网页界面。
3.3网页构成要素分析
在网页设计中，信息的传达是通过视觉构成要素的编排来实现的，构成要素的设计编排直接决定了信息传达的有效性和网页设计的优劣。网页的构成要素包括字体、图形、色彩等视觉要素，还包括标题、正文、标语等内容要素。文字是网页设计中信息传达的主体，是网页设计中不可或缺的元素，字体的变化要遵循视觉规律，更应遵循文字本身的功能——阅读功能，字体设计要考虑网站的整体风格，避免画面杂乱无章，去掉繁杂的装饰细节，使文字简约清晰，易读易懂。这是在教学过程中需要着重讲解的内容。图片与文字是最早被运用于网页设计的，以图文并茂的形式可以增大网络传播的信息量。用于网络传播的图片质量不需要太高，这是由传播途径所决定的，网站中图片质量过高，直接影响文件的大小和下载速度。同时，图片的位置、面积、数量、排列、组合等直接影响网页设计的视觉化传达。色彩的运用可以更好地渲染网页设计的氛围，使画面更加生动自然，直接影响浏览者的情绪和心理。不同的色彩具有不同的象征意义，暖色调比起冷色调更加让人记忆深刻；背景颜色通常以浅颜色为主，给人自然、平和之感，配合深色的文字使内容更加醒目；画面的整体颜色要和谐统一，不要产生大面积的对比颜色，可以局部采用对比互补色突出重点。文字、图形、色彩等视觉元素在网页设计与制作课程中属于基础知识，也是必须要掌握的知识，是组成优秀网页设计的基础元素和必要条件，是艺术设计专业的学生必须要掌握的设计原理。
4结语
综上，在网页设计与制作课程教学中，充分认识和利用视觉传达要素和原理具有教学优势，能够提升学生的学习主动性和设计创新性。网页设计不仅是为了满足用户的需求，更重要的是创造一种舒适的视觉环境和愉悦的视觉氛围，满足浏览者的实用需求和审美需求。
参考文献：
[1]王愉,隋涌.论网页视觉要素设计[J].北京印刷学院学报,2005(04).
[2]刁学栋,吴彬.网页设计的视觉信息传达分析[J].教育信息化,2006(19).
[3]罗文昱.艺术设计专业的网页设计教学[J].美术大观,2006(4):98
[4]戎喜平.谈网页界面中视觉传达设计的引导性[J].技术与市场,2005(12).
作者:耿健斌 单位:烟台职业学院
