网站美工设计基础课程教学大纲

13级《网站美工设计基础》课程实施性教学大纲

制定人： 日期：

审核人： 日期：

批准人： 日期：

一、说 明

1、课程的性质和内容

《网站美工设计基础》是“计算机网络技术”专业（网络编辑、网页设计等方向）（专科）的一门统设必修课。通过本课程的学习，使学生了解平面设计构图与视觉传达的关系，掌握平面设计构图的几种常用的表现方法，理解点、线、面等设计元素之间的相互关系，掌握CorelDRAW绘图工具的基本使用方法，从而掌握利用绘图工具设计网页的方法，成为初步掌握网站美工基础知识和基本技能的应用型人才。

本课程侧重介绍网站美工的基本理论、基础知识、基本技能和方法，使学生了解网站和网页的基本设计思想，提高和掌握对色彩基础知识（色相、明度、纯度，空间混合概念，色彩搭配，色彩的心理、网页的色彩设计、配色软件的使用等）、平面构成（平面设计构图的形式要素、关系要素，平面设计构图的基本形式、平面设计构图的形式规律，平面设计构图的几种常用的表现方法等）、版式（版式设计的形式法则、网页的版式构成与设计）及创意等相关的内容。在完成基础知识教学任务的同时，还要着重加强学生实际动手能力的培养。

2、课程的任务和要求

本课程包括基础理论和实训两大部分，特点和教学基本要求如下：

1）、基础理论部分

※对色彩基础知识、平面构成、色彩搭配、版面设计等美术基础知识应能较熟练的掌握。

※掌握并能利用平面绘图软件辅助设计、制作网页。

2）、实训部分

※通过本课程的学习，使学生提高色彩观察能力和色彩的感知能力；一般色彩搭配能力；了解平面设计构图与视觉传达的关系，熟悉点、线、面等设计元素的性质并能灵活运用；掌握平面设计构图的几种常用表现方法；加强实际动手能力的培养和训练；培养对优秀网页版式分析模仿的能力；基本掌握一种绘图工具的使用，最终能设计出优秀网页。

3、教学中应注意的问题（含教学建议）

掌握：

要求学生能够全面掌握所学内容，并能够用其分析、解答与网站美工（网页）设计相关的问题，能够举一反三。

理解： 要求学生能够较好的理解与网站美工设计相关的问题，并能够进行简单分析和判断。

了解：

要求学生能够一般的了解所学内容。

1）、本课程覆盖面比较广、内容较多，在有限的课时内，应分清层次，突出重点。灵活使用教材，以文字主教材讲授为主，遵循课堂讲授与上机操作相结合的原则，突出基础理论与基本技能有机结合的训练。

2）、每章教学内容都设有实践案例的作业练习，进行测验和考核。

4、推荐教材及学时说明

本课程推荐教材：《网站美工设计基础 》 蒋水 主编 中央电大出版社

ISBN：9787304039325, 本课程课时为114课时。

二、 学时分配

章 节 名 称 总课时 理论 训练 实习

第一章 21世纪网页设计的审美 14 0 14 0

§1—1

§1—2 什么是网页

网页设计与美术基础知识 2 0 2 0

