网站美工高级培训教程PDF电子书下载

第一篇 理论篇 1

第1章 网站美工概述 1

1.1 网站美工的任务 4

1.1.1 表达一定的艺术效果 4

1.1.2 使页面结构清晰可读性强 5

1.1.3 实现不同的功能 5

1.1.4 网页的内容 5

1.1.5 确定网站的类型 9

1.1.6 确定网站的风格 11

1.1.7 确定网页之间的链接关系 11

1.1.8 确定网站的CI 13

1.1.9 其他任务 15

1.2 小结 15

第2章 色彩的基础理论 17

2.1 色彩的基本常识 18

2.1.1 光与色 18

2.1.2 色彩的生理特性 18

2.1.3 色彩类别及要素 19

2.1.4 色彩混合 21

2.2 色彩的心理效应 22

2.2.1 色彩的表情 22

2.2.2 色彩的象征 26

2.2.3 色彩的联想 27

2.3 色彩的美学原理 28

2.3.1 色彩的对比 28

2.3.2 色彩的调和 31

2.4.1 以色相为依据的色彩搭配方案 33

2.4 色彩的搭配 33

2.3.3 色彩的面积与位置 33

2.4.2 以明度为依据的色彩搭配方案 35

2.4.3 以纯度为依据的色彩搭配方案 37

2.4.4 以色调为依据的色彩搭配 38

2.4.5 网页色彩的搭配 38

2.5 小结 39

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

3.1 图像设计流程 42

3.1.1 明确目标 42

3.1.2 搜集材料 42

3.1.3 绘制简图 42

3.1.4 绘制草图 43

3.1.5 把草图组成详图 43

3.1.6 评价和修改 44

3.2 形态元素 45

3.2.1 点的应用 45

3.2.2 线的妙处 47

3.2.3 面的结构 49

3.2.4 形状特色 49

3.2.5 调值的技巧 50

3.2.6 底纹的衬托 51

3.3 图像设计的原理 51

3.3.1 平衡的设计 51

3.3.2 焦点和主次的设计 54

3.3.3 韵律的设计 56

3.3.4 统一和变化 56

3.3.5 呼应、分格、对齐和流动 57

3.4.1 基本原理 59

3.4 形式美的原理 59

3.4.2 形式设计应注意的几个方面 62

3.5 现代设计的艺术构思 64

3.5.1 艺术构思的激发点 64

3.5.2 网页设计构思激发点 64

3.6 小结 65

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

4.1 图像设计方案四要素 68

4.1.1 设计方针 68

4.1.2 设计思路 69

4.1.3 设计本身 70

4.1.4 设计工艺 70

4.2.1 图像元素 71

4.2 设计图像元素 71

4.2.2 设计 72

4.3 设计方案 73

4.3.1 格式 73

4.3.2 造型 74

4.3.3 装饰 74

4.3.4 设计方案的步骤 75

4.3.5 对设计方案的评价 75

4.3.6 展示 76

4.4 设计专业 77

4.5 构图与组织 77

4.5.1 构图的概念 77

4.5.2 构图的目的 78

4.5.3 构图的性质 79

4.5.4 构图的完整性 79

4.5.5 创作和构图 80

4.6 小结 82

第5章 使网站更有艺术魅力——图像设计内涵 83

5.1 构图的形式 84

5.1.1 形式法则的应用 84

5.1.2 构图的秩序 87

5.1.3 构图的情感 94

5.2 画面的组建 95

5.2.1 画面的确定 95

5.2.2 突出造型中心 96

5.2.3 背景的运用 100

5.2.4 画面的整体均衡 101

5.3 图像设计需注意的两个方面 102

5.3.1 视觉节奏的运用 102

5.3.2 调值的运用 103

5.4 空间与深度的运用 105

5.4.1 空间限制 105

5.4.2 空间分割 106

5.4.3 空间深度 108

5.4.4 正、反空间 109

5.4.5 视觉 109

5.4.6 空白的留取 114

5.5 小结 116

第6章 字体设计 117

6.1 信息与观众 118

6.1.1 信息 118

6.1.2 观众群 118

6.2 字体 118

6.2.1 平面中的字体设计 118

6.2.2 常用字体的分类和特征 119

