网站视觉形象设计PDF电子书下载

第一部分　设计篇 1

第1章 网站设计基础 1

1.1　互联网的发展与演变 1

1.1.1 互联网的产生和发展 1

1.1.2　互联网在中国的发展 2

1.1.3 互联网对相关行业的巨大影响 2

1.2　网络基本概念 4

1.2.1　Internet常见服务 4

1.2.2　WWW概念及其发展 6

1.2.3　HTML 6

1.2.4　Web浏览器 7

1.2.5　网页与网站 10

1.2.6　URL 10

1.2.7　基于URL的协议 10

1.2.8　网址与域名 11

1.2.9 搜索引擎 12

1.3 网络传媒的特点 13

1.3.1 网页设计手段的发展 13

1.3.2 网络传媒的特点 13

1.4 网页设计常用的基本工具介绍 15

1.4.1 文字处理工具 15

1.4.2　图形图像处理工具 16

1.4.3 网页制作工具 17

1.4.4　未来的发展趋势 19

小结 19

思考与练习 19

第2章　网页设计的原则和特点 21

2.1 网页设计的特点及内容 21

2.1.1 网页设计的特点 21

2.1.2 网站设计的内容 23

2.2 网页设计的总体原则 24

2.2.1 形式与内容的统一 24

2.2.2 内容设计上：主题强化与表现 25

2.2.3 形式表现上：整体与变化的统一 26

2.2.4 表现手段上：技术与设计的协调 26

2.3 网页设计中的形式原则 27

2.3.1 网页构成要素 27

2.3.2　风格定位 28

2.3.3 版面编排 29

2.3.4　色彩处理 30

小结 30

思考与练习 30

第3章 网页构图 31

3.1 网页构图基础 31

3.1.1　什么是构图 31

3.1.2　构图中的形式原理 31

3.2 网页设计中的视觉流程 37

3.2.1 什么是视觉流程 37

3.2.2 网页中的视觉流程 39

3.2.3 与平面设计的联系和区别 40

3.3　点、线、面的应用 41

3.3.1 点在网页设计中的应用 41

3.3.2 线在网页设计中的应用 42

3.3.3 面在网页设计中的应用 44

3.4　传统网页构图实例 46

3.5　经验与技巧 52

3.5.1　慎重使用字体 52

3.5.2　关于双分辨率 52

3.5.3　页面的留白 53

3.5.4　关于第一屏 53

3.5.5　美观与速度的平衡 53

小结 54

思考与练习 54

第4章　网页色彩 55

4.1　色彩基本原理 55

4.1.1 色彩的三要素 55

4.1.2　色彩形式美法则 56

4.1.3　色彩视觉心理 58

4.2　色彩模式 66

4.2.1 加色模式与减色模式 66

4.2.2　RGB模式——显示器的色彩模式 67

4.2.3　CMYK——印刷的混色原理 68

4.2.4　Indexed——索引色模式 68

4.3 网络色彩概述 69

4.3.1 色彩与网站风格 69

4.3.2　屏幕怎样显示色彩 70

4.3.3 网络色彩的不确定性 70

4.3.4　216网页安全色 71

4.3.5　颜色的名称 71

4.4 网页配色方案 72

4.4.1　基本原则 72

4.4.2　基于对比色相的配色 73

4.4.3　基于类似色相的配色 74

4.4.4 以对比为原则的配色 76

4.4.5　配色经验 79

小结 80

思考与练习 80

第5章　网站策划与结构 81

5.1 网站策划的内容及原则 81

5.1.1 网站策划的一般内容 81

5.1.2　网站形象策划原则 82

5.2 网站结构 85

5.2.1 栏目设计 85

5.2.2 链接结构：超级链接意义 87

5.2.3　整体格局：压平与纵深 88

5.2.4　文件结构与规范 89

5.2.5　导航系统 90

5.3 网站的系统化操作 92

5.3.1 网站制作简要流程 92

5.3.2　网站开发规范 94

5.3.3 网站推广 95

小结 96

思考与练习 96

第二部分　图像篇 97

第6章　利用Photoshop及ImageReady处理网络图像 97

6.1 图像格式概述 97

6.1.1　矢量与点阵 97

6.1.2　图像格式简介 99

6.2　Photoshop及ImageReady的界面与工具 103

6.2.1　Photoshop cs 2简介 103

6.2.2　ImageReady简介 109

6.3　Photoshop及ImageReady的网络功能 112

6.3.1 图像切片 112

6.3.2　Web照片画廊 115

6.3.3 图像映射 116

6.3.4　Web内容（按钮效果） 118

6.3.5 动作 121

6.3.6　批处理 123

6.3.7　其他自动处理命令 125

小结 127

思考与练习 127

第7章 图像的优化与特效处理 129

7.1 图像的优化 129

7.1.1 色彩面板中的网络色彩设置 129

7.1.2　Photoshop及ImageReady中的图像优化面板 130

7.1.3 优化GIF图像 135

7.1.4　优化JPEG图像 139

7.1.5　优化PNG图像 141

7.1.6　格式的选择 143

7.1.7　快捷批处理 144

7.2 图片的透明化处理 147

7.2.1 GIF和PNG格式的对比 147

7.2.2 单级透明GIF89a和PNG-8 148

7.2.3　PNG-24的256级透明效果 151

7.2.4　透明图像向导 151

7.2.5 高级技巧：利用“抽出”功能擦除背景色 154

小结 155

思考与练习 155

第三部分　应用篇 157

第8章　特效处理与点阵动画 157

8.1 图层样式 157

8.1.1 应用图层样式面板 157

8.1.2　经典图层样式 159

8.1.3　特效实例：制作铁锈字效果 166

8.2　点阵动画 170

8.2.1　ImageReady动画面板和命令 170

8.2.2　准备制作点阵动画 171

8.2.3 利用图层的状态差异制作逐帧动画 175

8.2.4　综合实例制作 183

8.2.5　动画的优化 194

小结 196

思考与练习 196

第9章 网络矢量动画Flash 197

9.1　认识Flash 197

9.1.1　熟悉操作界面 197

9.1.2　参数设定 198

9.2　绘制图形 199

9.2.1 工具箱 199

9.2.2　基本绘图工具 200

9.2.3　选取工具 206

9.2.4　钢笔和白色指针（辅选）工具 208

9.2.5 改变对象颜色与样式 210

9.2.6　提取与擦除 211

9.2.7　应用渐变效果 212

9.2.8 自由变形 213

9.2.9　处理文本 215

9.3　Flash动画基础 216

9.3.1　帧与层 216

9.3.2　元件 218

9.3.3　库资源 220

9.4　制作运动补间动画 221

9.4.1 制作图形元件的补间动画 221

9.4.2　制作轨迹动画 223

9.4.3 制作影片剪辑元件的补间动画 225

9.4.4 制作按钮交互效果的补间动画 228

9.5 制作变形动画和遮罩动画 230

9.5.1 创建变形动画 231

9.5.2　遮罩动画 234

小结 236

思考与练习 236

第10章 网站元素制作经验 237

10.1 网页设计中不同元素的处理原则 237

10.1.1　文字设计与处理 237

10.1.2 图片的使用 238

10.1.3 网络广告 238

10.2　首页设计 241

10.3 网站基本图形元素的设计 243

10.3.1 网站标志Logo设计 243

10.3.2 网站按钮设计 244

10.3.3　Banner设计 247

10.3.4 背景处理 248

小结 250

思考与练习 250

参考文献 251