网页设计解析

第1章 认识Web设计

1.1 Web设计概述

1.1.1 内容

1.1.2 技术

1.1.3 外观

1.2 优秀的Web设计是什么？

1.2.1 外观和功能同样重要

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

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

1.3 Web设计师的多元性

1.3.1 平面设计

1.3.2 插画

1.3.3 VI识别系统

1.3.4 传统艺术

1.3.5 工业设计

1.3.6 产品设计

第2章 工具使用新谈

2.1 选择合适的设计软件

2.2 深入理解Web设计软件

2.2.1 设计软件标准化

2.2.2 请重视你的Help文档

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

2.3.1 平面位图图形

2.3.2 平面矢量图形

2.3.3 矢量动画

2.3.4 基本HTML文本

2.3.5 在线视频

2.3.6 角色/场景动画

2.4 Photoshop

2.4.1 图层

2.4.2 创建WebPhotoGallery

2.4.3 分割图形

2.5 Fireworks

2.5.1 制作GIF动画

2.5.2 创建Rollover样式按钮

2.5.3 为图形添加浏览器属性

2.6 Dreamweaver

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

2.6.2 使用插件扩展Dreamweaver功能

2.6.3 控制并检验CSS样式

2.7 辅助工具

2.7.1 ACDSee

2.7.2 配色大师ColorSPY

2.7.3 截屏大师SnagIt

第3章 探讨Web标准

3.1 什么是Web标准？

3.1.1 为什么要使用Web标准？

3.1.2 如何校验你的Web？

3.1.3 了解（X）HTML

3.1.4 Web标准的商业价值

3.2 重新认识CSS

3.2.1 如何应用CSS

3.2.2 CSS的语法

3.3 CSS实例

3.3.1 精致的CSS水平列表

3.3.2 华丽的CSS垂直嵌套列表

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

3.3.4 高级列表

3.4 设计师必须了解的CSS技巧

3.5 基于标准的Web设计参考

第4章 Web设计与GUI

4.1 GUI和Web设计的关系

4.2 Web用户界面设计原则

64.3 设计GUI中的图标（ICON）

4.3.1 正确理解图标的价值

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

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

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

第5章 Web设计中的排版

5.1 Web版式设计概述

5.2 常用版面布局参考

5.2.1 传统“T”型结构

5.2.2 左右平均分布型结构

5.2.3 上下对照结构

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

5.2.5 简约型布局

5.2.6 “回”字型结构

5.2.7 氛围式结构

5.2.8 “杂物箱”版式

5.2.9 “个人风格化”结构

5.2.1 0单页排列式结构

5.2.1 1文字型结构

5.2.1 2封面型（cover）结构

5.2.1 3综合型结构

5.3 页面排版的细节元素

5.3.1 重视细节的刻画

5.3.2 设计ADBanner（广告条）

5.4 实战版式设计

第6章 首页设计

6.1 第一眼的印象

6.1.1 突出主体

6.1.2 简单第一

6.1.3 控制版面

6.1.4 绚丽配色

6.1.5 信息处理

6.1.6 重视表现

6.1.7 流行风格

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

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

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

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

6.3.1 标题设计与导航

6.3.2 板块区域设计

6.3.3 内容排版设计

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

6.4.1 背景设计

6.4.2 设计页面边框及导入Logo

6.4.3 设置顶端灯光

6.4.4 设计左导航

6.4.5 制作主体部分

6.4.6 主体周边细节制作

6.4.7 内容填充

6.5 设计首页模板

6.5.1 设计页面左导航

6.5.2 上导航设计

6.5.3 内容板块设计

6.5.4 整体调整

6.5.5 切图

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

第7章 全案解析

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

7.1.1 前期准备

7.1.2 建立矢量标识

7.1.3 设计网站平面稿

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

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

7.1.6 Flash实现在线展示Video

7.1.7 Fireworks完善导航系统

7.2 个人网站设计

7.2.1 制作页面分解元素

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

7.2.3 “积木式”网站排版

7.2.4 发布网站到Internet

附录 顶尖Web设计师语思录

后记

本书不是一本普通的技法说明书，也不是一些拥有一些漂亮设计作品截图的高级画册。本书的写作出发点是希望改变一些传统的Web设计思维和一些过时的手段。书中对Web设计这个职业进行了整体的阐述，从行业思维到设计细节，内容包含：认识Web设计、工具使用新谈 (Photoshop、Dreamweaver等)、探讨Web标准、页面设计与GUI、Web设计中的排版、首页设计、完整案例解析。书中出现的不仅是笔者本人对Web设计的理解，还有很多在设计界具有影响力的人物的观点论文，一些十分有用而你没有足够重视的技巧，这些总结和资料会给你的Web设计工作带来很多帮助。本书适合于打算进入网页设计行业工作，并对网页设计有着极大热情的读者朋友，无论你是初学者还是已经开始你的职业生涯，这本书都会成为你的绝佳的参考手册和流程解决方案。同时，由于本书中提到了大量业界的标准常识和基础理论，所以也推荐给任何需要与网页设计师沟通的各个环节的工作人员阅读。本书作者是国际上享有盛誉的顶级设计师，相信本书会对你的职业生涯产生重大影响。本书随书DVD光盘中包含：Web设计大师眼花缭乱的案例操作视频解说，本书部分实例素材和最终文件，作者精心整理的Web设计资源。

对Web设计这个职业进行了整体的阐述，从行业思维到设计细节，内容包含：认识Web设计、工具使用新谈 (Photoshop、Dreamweaver等)、探讨Web标准、页面设计与GUI、Web设计中的排版、首页设计、完整案例解析。《网页设计解析》中出现的不仅是笔者本人对Web设计的理解，还有很多在设计界具有影响力的人物的观点论文，一些十分有用而你没有足够重视的技巧，这些总结和资料会给你的Web设计工作带来很多帮助。