6.3 文字和视图 125

6.3.1 字体组合 126

6.3.2 文字的图形表述 127

6.3.3 文字的叠印 127

6.4 文字与表现力 128

6.4.1 字体颜色与视觉效果 128

6.4.2 文字的强调 131

6.5 小结 133

第7章 网页动态设计 134

7.1 动画设计的概述 135

7.1.1 动画设计概述 135

7.1.2 动画与页面设计 135

7.1.3 网页动画设计要求 137

7.1.4 动画设计原理分析 138

7.1.5 准备工作 139

7.2 动态图形设计的常用类型 141

7.2.1 GIF动画 141

7.2.2 Flash动画 144

7.2.3 Java动画 146

7.2.4 其他动画生成软件 150

7.3 小结 151

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

8.1 版式设计 153

8.1.1 版式设计 153

8.1.2 版式设计的原则 155

8.1.3 版式设计的原理——空间的编排构成 158

8.2.1 图形的分类 163

8.2 图标的布置 163

8.2.2 图形面积 165

8.2.3 图形组合 166

8.3 景与底的艺术 167

8.3.1 单纯与秩序 167

8.3.2 对比与调和 168

8.3.3 对称与均衡 168

8.3.4 节奏与韵律 169

8.3.5 虚实与留白 170

8.4 一致性与和谐性 171

8.4.1 单向视觉流程 172

8.4.2 曲线视觉流程 173

8.4.3 重心视觉流程 173

8.4.5 导向视觉流程 174

8.4.4 反复视觉流程 174

8.4.6 散点视觉流程 175

8.4.7 最佳视域 176

8.5 小结 176

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

9.1 平面设计 179

9.1.1 平面设计的简述 179

9.1.2 网页设计与平面设计的异同 180

9.1.3 艺术效果的传达 180

9.2 装饰与装潢设计 181

9.2.1 基本描述 181

9.2.2 现代装饰装潢 182

9.3 摄影 183

9.3.1 摄影造型要素与网页设计的联系 183

9.2.4 网页设计的启示 183

9.2.3 装饰与生活 183

9.3.2 摄影艺术的分类 185

9.4 广告 189

9.4.1 广告艺术 189

9.4.2 广告媒介 190

9.5 由艺术所带来的思考 193

9.5.1 现代设计的意义 193

9.5.2 网页设计师的素质与能力 194

9.6 小结 195

第二篇 实践篇 199

第10章 美工创意类型 199

10.1 基于形态元素的创意 200

10.1.1 点与线的组合 200

10.1.2 面的形状创意 204

10.1.3 富有特定含义的形状 206

10.2 基于色彩的创意 212

10.2.1 场景的天气变化 212

10.2.2 流星效果 216

10.3 基于整体空间的设计 219

10.3.1 浮动效果的设计 220

10.3.2 不同空间图像的组合 224

10.4 字体艺术 229

10.4.1 基于组成分解的字体 230

10.4.2 不同材质的字体 238

10.4.3 基于颜色的特效字体 245

10.4.4 基于整体形态的字体 252

10.5 小结 258

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

11.1 Web图像的分类 261

11.2 主页标志图像设计 263

11.2.1 主页标志图像1 263

11.2.2 主页标志图像2 267

11.3 网页背景制作 270

11.3.1 网页背景概述 271

11.3.2 首页界面的制作 273

11.3.3 文字底纹背景的制作 277

11.3.4 无缝网页背景的制作 278

11.3.5 使用水印效果的背景 281

11.4 项目符号及按钮的设计 282

11.4.1 使用Photoshop制作按钮 282

11.4.2 使用Fireworks制作按钮 289

11.4.3 使用Flash制作按钮 294

11.4.4 项目符号图像设计 303

11.5 小结 311

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

12.1 站点前期策划 313

12.1.1 网页设计原则 313

12.1.2 确定网站的类型 314

12.2 站点内容及框架的确定 315

12.3 虚拟站点美工策划 316

12.3.1 主页 316

12.3.2 业务介绍子页 331

12.3.3 服务支持子页 332

12.3.4 应用论坛子页 333

12.3.5 关于我们子页 333

12.4 小结 334

附录(习题答案) 335

培训大纲 341