《网页版面及编排艺术》课程教学大纲 第一部分大纲说明 一、课程的性质和任务 本课程是“数字煤体设计与制作”专业的一门选修误，主要是通过设计实线使学生初步了解视 觉传达原理，掌握在网页设计过程中所需基本的版式、色彩、字体、图形、动画的应用，能够设计 出具有一定审美情密和艺术特色的网页。 课程的主要内容包括网页编排的构成特点，网页编排的界面设计，网页编排的版式设计、网页 编排的文字应用，网页编排的色移艺术，网页的图像和动画应用。 二、课程的目的和要求 通过本课程的学习，学生应能够掌挥网页编排的基本理论，学会页面的布局、风格和艺术效果 的设计，草探网页设计过程中基本布局版式的应用，享探网页中字体应用、色彩艺术、图像和动画 应用，能够利用在先修课程中所斧的页面和多媒体制作工具的知识，来设计和美化页面。 由于本课程侧重于界面的设计和美化。要求学生己经拿掘了一定的多媒体制作和网页设计工具， 如图像处理、二维动面、网页制作等。 三、课程的教学基本要求 本课程内容的教学要求分为“掌握、理解、了解”三个层次。实我环节是本课程重要的、不可 缺少的组成部分。其中的“拿深”是折能够熟练运用和操作：“理解”表示能够进行操作但不够熟练： “了解”表示看过滴示或体验过功能性的操作过程。 四、教学方法和教学形式建改 课堂讲解与实例应用相结合：理论讲授与实际操作相结合。建议在多媒体教室内和计算机实验 室内速行本课程的讲授和实验。 五、课程教学要求的层次 本课程的教学要求分为“掌挥、理解、了解”三个层次。 1。拿无：要求学生能够全面、深入理解和熟练拿弄所学内容，并旋够用其分析、初步设计和解 答与本课程应用相关的例愿。能够举一反三。本课程要求学生熟练拿握图形图像设计的构成创意方 法和设计表现手法，熟练拿显字体的选择、文字的编排与设计，熟练章捉版式的设计，拿握色彩的 心理效应，拿暴常用的动面效果的设计方法，熟练运用界面设计原理对网页透行设计和美化。 2.理解：要求学生能够较好地理解和掌握，并且能够进行简单的应用。本课程要求学生理解色 彩的构成原理和基本构成原则，理解创意思维的设计的基本含义 3。了解：要求学生修够一般性地了解所学内容。本课程要求学生了解界面设计的发展和特性， 了解界面设计的出发点，了解文字，图像，动画设计在界面设计中的作用，会用感知与情趣，感情 与文化，传统与现代的特性进行风格页面设计
- 1 - 《网页版面及编排艺术》课程教学大纲 第一部分 大纲说明 一、课程的性质和任务 本课程是“数字媒体设计与制作”专业的一门选修课，主要是通过设计实践使学生初步了解视 觉传达原理，掌握在网页设计过程中所需基本的版式、色彩、字体、图形、动画的应用，能够设计 出具有一定审美情趣和艺术特色的网页。 课程的主要内容包括网页编排的构成特点、网页编排的界面设计、网页编排的版式设计、网页 编排的文字应用、网页编排的色彩艺术、网页的图像和动画应用。 二、课程的目的和要求 通过本课程的学习，学生应能够掌握网页编排的基本理论，学会页面的布局、风格和艺术效果 的设计，掌握网页设计过程中基本布局版式的应用，掌握网页中字体应用、色彩艺术、图像和动画 应用，能够利用在先修课程中所学的页面和多媒体制作工具的知识，来设计和美化页面。 由于本课程侧重于界面的设计和美化，要求学生已经掌握了一定的多媒体制作和网页设计工具， 如图像处理、二维动画、网页制作等。 三、课程的教学基本要求 本课程内容的教学要求分为“掌握、理解、了解”三个层次。实践环节是本课程重要的、不可 缺少的组成部分。其中的“掌握”是指能够熟练运用和操作；“理解”表示能够进行操作但不够熟练； “了解”表示看过演示或体验过功能性的操作过程。 四、教学方法和教学形式建议 课堂讲解与实例应用相结合；理论讲授与实际操作相结合。建议在多媒体教室内和计算机实验 室内进行本课程的讲授和实验。 五、课程教学要求的层次 本课程的教学要求分为“掌握、理解、了解”三个层次。 1．掌握：要求学生能够全面、深入理解和熟练掌握所学内容，并能够用其分析、初步设计和解 答与本课程应用相关的问题，能够举一反三。本课程要求学生熟练掌握图形图像设计的构成创意方 法和设计表现手法，熟练掌握字体的选择、文字的编排与设计，熟练掌握版式的设计，掌握色彩的 心理效应，掌握常用的动画效果的设计方法，熟练运用界面设计原理对网页进行设计和美化。 2．理解：要求学生能够较好地理解和掌握，并且能够进行简单的应用。本课程要求学生理解色 彩的构成原理和基本构成原则，理解创意思维的设计的基本含义。 3．了解：要求学生能够一般性地了解所学内容。本课程要求学生了解界面设计的发展和特性， 了解界面设计的出发点，了解文字、图像、动画设计在界面设计中的作用，会用感知与情趣，感情 与文化，传统与现代的特性进行风格页面设计
第二部分教学媒体和教学建议 一、学时分配 本课程为核块化结构设计，课内学封为T2学时，其中必须完成的学封包括，理论讲授24学时， 上机实验30时，定期辅导18学时： 教学内容 讲授学时 实酸学时 定期城导 合计 网页界面设计的基础理论 1 1 视觉传达设计与整体创意 2 网页编排的图形图像设计 3 5 13 网页编排的色影设计 5 12 文字的编排与设计 4 6 12 板式的构成与设计 4 6 12 网页界而中的动画设计 4 5 3 12 网页综合设计 9 6 3 10 合计 24 30 18 72 二、敦学煤体 1.文字教材：文字教材采用合一型模块化结构，每一模块均包括教学内容、教学辅导、导学内 容和上机实验四部分内容： 2,辅助教材：网上辅导资料 三、考核方式 本课程考核包括：形成性考核与终结性考核。 1.形成性考核：包括课程实训、网上学习与测试两部分，占50%： 2.终结性考核：网上测试，占50%. 四、散学和实验设备建议 本课程所采用的模块化结构能够适应不同专业学生的要求，为了达到教学目的，统一培养规格 和统一考试要求，建议敦学单位核下列提定选择安排教学 本课程的全部教学过程中需使用先修课程中所学的网页和多煤体的制作工具来实现，并且贯穿 在教学内容的每个章节之中。因此大钢的散学内容没有列出制作工具，教师可根据散学进度和学生 的基础及接受程度灵活分配课时用于制作工具的复习和讲解， 实验设备单机最低配置：CPU为赛扬450、内存128期，建议单机配置：C列为弄腾Ⅲ500，内 存18B以上，并宽带暖入因特网。 本课程实验救学建i议采用载件！网页制作软作Dreameaver(推荐)成Frontpage,图像处理软 作Photoshop成F1 reworks,动商制作软件Flash或ImageRead、G1 f Animator等。原则上，对 于动画和多媒体信息的制作不规定使用唯一的多煤体制作工具，只要修够实现教学要求的效果既可。 -2
- 2 - 第二部分 教学媒体和教学建议 一、学时分配 本课程为模块化结构设计，课内学时为 72 学时，其中必须完成的学时包括：理论讲授 24 学时， 上机实验 30 时，定期辅导 18 学时。 教 学 内 容 讲授学时 实验学时 定期辅导 合计 网页界面设计的基础理论 1 1 视觉传达设计与整体创意 2 2 网页编排的图形图像设计 3 5 3 13 网页编排的色彩设计 4 5 3 12 文字的编排与设计 4 5 3 12 版式的构成与设计 4 5 3 12 网页界面中的动画设计 4 5 3 12 网页综合设计 2 5 3 10 合计 24 30 18 72 二、教学媒体 1. 文字教材：文字教材采用合一型模块化结构，每一模块均包括教学内容、教学辅导、导学内 容和上机实验四部分内容。 2．辅助教材：网上辅导资料 三、考核方式 本课程考核包括：形成性考核与终结性考核。 1．形成性考核：包括课程实训、网上学习与测试两部分，占 50%。 2．终结性考核：网上测试，占 50%。 四、教学和实验设备建议 本课程所采用的模块化结构能够适应不同专业学生的要求，为了达到教学目的、统一培养规格 和统一考试要求，建议教学单位按下列规定选择安排教学： 本课程的全部教学过程中需使用先修课程中所学的网页和多媒体的制作工具来实现，并且贯穿 在教学内容的每个章节之中，因此大纲的教学内容没有列出制作工具，教师可根据教学进度和学生 的基础及接受程度灵活分配课时用于制作工具的复习和讲解。 实验设备单机最低配置：CPU 为赛扬 450、内存 128 MB。建议单机配置：CPU 为奔腾Ⅲ 500、内 存 128 MB 以上，并宽带联入因特网。 本课程实验教学建议采用软件：网页制作软件 Dreamweaver（推荐）或 Frontpage，图像处理软 件 Photoshop 或 Fireworks，动画制作软件 Flash 或 ImageReady、Gif Animator 等。原则上，对 于动画和多媒体信息的制作不规定使用唯一的多媒体制作工具，只要能够实现教学要求的效果既可
第三部分散学内容和教学要求 第一章网页界面设计的基础理论(1学时) 一、教学内容 网页界面设计的发展，网页界面的构成要素和特性。网页界面设计在信息传播科技中的应用。 二、教学要求 了解：网页界面的构成要素和特性，网页界面的主要形式。 第二章网页界面与视党传达设计(2学时) 一、教学内容 视觉传达设计的构成要素，视觉传达设计的作用和特性，内容与界面形式的统一，各种风格的 网页界面设计，界面设计的创意方法。 二、教学要求 理解：界面设计的出发点，包括视觉、信息传达的基本星则和基本元素。 第三章网页界面中的图形图像设计(13学时) 一、教华内容 图形图像在网页界面设计中的作用，图形图像的造型元素，图形图像的侧意及设计的表现技巧、 造型手法。 二、教学要求 了解：图形图像在网真界面设计中的作用 理解：图形图像设计的迹型元煮，拿据图形图像的创意与设计方法。 第四章网页界面中的色彩设计(12学时) 一、教学内容 色影在网页界面设计中的作用。色彩学的基本原理，数字色彩树式，色彩的生理性特征，色影 设计的基本单则，色影的心理效应， 二、散学要果 理解：色影的构成原理和色彩设计的基本原则 算星：色彩配置的基本方法和色彩的心理效应 第五章网页界面中文字的偏排设计(12学时) 一、教学内容 文字在网页界面设计中的作用，字体及字体偏排，文字的编排规律，文字编排设计的手法，文 3-
- 3 - 第三部分 教学内容和教学要求 第一章 网页界面设计的基础理论（1 学时） 一、教学内容 网页界面设计的发展，网页界面的构成要素和特性，网页界面设计在信息传播科技中的应用。 二、教学要求 了解：网页界面的构成要素和特性，网页界面的主要形式。 第二章 网页界面与视觉传达设计（2 学时） 一、教学内容 视觉传达设计的构成要素，视觉传达设计的作用和特性，内容与界面形式的统一，各种风格的 网页界面设计，界面设计的创意方法。 二、教学要求 理解：界面设计的出发点，包括视觉、信息传达的基本原则和基本元素。 第三章 网页界面中的图形图像设计（13 学时） 一、教学内容 图形图像在网页界面设计中的作用，图形图像的造型元素，图形图像的创意及设计的表现技巧、 造型手法。 二、教学要求 了解：图形图像在网页界面设计中的作用 理解：图形图像设计的造型元素，掌握图形图像的创意与设计方法。 第四章 网页界面中的色彩设计（12 学时） 一、教学内容 色彩在网页界面设计中的作用，色彩学的基本原理，数字色彩模式，色彩的生理性特征，色彩 设计的基本原则，色彩的心理效应。 二、教学要求 理解：色彩的构成原理和色彩设计的基本原则 掌握：色彩配置的基本方法和色彩的心理效应 第五章 网页界面中文字的编排设计（12 学时） 一、教学内容 文字在网页界面设计中的作用，字体及字体编排，文字的编排规律，文字编排设计的手法，文
字群体的编排。 二、教学要求 了解：文字在网页界面中的作用 熟练草据：网真界面中文字的编排设计方法 第六章网页界面中版式的构成和设计(12学时) 一、教学内容 版式在网页界面设计中的作川。版式设计的适型元素，版式设计的视觉因素，板式构成的类型 分析。 二、教学要求 了解：版式在网页界面中的作用 常握：版式的各组成要素的合理配置，网页界面中各种常见版式的设计方法。 第七章网页界面中的动画设计(12学时) 一、教学内容 网页动面的概念，基本元素和种类，网页动面的特点和作用，网页动面设计的愿则，常见的动 画设计效果。 二、教学要求 拿强：网页中的动面设计，利用动耳米丰富网页界面。 第八章网页设计鉴赏(10学时) 一、教学内容 设计实侧鉴赏和分析 二、教学要求 理解：从界面设计艺术角度分析网页 。4
- 4 - 字群体的编排。 二、教学要求 了解：文字在网页界面中的作用 熟练掌握：网页界面中文字的编排设计方法 第六章 网页界面中版式的构成和设计（12 学时） 一、教学内容 版式在网页界面设计中的作用，版式设计的造型元素，版式设计的视觉因素，版式构成的类型 分析。 二、教学要求 了解：版式在网页界面中的作用 掌握：版式的各组成要素的合理配置，网页界面中各种常见版式的设计方法。 第七章 网页界面中的动画设计（12 学时） 一、教学内容 网页动画的概念、基本元素和种类，网页动画的特点和作用，网页动画设计的原则，常见的动 画设计效果。 二、教学要求 掌握：网页中的动画设计，利用动画来丰富网页界面。 第八章 网页设计鉴赏（10 学时） 一、教学内容 设计实例鉴赏和分析 二、教学要求 理解：从界面设计艺术角度分析网页
第四部分实验安排 本课程除具有一定的理论性和创造性外，还具有很强的实践性。为保证学习效果，强调教学的 实我性环节是十分必要的。本课程为实我教学安挂了以下实训内容以便让学生拿握网页界面设计的 制作技能。 一、实验软件环境（供参考） Dreareaver、.hotoshop、Flash、ImsgeReady 二、实验内容和夏求 日网页界面中的图形图像设计(5学时) 1.实验内容 自选主题，创建一个以图形图像为主要构成元素的网站，需体现特定的主题。将栏目名称以系 列图标的形式表现出米。料页界面中的图形图像要有不月的表现手法体现创意思想。体现程觉的感 召力，如图像的退底、虚实等。网站要求至少有3个2级页面。以文字说明深用的表现手法（不少 于100字)。 2。实验要求 了解图形图像在网页界面中的作用，拿捉图形图像的创意方法。掌握图形图像的不同设计表现 方法。 白网页界面中的色影设计(5学时) 1.实验内容 自选主题。创建一个自己喜爱的商业品牌的网站，以该品牌标准色为设计基本元素，创迹和谐、 完参，连续的色彩效果。要求至少有3个2级页面，并以文字说明白已采用的表现手法（不少于100 字 2.实验要求 了解色彩在网真界面中的作用。掌据色彩配置的基本方法，章握色影设计的心理效应。 白文字偏排与授计(5学时) 1.实验内容 白选主墨，创建一个以文字为主要表现元素的网站，要求至少有3级页面，注意采用不同的文 字编排手法和文字那体的不同编排方法。以文字说明自己采用的表现手法（不少于100字）。 2.实验要求 了解文字在网页界面中的作用。掌握文字在设计中体现的形老美感的创造方法，章握网页界面 设计中文学的编排设计。 菌版式的构成与设计(5学封) 1。实的内容 自选一种艺术类网站（音乐、影视、绘画、设计）等进行设计。要求至少有三种不同的版式构 成并，并注重艺术风格在版式设计中的体现以及统一与变化的相互关系。以文字说明自己采用的表 -5-
- 5 - 第四部分 实验安排 本课程除具有一定的理论性和创造性外，还具有很强的实践性，为保证学习效果，强调教学的 实践性环节是十分必要的。本课程为实践教学安排了以下实训内容以便让学生掌握网页界面设计的 制作技能。 一、实验软件环境（供参考） Dreamweaver、Photoshop、Flash、ImageReady 二、实验内容和要求 ㈠ 网页界面中的图形图像设计（5 学时） 1．实验内容 自选主题，创建一个以图形图像为主要构成元素的网站，需体现特定的主题。将栏目名称以系 列图标的形式表现出来。网页界面中的图形图像要有不同的表现手法体现创意思想，体现视觉的感 召力，如图像的退底、虚实等。网站要求至少有 3 个 2 级页面。以文字说明采用的表现手法（不少 于 100 字）。 2．实验要求 了解图形图像在网页界面中的作用，掌握图形图像的创意方法，掌握图形图像的不同设计表现 方法。 ㈡ 网页界面中的色彩设计（5 学时） 1．实验内容 自选主题，创建一个自己喜爱的商业品牌的网站，以该品牌标准色为设计基本元素，创造和谐、 完整、连续的色彩效果。要求至少有 3 个 2 级页面，并以文字说明自己采用的表现手法（不少于 100 字）。 2．实验要求 了解色彩在网页界面中的作用，掌握色彩配置的基本方法，掌握色彩设计的心理效应。 ㈢ 文字编排与设计（5 学时） 1．实验内容 自选主题，创建一个以文字为主要表现元素的网站，要求至少有 3 级页面，注意采用不同的文 字编排手法和文字群体的不同编排方法。以文字说明自己采用的表现手法（不少于 100 字）。 2．实验要求 了解文字在网页界面中的作用，掌握文字在设计中体现的形态美感的创造方法，掌握网页界面 设计中文字的编排设计。 ㈣ 版式的构成与设计（5 学时） 1．实验内容 自选一种艺术类网站（音乐、影视、绘画、设计）等进行设计，要求至少有三种不同的版式构 成并，并注重艺术风格在版式设计中的体现以及统一与变化的相互关系。以文字说明自己采用的表
现手法（不少于100字）. 2.实验要求 了解版式在网页界面中的作用。掌据将版式的各组成要素合理配置的方法，拿据各种板式设计 方法， 甸网页界面中的动西设计(5学时) 1.实验内容 自选主题。制作出嫁合两种以上网页动画常见效果（如漓动、淡入淡出等）的GI下或F1ah动 画广告，并将其增加到实验一至四的某个页面中，以文字说明自己采用的表现手法（不少于100字）。 2.实验要求 拿握动面设计的常见效果，练习动面效果的综合设计。 6
- 6 - 现手法（不少于 100 字）。 2．实验要求 了解版式在网页界面中的作用，掌握将版式的各组成要素合理配置的方法，掌握各种版式设计 方法。 ㈤ 网页界面中的动画设计（5 学时） 1．实验内容 自选主题，制作出综合两种以上网页动画常见效果（如滚动、淡入淡出等）的 GIF 或 Flash 动 画广告，并将其增加到实验一至四的某个页面中。以文字说明自己采用的表现手法（不少于 100 字）。 2．实验要求 掌握动画设计的常见效果，练习动画效果的综合设计