Chapter 01网页设计基础知识 2
1.1商业网站建设综合知识 2
1.1.1商业网站设计原则 2
1.1.2常用网页元素 11
1.2网页设计常用文件格式分析 13
1.3网站整站策划分析 17
1.4网页设计——细节内容分析 17
1.4.1策划过程 18
1.4.2关于导航栏设计 18
1.4.3使用CSS控制整体格式 19
1.4.4使用表格、层布局排版 19
1.4.5使用模板 21
1.4.6选择使用框架 21
1.4.7将VI企业视觉设计应用在网页设计中 22
1.4.8色彩的搭配 23
1.4.9多媒体元素 23
1.5网页布局类型分析 23
1.5.1“国”字型 23
1.5.2拐角型 24
1.5.3T字型 24
1.5.4框架型 25
1.5.5“三”字型 25
1.5.6POP型 26
1.5.7Flash型 26
1.6网页尺寸和显示器分辨率的关系 27
Chapter 02 Photoshop软件基础与应用技巧 30
2.1Photoshop用户界面和工具箱 30
2.1.1用户界面 30
2.1.2工具箱内常用工具及工具使用技巧 31
2.2Photoshop数码图像后期处理技术 47
2.2.1用色阶调整图像明暗度 47
2.2.2自动化调整图像 51
2.2.3运用曲线调整色调 52
2.2.4运用色彩平衡调整图像颜色 54
2.2.5调整图像亮度/对比度 55
2.2.6调整图像色相/饱和度 55
2.2.7更改特定颜色的工具——替换颜色 58
2.3图层的使用技巧 60
2.4通道和图层蒙版应用技巧 64
2.4.1RG B颜色模式通道 65
2.4.2Alpha选区通道 65
2.4.3图层蒙版 65
2.5常用技巧与工具应用 67
2.5.1智能内容识别填充功能 67
2.5.2内容感知移动工具 68
2.5.3透视裁切工具 71
Chapter 03网页色彩搭配与酷站赏析 74
3.1色彩基础知识 74
3.1.1色彩是一种感觉 74
3.1.2固有色的概念 74
3.1.3物体色的可变性 75
3.1.4无彩色和有彩色 76
3.1.5色彩构成三要素 77
3.1.6三原色 78
3.1.7印刷专用色 79
3.1.8Photoshop中的色彩组成模式 79
3.1.9色彩特征 81
3.1.10色彩视觉生理特征 84
3.2网页色彩搭配 85
3.2.1网页安全色 85
3.2.2网页颜色搭配技巧与酷站赏析 87
Chapter 04金属风格汽车网站设计 110
4.1实例分析 110
4.1.1设计目的 111
4.1.2交流重点 111
4.2实例详解——Photoshop设计过程 111
4.2.1首页整体布局设计 111
4.2.2Logo标志设计 113
4.2.3顶部Banner设计 118
4.2.4金属透明按钮菜单栏 120
4.2.5主页内容图形效果设计 126
4.2.6相关链接位置设计 128
4.2.7页脚及标准Logo制作 131
4.2.8切片输出 132
4.3实例详解——Dreamweaver整合发布 136
4.3.1在网页中插入表格和编辑文本 136
4.3.2按钮图像交替效果的实现 140
Chapter 05像素风格数码商城网站设计 146
5.1实例分析 146
5.1.1设计目的 147
5.1.2交流重点 147
5.2实例详解——Photoshop设计过程 147
5.2.1构建网站基本框架和主色调的确定 148
5.2.2像素文字和水晶按钮设计 149
5.2.3网站图标和顶部导航栏菜单设计 153
5.2.4内容整体设计制作 156
5.2.5切片输出与在Dreamweaver中编辑发布 160
Chapter 06世界名表官方网站设计 164
6.1实例分析 164
6.1.1设计目的 164
6.1.2交流重点 165
6.2实例详解——Photoshop设计过程 165
6.2.1页头及整体布局 165
6.2.2导航菜单及链接 170
6.2.3主要产品内容区域设计 175
6.2.4广告区域内容设计 182
Chapter 07品牌商城B2C网站设计 190
7.1实例分析 190
7.1.1设计目的 191
7.1.2交流重点 192
7.2实例详解——Photoshop设计过程 192
7.2.1顶部导航菜单 192
7.2.2选项菜单及搜索框设计 200
7.2.3大幅广告效果设计 204
7.2.4产品筛选和首页产品展示设计 210
7.2.5底部链接菜单设计 222
Chapter 08魔幻风格游戏网站设计 228
8.1实例分析 228
8.1.1设计目的 228
8.1.2交流重点 229
8.2实例详解——Photoshop设计过程 229
8.2.1华丽魔幻背景的制作 229
8.2.2虚幻的云彩效果 232
8.2.3顶部奇异金属图形 233
8.2.4科技风格金属圆环 239
8.2.5魔幻球形上的Logo效果 249
8.2.6外界空间特效 255
8.2.7外星生物——昆虫的制作 260
8.2.8外星生物——昆虫翅膀的制作 264
8.2.9水滴文字效果 267
Chapter 09立体风格影视娱乐网站设计 274
9.1实例分析 274
9.1.1设计目的 274
9.1.2交流重点 274
9.2实例详解——Photoshop设计过程 275
9.2.1精美场景效果的制作 275
9.2.2层叠式金属圆环特效 280
9.2.3奇特金属面板 287
9.2.4金属铁链的制作 293
9.2.5整体残旧效果的加强 305
9.2.6主体内容面板和菜单栏面板设计 306
9.2.7立体文字手绘特效 312
9.2.8Logo文字和铁链穿过效果 315
9.2.9黑色透明花纹玻璃按钮 319
9.2.10登录窗口和黑色透明玻璃按钮 323
9.2.11人物素材效果的制作 327
9.2.12右侧内容整体制作过程 329
Chapter 10企业品牌官方网站设计 334
10.1实例分析 334
10.1.1设计目的 335
10.1.2交流重点 335
10.2实例详解——Photoshop设计过程 335
10.2.1顶部导航菜单 335
10.2.2立体3D场景效果 344
10.2.3环绕3D立体照片墙 351
10.2.4添加图片链接 362