网站美工高级培训教程

第一篇 理论篇

第1章 网站美工概述

1. l 网站美工的任务

1. 1. l 表达一定的艺术效果

1. 1. 2 使页面结构清晰可读性强.

1. 1. 3 实现不同的功能

1. 1. 4 网页的内容

1. 1. 5 确定网站的类型

1. 1. 6 确定网站的风格

1. 1. 7 确定网页之间的链接关系

1. 1. 8 确定网站的CI

1. 1. 9 其他任务

1. 2 小结

第2章 色彩的基础理论

2. l 色彩的基本常识

2. 1. l 光与色

2. 1. 2 色彩的生理特性

2. 1. 3 色彩类别及要素

2. 1. 4 色彩混合

2. 2 色彩的心理效应

2. 2. l 色彩的表情

2. 2. 2 色彩的象征

2. 2. 3 色彩的联想

2. 3 色彩的美学原理

2. 3. l 色彩的对比

2. 3. 2 色彩的调和

2. 3. 3 色彩的面积与位置

2. 4 色彩的搭配

2. 4. l 以色相为依据的色彩搭配方案

2. 4. 2 以明度为依据的色彩搭配方案

2. 4. 3 以纯度为依据的色彩搭配方案

2. 4. 4 以色调为依据的色彩搭配

2. 4. 5 网页色彩的搭配

2. 5 小结

第3章 使网站内容更加充实--图像设计基础

3. l 图像设计流程

3. 1. 1 明确目标

3. 1. 2 搜集材料

3. 1. 3 绘制简图

3. 1. 4 绘制草图

3. 1. 5 把草图组成详图

3. 1. 6 评价和修改

3. 2 形态元素

3. 2. 1 点的应用

3. 2. 2 线的妙处

3. 2. 3 面的结构

3. 2. 4 形状特色

3. 2. 5 调值的技巧

3. 2. 6 底纹的衬托

3. 3 图像设计的原理

3. 3. l 平衡的设计

3. 3. 2 焦点和主次的设计

3. 3. 3 韵律的设计

3. 3. 4 统一和变化

3. 3. 5 呼应. 分格. 对齐和流动

3. 4 形式美的原理

3. 4. 1 基本原理

3. 4. 2 形式设计应注意的几个方面

3. 5 现代设计的艺术构思

3. 5. l 艺术构思的激发点

3. 5. 2 网页设计构思激发点

3. 6 小结

第4章 使网站更加有条理--图像设计面面观

4. l 图像设计方案四要素

4. 1. 1 设计方针

4. 1. 2 设计思路

4. 1. 3 设计本身

4. 1. 4 设计工艺

4. 2 设计图像元素

4. 2. 1 图像元素

4. 2. 2 设计

4. 3 设计方案

4. 3. l 格式

4. 3. 2 造型

4. 3. 3 装饰

4. 3. 4 设计方案的步骤

4. 3. 5 对设计方案的评价

4. 3. 6 展示

4. 4 设计专业

4. 5 构图与组织

4. 5. l 构图的概念

4. 5. 2 构图的目的

4. 5. 3 构图的性质

4. 5. 4 构图的完整性

4. 5. 5 创作和构图

4. 6 小结

第5章 使网站更有艺术魁力--图像设计内涵

5. l 构图的形式

5. 1. 1 形式法则的应用

5. 1. 2 构图的秩序

5. 1. 3 构图的情感

5. 2 画面的组建

5. 2. 1 画面的确定

5. 2. 2 突出造型中心

5. 2. 3 背景的运用

5. 2. 4 画面的整体均衡

5. 3 图像设计需注意的两个方面

5. 3. 1 视觉节奏的运用

5. 3. 2 调值的运用

5. 4 空间与深度的运用

5. 4. l 空间限制

5. 4. 2 空间分割

5. 4. 3 空间深度

5. 4. 4 正. 反空间

5. 4. 5 视觉

5. 4. 6 空白的留取

5. 5 小结

第6章 字体设计

6. l 信息与观众

6. 1. 1 信息

6. 1. 2 观众群

6. 2 字体

6. 2. 1 平面中的字体设计

6. 2. 2 常用字体的分类和特征

