中职Flash CS6动画制作教案：Flash网站设计与制作——掌握Flash网站美工设计.pdf

中等专业学校2022-2023-2教案

编号：
备课课程FlashCS6所在主备
计算机一年级
组别名称动画制作年级教师
授课授课授课授课

教师系部班级日期
项目三Flash网站设计与制作
课题
任务2掌握Flash网站美工设计
1.了解网页平面构成
教学2.熟悉网页色彩搭配

目标3.掌握网页设计风格

重点掌握网页设计风格与色彩搭配

难点掌握网页设计风格与色彩搭配

教法直观演示法、任务驱动法、讲解法
教学
计算机机房
设备

教学活动内容及组织过程个案补充

【新课引入】

回顾上节课所学知识，导入新课。

【教学过程及内容】
教
网页以独特的信息表达方式和强大的交互性，使
学
环网页设计在平面构成的创意上受到限制和挑战。在设
节
计网页时，运用平面构成原理和艺术表现形式相结合

能够使网页效果更加丰富。

一、了解Flash网页平面构成

1．平面构成的表现形式

平面构成的原理已经广泛适用于不同设计领域，

在网页设计中也不例外。

(1)分割构成：主要分为等形分割、自由分割、比

例分割。

(2)对称构成：对称通常分为上下、左右或者反射

等几种基本的对称形式，但仅限于此不免单调乏味，

所以在网页设计时要在基本形式的基础上添加灵活的
运用，才能达到意相不到的效果，以下是网页中常用

的几种对称形式。主要包括：左右对称、回旋对称、
中轴对称。

(3)平衡构成：在设计的时候，平衡是非常重要的
考虑因素，通过平衡可以让人们在浏览网页时产生视

觉的满足感。平衡构成一般分为对称平衡和非对称平
衡两种。

2.平面构成的纹理表现
纹理是网页中重要的视觉特征，其实还是来源于

色彩。在网页设计时，采用不同的纹理，搭配对应的
教内容，能够给浏览者留下深刻的印象，尤其是纸质、
学
环木纹等图案，会更具真实感。发散和密集的构成也可
节以增加网页的空间感。

3.平面构成的艺术表现
重复、渐变和空间构成这些属于色彩构成的方式，

也适用于网页设计中。通过这些方式的运用，可以使
网页具有丰满、稳重、整体的视觉感观。

二、熟悉Flash网页色彩搭配
认识色彩除了客观方面还有主观方面，色彩信息

作用于人的视觉器官，通过视觉神经传入大脑后，与
以往的记忆及经验产生联想，从而形成一系列的色彩

心理反应。下面是几种Flash网页的配色：
①冷、暖感觉的配色②轻、重感觉的配色

③兴奋、舒适的配色④活泼、庄重的配色
⑤绚丽、朴实的配色⑥儿童、成人的配色

三、掌握Flash网页的设计风格

1.平面风格：这类网页风格的设计是通过色块或
位图等元素的展现形成二维的画面效果。

2.矢量风格：这类网页风格的设计是通过矢量图
像组合而成，网页的图像效果可以任意缩放而不会影

响展示效果，是动画网站中常见到的一种设计风格。

教
学
环
节

3.像素风格：这类网页风格的设计是通过图标风

格的图像制作，更强调鲜明的轮廓，亮丽的色彩，同
时造型比较卡通，受到很多用户的喜爱。

4.三维风格：三维是指在平面二维坐标系中增加
了一个方向向量，构成空间在网页中的运用。三维风

格中的立体空间效果，能够在突出主题的同时，无限
延伸视线。

【课堂小结】

本节主要介绍Flash美工设计相关的知识，包括
Flash网页的平面构成，色彩搭配和风格设计等，希望

对读者进行Flash网站设计时有一定启发帮助。
教【作业布置】
学
环1.有条件的同学观看“我要自学网”。
节2.分析如图所示美容Flash网站的美工设计。

板项目三Flash网站设计与制作
书任务1熟识Flash网站架构及应用
设1.Flash网站架构分析
计2.Flash网站应用领域

教后札记