界面设计基础篇 1
Chapter01 网页界面设计的基础概念和相关知识 1
1．1 网页界面设计的基础理论 2
1．1．1 设计界面的定义及其分类 2
1．1．2 设计界面的意义在于体现信息交流 2
1．1．3 设计界面的划分依据 3
1．1．4 设计界面的运用原则和应用方法 3
1．2 网页界面的构成要素 4
1．2．1 导航要素 4
1．2．2 主页设计 5
1．3 网页设计的版面布局、背景设计与艺术表现 7
1．3．1 网页设计的版面布局 7
1．3．2 网页的背景设计 8
1．3．3 网页设计的艺术表现 9
1．4 网页设计的配色原理 10
1．4．1 色彩的基础知识 10
1．4．2 网页中的色彩心理效应 10
1．4．3 网页配色方案 11
1．5 网页设计的相关专业知识 12
1．5．1 应用于网页中的色彩模式 13
1．5．2 网页常用的文件格式 13
1．5．3 网页中其他专业术语 14
Chapter02 Photoshop与网页设计相关的功能简介 15
2．1 Photoshop CS3的常用工具 16
2．1．1 Photoshop CS3操作界面 16
2．1．2 工具箱功能简介 17
2．1．3 图解常用控制调板 18
2．2 Photoshop CS3的基本绘图操作 21
2．2．1 文件的相关操作 21
2．2．2 路径的绘制和编辑 24
2．2．3 切片的相关知识 25
网页元素制作篇 27
Chapter03 制作按钮图标 27
3．1 使用“椭圆工具”制作按钮底座 28
3．2 使用“自定形状工具”绘制按钮图标 36
3．3 添加图层样式完善整套按钮 41
Chapter04 制作栏目图标 45
4．1 使用“矩形工具”制作栏目图标的底座 46
4．2 使用“钢笔工具”绘制栏目图标 53
4．3 使用文本工具添加背景中的文字 60
Chapter05 制作栏目导航器 65
5．1 填充选区确定出网站框架 66
5．2 用画笔描边出树叶形导航器要素 70
5．3 添加文字并应用“曲线”命令调整图片 75
Chapter06 制作特效艺术字 81
6．1 运用蒙版和绘图工具制作网站背景 82
6．2 定义图案并填充出主体变形文字 88
6．3 使用钷落的文字点缀出整体效果 96
Chapter07 制作网页背景 105
7．1 通过多种滤镜制作木纹效果 106
7．2 抠出素材图像组成网站背景要素 112
7．3 用文字和人物图像完善页面 117
Chapter08 制作网页中常用的Q版头像 123
8．1 路径与画笔结合绘制男生形象 124
8．2 路径与画笔结合绘制女生形象 131
8．3 渐变填充出页面背景 138
Chapter09 制作异型登录窗口 143
9．1 填充选区制作登录窗口外形 144
9．2 模糊滤镜打造出金属质感的窗口内部 150
9．3 添加文本完成窗口的制作 157
Chapter10 制作个性化的播放器界面 163
10．1 填充选区绘制播放器主体 164
10．2 填充选区制作播放器两侧 172
10．3 应用路径绘制播放器按钮 180
Chapter11 制作网络弹出式广告 187
11．1 收缩选区绘制出心形背景 188
11．2 填充和描边结合绘制多个心形要素 194
11．3 添加素材和文本完善页面 201
Chapter12 制作GIF动画 207
12．1 复制线条制作背景图像 208
12．2 使用“动画”调板添加动画效果 214
12．3 添加星星和文字完善背景 221
综合实例篇 225
Chapter13 功能明晰型网站设计——门户类网站 225
13．1 网站背景和版面布局的设计 226
13．2 网站导航文字和主体图片的添加 230
13．3 网页切片的制作和优化 237
Chapter14 主题突出型网站设计——企业类网站 241
14．1 木纹背景的制作 242
14．2 版面布局的设计 250
14．3 主体图像和文本的添加 260
Chapter15 幽默夸张型网站设计——娱乐类网站 269
15．1 网页背景中火焰效果的制作 270
15．2 网站内各夸张人物形象的绘制 276
15．3 特效文字和其他细节的添加 283
Chapter16 特色展示型网站设计——文化类网站 289
16．1 制作富有民族特色的背景 290
16．2 绘制服饰华美的主体人物 297
16．3 添加精练概括的背景文字 304
Chapter17 刺激消费型网站设计——餐饮食品类网站 311
17．1 网站背景和版面设计 312
17．2 醒目的主体部分制作 321
17．3 明星和食品素材的导入 332
Chapter18 时尚靓丽型网站设计——时装饰品类网站 343
18．1 富含时尚感不规则背景的制作 344
18．2 网站整体布局的设计 350
18．3 服装素材和背景文字的添加 358
Chapter19 特立独行型网站设计——搜索引擎类网站 363
19．1 水墨画风格背景的制作 364
19．2 独特的搜索引擎图标的制作 373
19．3 细节和文本的添加 380
Chapter20 率性写意型网站设计——艺术类网站 387
20．1 街头艺术感背景的制作 388
20．2 抽象主体形象的绘制 397
20．3 文字和素材图片的添加 403