§1—3 网页与平面构成 4 0 4 0`

§1—4 网页与色彩 4 0 4 0

§1—5 网页与版面 4 0 4 0

第二章 平面构成 32 0 32 0

§2—1 形式美的基本法则 2 0 2 0

§2—2 平面设计的门类、元素和形象 4 0 4 0

§2—3 重复 2 0 2 0

§2—4 渐变 2 0 2 0

§2—5 发射 2 0 2 0

§2—6 骨骼 2 0 2 0

§2—7 特异 2 0 2 0

§2—8 对比 2 0 2 0

§2—9 肌理 4 0 4 0

§2—10 图与底 4 0 4 0

§2—11 基本型的各种排列 6 0 6 0

第三章 色彩在现实领域中的应用 12 0 12 0

§3—1 色彩的概念 2 0 2 0

§3—2 色彩三要素 4 0 4 0 章 节 名 称 总课时 理论 训练 实习

§3—3 色彩在现实领域中的应用 6 0 6 0

第四章 网页版式设计的图文魅力 14 0 14 0

§4—1 网页设计的独特性与必要性 2 0 2 0

§4—2 网页设计的审美情感 2 0 2 0

§4—3 网页设计的装饰语境 2 0 2 0

§4—4 网页版式设计的形式法则 4 0 4 0

§4—5 网页的版式构成与设计创意 4 0 4 0

第五章 绘图工具的基本应用 16 0 16 0

§5—1 CorelDRAW的基础知识 2 0 2 0

§5—2 工具箱基本应用 4 0 4 0

§5—3 图像填充效果 4 0 4 0

§5—4 位图的应用与编辑 6 0 6 0

第六章 CorelDRAW与网页设计 26 0 26 0

§6—1 按钮的制作 4 0 4 0

§6—2 制作Logo 4 0 4 0

§6—3 绘制导航条 4 0 4 0

§6—4 制作广告 4 0 4 0

§6—5 文本的处理 4 0 4 0

§6—6 主页设计 6 0 6 0

合 计 114 0 114 0

三 课程内容和要求

第一章 21世纪网页设计的审美

教学要求：

1、掌握：物体固有色与光源色相互之间的关系，从吸引到关注色彩与网页设计。学会运用色彩的基础知识、掌握涂色方法。

2、理解：美术基础知识在网页制作过程中不可或缺的地位、不同光源下的色彩变化、色彩三要素之间的区别。

3、了解：网页制作最新技术和发展方向、色彩在现实生活中的重要性。

教学内容： §1—1 什么是网页

§1—2 网页设计与美术基础知识

§1—3 网页与平面构成

§1—4 网页与色彩

§1—5 网页与版面

教学建议：

1、物体固有色与光源色相互之间的关系，从吸引到关注色彩与网页设计。学会运用色彩的基础知识、掌握涂色方法。

2、美术基础知识在网页制作过程中不可或缺的地位、不同光源下的色彩变化、色彩三要素之间的区别。参观实训室，注意概念的讲解，明确课程的性质、任务及要求。

第二章 平面构成

教学要求：

1、掌握：形式美的基本法则并能较灵活的运用于网页设计。

2、理解：基本型在平面设计中的各种排列及其审美法则。

3、了解:平面设计的门类、元素和形象。

教学内容：

§2—1 形式美的基本法则

§2—2 平面设计的门类、元素和形象

§2—3 重复

§2—4 渐变

§2—5 发射

§2—6 骨骼

§2—7 特异

§2—8 对比

§2—9 肌理

§2—10 图与底

§2—11 基本型的各种排列

教学建议：

1、理解基本型在平面设计中的各种排列及其审美法则和平面设计的门类、元素和形象，准备好各种挂图方便观看。

2、让学生灵活就用形式美的基本法则并能较灵活的运用于网页设计。

第三章 色彩在现实领域中的应用

教学要求：

1、掌握：物体固有色与光源色相互之间的关系，从吸引到关注色彩与网页设计；

2、学会运用色彩的基础知识、掌握涂色方法。

3、色彩在现实领域中的应用，并能较灵活的运用于网页设计。

4、理解：美术基础知识在网页制作过程中不可或缺的地位、不同光源下的色彩变化、色彩三要素之间的区别。色彩结构诸因素。

5、了解：色彩三要素及色彩表示法。

教学内容：

§3-1 色彩的概念

一、色彩的产生

二、光源

三、物体固有色与光源色

§3-2 色彩三要素

一、明度

二、色相

三、纯度

§3-3 色彩在现实领域中的应用

一、色彩表示法

二、色彩的混合

三、色彩的对比

四、色彩调和

五、色彩肌理

六、无彩色与有彩色的相互作用

七、色彩结构

八、色彩在现实领域中的应用

教学建议：

1、理解美术基础知识在网页制作过程中不可或缺的地位、不同光源下的色彩变化、色彩三要素之间的区别。色彩结构诸因素。

2、物体固有色与光源色相互之间的关系，从吸引到关注色彩与网页设计。学会运用色彩的基础知识、掌握涂色方法。色彩在现实领域中的应用，并能较灵活的运用于网页设计。

第四章 网页版式设计的图文魅力

教学要求：

1、掌握：网页版式设计的形式法则。

2、理解：网页版式设计的独特性与必要性。

3、了解: 网页的版式构成与设计创意。

教学内容：

§4-1 网页设计的独特性与必要性

§4-2 网页设计的审美情感

§4-3 网页设计的装饰语境

§4-4 网页版式设计的形式法则

§4-5 网页的版式构成与设计创意

教学建议：

1、理解网页版式设计的独特性与必要性和网页的版式构成与设计创意。

2、重点网页版式设计的独特性与必要性。

第五章 绘图工具的基本应用

教学要求：

1、掌握：在CorelDRAW中编辑位图、能够将各工具结合起来绘制丰富多彩的图形。

2、理解：CorelDRAW工作界面的基本操作、图像类型和常用格式、各部分工具的使用方法、色彩的模式与调节。

3、了解:CorelDRAW的基本概念和功能、色彩的模式及位图的定义和导入。

教学内容：

§5—1 CorelDRAW的基础知识

§5—2 工具箱基本应用

§5—3 图像填充效果

§5—4 位图的应用与编辑

教学建议：

1、理解CorelDRAW的基本概念和功能、色彩的模式及位图的定义和导入，CorelDRAW工作界面的基本操作、图像类型和常用格式、各部分工具的使用方法、色彩的模式与调节。

2、重点在CorelDRAW中编辑位图、能够将各工具结合起来绘制丰富多彩的图形。让学生掌握这个软件操作和应用。

第六章 CorelDRAW与网页设计

教学要求：

1、掌握：网页布局与页面元素的制作技巧。

2、理解：在网页设计中图片的应用、按钮和文字的作用与添加。

3、、了解:网页中常见元素的定义、赏析及绘制。