网页设计解析PDF电子书下载

第1章 认识Web设计 1

1.1 Web设计概述 2

1.1.1 内容 2

1.1.2 技术 2

1.1.3 外观 3

1.2 优秀的Web设计是什么？ 3

1.2.1 外观和功能同样重要 3

1.2.2 别做自以为“酷”的事情 6

1.2.3 规则—只有合适没有正确 7

1.3 Web设计师的多元性 7

1.3.1 平面设计 7

1.3.2 插画 8

1.3.3 VI识别系统 9

1.3.4 传统艺术 10

1.3.5 工业设计 12

1.3.6 产品设计 13

第2章 工具使用新谈 15

2.1 选择合适的设计软件 16

2.2 深入理解Web设计软件 20

2.2.1 设计软件标准化 20

2.2.2 请重视你的Help文档 21

2.3 建立最适合自己的设计软件组合 22

2.3.1 平面位图图形 23

2.3.2 平面矢量图形 23

2.3.3 矢量动画 24

2.3.4 基本HTML文本 24

2.3.5 在线视频 25

2.3.6 角色/场景动画 25

2.4 Photoshop 26

2.4.1 图层 26

2.4.2 创建Web Photo Gallery 29

2.4.3 分割图形 31

2.5 Fireworks 32

2.5.1 制作GIF动画 32

2.5.2 创建Rollover样式按钮 34

2.5.3 为图形添加浏览器属性 36

2.6 Dreamweaver 38

2.6.1 建立自己的网站结构并设置 38

2.6.2 使用插件扩展Dreamweaver功能 41

2.6.3 控制并检验CSS样式 43

2.7 辅助工具 46

2.7.1 ACDSee 46

2.7.2 配色大师ColorSPY 48

2.7.3 截屏大师Snaglt 48

第3章 探讨Web标准 51

3.1 什么是Web标准？ 52

3.1.1 为什么要使用Web标准？ 53

3.1.2 如何校验你的Web？ 53

3.1.3 了解（X)HTML 55

3.1.4 Web标准的商业价值 57

3.2 重新认识CSS 58

3.2.1 如何应用CSS 58

3.2.2 CSS的语法 59

3.3 CSS实例 59

3.3.1 精致的CSS水平列表 59

3.3.2 华丽的CSS垂直嵌套列表 66

3.3.3 不同浏览器对Css特别代码的支持情况 69

3.3.4 高级列表 70

3.4 设计师必须了解的Css技巧 73

3.5 基于标准的Web设计参考 74

第4章 Web设计与GUI 81

4.1 GUI和Web设计的关系 82

4.2 Web用户界面设计原则 85

4.3 设计GUI中的图标(ICON) 92

4.3.1 正确理解图标的价值 92

4.3.2 图标设计实践1—2D矢量图标设计 93

4.3.3 图标设计实践2—3D图标设计 100

4.3.4 【重要】违反GUI原则的Web宣传手段 111

第5章 Web设计中的排版 115

5.1 Web版式设计概述 117

5.2 常用版面布局参考 118

5.2.1 传统“T”型结构 118

5.2.2 左右平均分布型结构 119

5.2.3 上下对照结构 120

5.2.4 “上中下”—“三”字结构 121

5.2.5 简约型布局 122

5.2.6 “回”字型结构 123

5.2.7 氛围式结构 124

5.2.8 “杂物箱”版式 125

5.2.9 “个人风格化”结构 127

5.2.10 单页排列式结构 128

5.2.11 文字型结构 130

5.2.12 封面型（cover）结构 132

5.2.13 综合型结构 133

5.3 页面排版的细节元素 134

5.3.1 重视细节的刻画 134

5.3.2 设计AD Banner（广告条） 135

5.4 实战版式设计 141

第6章 首页设计 153

6.1 第一眼的印象 154

6.1.1 突出主体 154

6.1.2 简单第一 154

6.1.3 控制版面 156

6.1.4 绚丽配色 157

6.1.5 信息处理 158

6.1.6 重视表现 161

6.1.7 流行风格 163

6.2 首页设计的两种思路—个性与商业的平衡 165

6.2.1 方案A一传统企业型站点设计 166

6.2.2 方案B—时尚企业型站点设计 166

6.3 方案A设计过程—安全而传统 166

6.3.1 标题设计与导航 167

6.3.2 板块区域设计 170

6.3.3 内容排版设计 171

6.4 方案B设计过程—独特且艺术 174

6.4.1 背景设计 175

6.4.2 设计页面边框及导入Logo 178

6.4.3 设置顶端灯光 179

6.4.4 设计左导航 180

6.4.5 制作主体部分 183

6.4.6 主体周边细节制作 185

6.4.7 内容填充 187

6.5 设计首页模板 190

6.5.1 设计页面左导航 190

6.5.2 上导航设计 195

6.5.3 内容板块设计 196

6.5.4 整体调整 200

6.5.5 切图 200

6.5.6 将输出的页面制作成模板 201

第7章 全案解析 205

7.1 企业应用型网站规划与设计 206

7.1.1 前期准备 206

7.1.2 建立矢量标识 206

7.1.3 设计网站平面稿 209

7.1.4 切片并建立网站的HTML基本表达式 217

7.1.5 用Dreamweaver优化网站的HTML表达式 220

7.1.6 Flash实现在线展示Video 224

7.1.7 Fireworks完善导航系统 227

7.2 个人网站设计 231

7.2.1 制作页面分解元素 232

7.2.2 平面设计在网站上的运用 235

7.2.3 “积木式”网站排版 238

7.2.4 发布网站到Internet 243

附录 顶尖Web设计师语思录 245

后记 265