6. 3 文字和视图

6. 3. l 字体组合

6. 3. 2 文字的图形表述

6. 3. 3 文字的叠印

6. 4 文字与表现力

6. 4. l 字体颜色与视觉效果

6. 4. 2 文字的强调

6. 5 小结

第7章 网页动态设计

7. l 动画设计的概述

7. 1. l 动画设计概述

7. 1. 2 动画与页面设计

7. 1. 3 网页动画设计要求

7. 1. 4 动画设计原理分析

7. 1. 5 准备工作

7. 2 动态图形设计的常用类型

7. 2. 1 GIF动画

7. 2. 2 Flash动画

7. 2. 3 Java动画

7. 2. 4 其他动画生成软件

7. 3 小结

第8章 版式设计与视觉识别

8. l 版式设计

8. 1. 1 版式设计

8. 1. 2 版式设计的原则

8. 1. 3 版式设计的原理--空间的编排构成

8. 2 图标的布置

8. 2. l 图形的分类

8. 2. 2 图形面积

8. 2. 3 图形组合

8. 3 景与底的艺术

8. 3. l 单纯与秩序

8. 3. 2 对比与调和

8. 3. 3 对称与均衡

8. 3. 4 节奏与韵律

8. 3. 5 虚实与留白

8. 4 一致性与和谐性

8. 4. l 单向视觉流程

8. 4. 2 曲线视觉流程

8. 4. 3 重心视觉流程

8. 4. 4 反复视觉流程

8. 4. 5 导向视觉流程

8. 4. 6 散点视觉流程

8. 4. 7 最佳视域

8. 5 小结

第9章 其他艺术设计带来的思考

9. l 平面设计

9. 1. l 平面设计的简述

9. l. 2 网页设计与平面设计的异同

9. 1. 3 艺术效果的传达

9. 2 装饰与装潢设计

9. 2. l 基本描述

9. 2. 2 现代装饰装潢

9. 2. 3 装饰与生活

9. 2. 4 网页设计的启示

9. 3 摄影

9. 3. l 摄影造型要素与网页设计的联系

9. 3. 2 摄影艺术的分类

9. 4 广告

9. 4. 1 广告艺术

9. 4. 2 广告媒介

9. 5 由艺术所带来的思考

9. 5. l 现代设计的意义

9. 5. 2 网页设计师的素质与能力

9. 6 小结

第二篇 实践篇

第10章 美工创意类型

10. 1 基于形态元素的创意

10. 1. 1 点与线的组合

10. 1. 2 面的形状创意

10. 1. 3 富有特定含义的形状

10. 2 基于色彩的创意

10. 2. l 场景的大气变化

10. 2. 2 流星效果

10. 3 基于整体空间的设计

10. 3. l 浮动效果的设计

10. 3. 2 不同空间图像的组合

10. 4 字体艺术

10. 4. l 基于组成分解的字体

10. 4. 2 不同材质的字体

10. 4. 3 基于颜色的特效字体

10. 4. 4 基于整体形态的字体

10. 5 小结

第11章 网页图像的分类设计

11. 1 Web图像的分类

11. 2 主页标志图像设计

11. 2. l 主页标志图像1

11. 2. 2 主页标志图像2

11. 3 网页背景制作

11. 3. 1 网页背景概述.

11. 3. 2 首页界面的制作

11. 3. 3 文字底纹背景的制作

11. 3. 4 无缝网页背景的制作

11. 3. 5 使用水印效果的背景

11. 4 项目符号及按钮的设计

11. 4. l 使用 Photoshop制作按钮

11. 4. 2 使用 Fireworks制作按钮

11. 4. 3 使用 Flash制作按钮

11. 4. 4 项目符号图像设计

11. 5 小结

第12章 整个网站的美工方案

12. 1 站点前期策划

12. 1. l 网页设计原则

12. 1. 2 确定网站的类型

12. 2 站点内容及框架的确定

12. 3 虚拟站点美工策划

12. 3. 1 主页

12. 3. 2 业务介绍子页

12. 3. 3 服务支持子页

12. 3. 4 应用论坛子页

12. 3. 5 关于我们子页

12. 4 小结

附录（习题答案）

培训大纲