叶骁

【摘要】随着信息时代的降临，平面设计成为了一门涉猎广泛的综合性学科，它要求设计人才具有勤于动脑和思考的能力与扎实的理论及实践技能修养。而网页设计作为平面设计中的重要课程内容，在课程教学中集技术与艺术于一身，内含声音、图像、互动等多种鲜明元素。本文从文字、图像、色彩等网页构成要素出发，对平面设计教学中网页的设计理念进行了剖析，旨在提高平面设计教学水平，为社会培养出更加优质的设计人才。

【关键词】平面设计；教学；网页；设计理念

【中图分类号】J50-4 【文献标识码】B 【文章编号】2095-3089（2017）35-0041-01

前言

网络作为21世纪先进科技和信息交互式碰撞的产物，已成为人类社会生产和生活沟通中必要的链接纽带。随着网络技术的飞速发展，网站建设成为了数字信息传播的新型平台，网页设计也随之成为了网站建设者和浏览者所关注的重点内容，因此如何吸引阅读者和消费者在网页浏览中高效获取相关信息，就成为了平面设计教学中的核心内容[1]。网页设计作为一种平面艺术表现形式，具有声音、图像、视听、互动等特点，在进行设计教学时必须充分展现其具备的丰富涵义和美学价值[2]。面笔者就平面设计教学中网页的设计理念展开了分析和研究。

一、文字紧扣核心

教学网页内容多以文字为中心，网页的视觉节奏、功能和律动美感等均依靠文字来实现调节变化效果，因此文字处理就成为了教学网页设计中的基础内容。文字主要包括标题和内容两部分要素，标题章节的字体造型在设计时需注重醒目、传达、功能、美感、指导等特性，教师必须将其作为画面元素进行形象设计，根据文字涵义设计字体的大小、方位、排列和特效等版式内容，实现文字信息与视觉形象的有机结合。而内容文字则承担着传播教育教学信息的重要任务，因此在设计时需尽量采用普通印刷体，以便信息传达和学生阅读。

二、图像丰富内涵

教学网页在进行图像设计时必须使其成为教学思想传达的一部分，与文字内容相互配合，交相呼应，达到理想的设计效果。通常而言，文字适用于表达客观类教学内容，而一些意象性、主观性和情绪性等难以用文字形式表达的内容，则可利用图像方式加以表达。在进行图像设计时，必须注重图像的明晰性、强烈视觉性、简洁明了性、文字引导性和强烈对比性。常用的图像外框包括圆形、矩形等规则形狀，为了创新网页形式，可采取通用构成手法，对图像进行分割和组合，比如运用喷枪工具勾画、喷抹画外框，提高画面的自由度和别致性。

三、注重色彩和谐美

色彩应用具有色相、明度和彩度的分别，在进行网页设计时，首先必须注重页面整体的易读性，运用近似明度和不同色相的色彩进行形体表述，提高页面内容的空间层次感。经过色彩三要素对比分析后发现，色彩明度变化是增加视觉的有效手段，且与色彩易读性关联密切，同时通过明度对比有助于提高页面文字、图像和背景之间的生命力和张力[3]。因此在进行网页设计时必须避免选择过多色相，色彩以3～4个色相为宜，在确定主体色调后注重页面整体协调美，营造舒适、和谐的页面效果。

四、图标和按钮调节氛围

图标和按钮在整体页面布局中占据空间较小，但却是网页设计的亮点内容。在进行网页设计时可运用一些具有象征意义的线条、图形等实现文字或概念性内容的表达，提高语言表达生动性。同时还可利用按钮调节页面单调情况，提高页面生动性，但在应用时需要配合页面整体效果，以防出现喧宾夺主现象。比如，在选用字体或插画进行配合时，需要考虑字迹的清晰度和色彩的简洁性。按钮设计则主要是为了点缀页面，增加网页趣味性。

五、有序布局与动感表现

网页页面分割和内容编排必须遵循有序性理念，在文字、色彩和图像等各式构成要素设计完成后，必须确保整体布局的合理性和清晰性，实现各个元素的统一和连贯，以便学生愉快阅读和观看。常用的页面分割方法包括二维分割与三维分割两种模式，在分割过程中必须注重页面各构成元素的比例关系，确保重点突出，层次分明。二维分割具有平面性特点，一般用于字距、行距等内容分割，给人以明确方向感。三维分割具有空间效果，在应用时可突出重点内容，但层次过多会时则会影响到页面内容的表述效果和清晰度，一般适用于片头设计等方面，因此多采用少层次、简练的分割方法。在动感表现方面，网页动感组成包括动画、动线和视频图像等内容，而色、光、动是影响人类视觉效果的三大活跃因素，其中“动”对视觉的影响程度最高，在进行网页动态处理时必须注意动态和静态部分的相互联系，切勿采用过多动态变化模式，影响页面动态效果，导致学生注意力分散情况发生。

六、结语

综上所述，网页设计作为平面设计中的全新学科，在进行课程教学是必须紧抓网页构成要素，从文字、图像、色彩等网页构成要素出发，对平面设计教学中网页的设计理念进行深入剖析，从而实现理想的教学设计效果。

参考文献

[1]李继侠.原研哉平面设计中的哲学理念及对现代生活的意义研究[J].包装工程，2016（18）：194-197.

[2]路明.解析平面设计教学实训项目《又见》[J].装饰，2016（1）：92-93.

[3]张延玲，喻芸.网页设计课程中融入UI设计理念的教学探索[J].电脑知识与技术：学术交流，2015（12）：178-179.