第1章 Photoshop Web基础知识 1
1.1 网页设计师使用Photoshop CS4软件新感受 2
1.1.1 Web设计工作中的细节感受 3
1.1.2 从使用者角度感受Photoshop CS4 4
1.1.3 从技术角度感受Photoshop CS4 5
1.1.4 从网页设计角度感受Photoshop CS4 5
1.2 关于Photoshop CS4标准版与扩展版 6
1.2.1 Photoshop CS4 6
1.2.2 Photoshop CS4 Extended 6
1.3 网页图像 7
1.3.1 网页图像的大小 7
1.3.2 网页图像 7
1.3.3 Web图像优化 9
1.4 网页图片格式 10
1.5 网页动画 12
1.5.1 创建GIF动画 12
1.5.2 优化图像 13
1.5.3 创建翻转效果 14
1.6 图像颜色模式 15
1.6.1 常用的色彩模式 15
1.6.2 色彩模式的选择 20
1.6.3 图像颜色模式应用和转换 20
第2章 网站策划之前——Web设计师必知必会 23
2.1 明确网站主题 24
2.1.1 网站主题决定网页的表现形式 24
2.1.2 对于题材选择的建议 27
2.2 相关背景材料分析 27
2.2.1 分析行业资料 27
2.2.2 行业调查和同类网站调查 29
2.2.3 行业知识的积累 30
2.3 目标用户群分析 31
2.3.1 目标用户群 31
2.3.2 一般网站中目标用户群的分析 33
2.4 如何达到“设计”目的 35
2.4.1 策划书 36
2.4.2 设计的四个切入点 36
2.4.3 网页内容安排技巧 38
2.4.4 “口号”的作用 38
2.4.5 网站的可信度 41
第3章 网站策划书 43
3.1 目的是成功的重要开端 44
3.1.1 建站目的 44
3.1.2 目标用户群 44
3.2 网站开发商业流程 44
3.3 网站策划实例 45
3.3.1 策划书 45
3.3.2 网站设计中考虑的问题 47
3.4 娱乐网站策划书结构分析 50
3.4.1 CSC CLUB的策划书 50
3.4.2 网站的目录结构和链接结构 55
3.4.3 进行整体风格创意设计 56
3.5 娱乐网站设计的思考——首页设计 59
3.5.1 绘制网站背景 59
3.5.2 安排布局 63
第4章 Web Design设计元素 67
4.1 网页布局的常用术语 68
4.1.1 常用的页面尺寸 68
4.1.2 整体造型 68
4.1.3 网页页头 69
4.1.4 网页导航 70
4.1.5 文本 71
4.1.6 页脚 71
4.1.7 图片 72
4.1.8 多媒体 72
4.2 网页界面的合理布局 73
4.2.1 网站的设计目的决定设计方案 74
4.2.2 页面内容 75
4.2.3 页面的有效性 76
4.3 网页界面的布局分类 76
4.3.1 “国”字形结构 76
4.3.2 拐角型结构 78
4.3.3 正文标题型结构 79
4.3.4 左右框架型结构 80
4.3.5 上下框架型结构 81
4.3.6 综合框架型结构 82
4.3.7 封面型结构 84
4.3.8 Flash型结构 85
4.3.9 什么样的布局是最好的 86
4.4 网页设计构成要素 86
4.4.1 点构成 87
4.4.2 线构成 89
4.4.3 面构成 90
4.4.4 混合构成 91
4.5 网页设计的风格类型 94
4.5.1 平面风格 94
4.5.2 矢量风格 95
4.5.3 像素风格 96
4.5.4 三维风格 97
4.5.5 UI界面设计 97
第5章 Web Design网页色彩基础知识（上） 99
5.1 色彩属性 100
5.1.1 颜色是因为光的折射产生的 100
5.1.2 颜色分非彩色和彩色两类 101
5.1.3 色彩的三要素 104
5.1.4 色彩的基本概念 108
5.2 彩色的心理感觉 110
5.3 色彩在网页中的作用 121
5.3.1 引导主次关系 121
5.3.2 划分视觉区域 122
5.3.3 营造网站气氛 123
第6章 Web Design网页色彩基础知识（下） 127
6.1 色彩的色调 128
6.1.1 按页面中色彩的冷暖分 128
6.1.2 按页面中色彩的主次分 132
6.1.3 按页面中色彩的色相分 133
6.2 色彩的对比 136
6.2.1 色相对比 136
6.2.2 纯度对比 137
6.2.3 明度对比 138
6.2.4 补色对比 138
6.2.5 冷暖对比 139
6.2.6 面积对比 140
6.3 色彩的调和 141
6.3.1 同种色调和 141
6.3.2 类似色调和 141
6.3.3 对比色调和 142
6.3.4 渐变色调和 143
6.4 网页色彩搭配的原则 144
6.4.1 色彩的鲜明性 144
6.4.2 色彩的独特性 144
6.4.3 色彩的适用性 145
6.4.4 色彩的联想性 146
6.5 网页设计理念 147
第7章 Photoshop Web Logo和图标设计 149
7.1 Logo概述 150
7.1.1 Logo基本知识 152
7.1.2 Logo的表现形式 153
7.2 Logo设计实例 154
7.2.1 大众Logo的设计 154
7.2.2 花期网站Logo的设计 156
7.2.3 心形Logo的设计 160
7.2.4 篮球Logo的设计 162
7.3 ICON概述 163
7.4 ICON制作 164
7.4.1 MSN即时通信ICON制作 164
7.4.2 Media Player播放按钮的制作 168
第8章 Photoshop Web文字设计 171
8.1 文字设计的原则 172
8.2 文字设计 172
8.2.1 轻松制作“逍客”艺术字 172
8.2.2 轻松制作木纹字 175
8.2.3 青草字 178
8.2.4 温情地图印章字 180
8.2.5 金属字 181
8.3 Web字体 183
8.3.1 什么是Web字体 183
8.3.2 Web字体常用规则 183
8.4 按钮设计 183
8.4.1 网页“夫妻水晶”按钮设计 183
8.4.2 网页水晶按钮设计 186
8.5 GIF动画制作 188
8.5.1 认识GIF动画 188
8.5.2 GIF动画的制作——美女骷髅 188
第9章 Photoshop Web Banner与导航设计 191
9.1 Banner概述 192
9.2 网页Banner设计实例 193
9.2.1 LULITA网络服务网站中的Banner制作 193
9.2.2 手机网站Banner设计 196
9.2.3 乐途网站的Banner制作 197
9.3 导航概述 199
9.3.1 导航的功能 200
9.3.2 导航的样式 200
9.4 网页导航设计实例 202
9.4.1 典型的企业网站导航设计 202
9.4.2 体校网站Logo和Banner设计 205
9.4.3 房产网站导航菜单制作 208
9.4.4 LULITA网站静态导航菜单制作 211
第10章 鲜明的个人网站 215
10.1 个人音乐网 216
10.1.1 网站策划 216
10.1.2 操作步骤 218
10.2 个人摄影网 225
10.2.1 网站策划 225
10.2.2 操作步骤 226
10.3 个人漫画网 233
10.3.1 网站策划 233
10.3.2 操作步骤 235
10.4 总结 242
第11章 商业网站设计 243
11.1 家居网站的制作 244
11.1.1 网站策划 244
11.1.2 操作步骤 246
11.2 汽车网站的制作 253
11.2.1 网站策划 253
11.2.2 操作步骤 255
11.3 经济网站的制作 259
11.3.1 网站策划 259
11.3.2 操作步骤 263
11.4 综艺节目网站的制作 271
11.4.1 网站策划 271
11.4.2 操作步骤 275
11.5 总结 281
第12章 Web创意训练 283
12.1 怎样才能产生绝妙的创意 284
12.2 挖掘你的创意思维 285
12.3 创新基于基础知识而又高于基础知识 288
12.4 设计是细节选择的过程 289
12.5 “突破极限”设计 292
12.6 冲破传统求创新 297
12.7 总结 302