本书主要以Fireworks网页效果图设计为主线,介绍网页效果图的设计流程和网页中各种页面元素的设计。书中按照网页的构成元素,如布局、色彩、LOGO、导航设计、通栏设计等进行分类讲解,以丰富的实例帮助读者快速掌握网页效果图的各类设计方法和技巧。
本书从实用的角度出发,将软件使用技能与设计艺术**结合;从设计构思到作品完成,将经典案例的整个过程一一剖析给读者。学习完本书,读者从中不但可以深入了解Fireworks软件的精妙之处,更能够领悟到更多**的设计思想、设计理念和宝贵的设计经验。
本书附带的光盘中提供了Fireworks网页效果图源文件,以及丰富的创作素材,更多资源可以到www.go2here.net.cn下载。
本书适合网页设计、网站制作的相关人员阅读和使用,还可以作为大中专院校相关专业的教学辅导和参考用书,或者作为相关培训机构的教材。

第1章 网页效果图设计的一般流程
1.1 网页效果图设计流程概述
如果要装修房屋,首先让装修公司设计装修效果图,业主可以通过效果图方案直观地了解*终施工后效果,并且在多套方案中选择满意的作品后和设计师进行讨论、修改,*后根据*终确定的装修效果图来进行施工。但是如果装修公司直接施工,装修完毕后业主对装修的效果不满意,再次进行装修将是非常麻烦的事情。网页效果图设计的目的也是如此,如图1-3所示。
……

第1章 网页效果图设计的一般流程
1.1 网页效果图设计流程概述
1.1.1 创建辅助线
1.1.2 绘制结构底图
1.1.3 添加内容
1.1.4 切片
1.1.5 优化
1.1.6 导出
1.1.7 布局
1.2 网站策划
1.2.1 收集客户资料
1.2.2 分析网站类型
1.2.3 确定网站风格
1.3 各类网站的布局特点分析
1.3.1 资讯类网站
1.3.2 电子商务类网站
1.3.3 互动游戏类网站
1.3.4 教育类网站
1.3.5 功能型网站
1.3.6 综合类网站
第2章 网页的布局
2.1 网页布局基础
2.1.1 网页中的基本元素
2.1.2 网页的构成
2.1.3 网页的空间与页面尺寸
2.1.4 页面元素的分布情况
2.2 网页的布局设计
2.2.1 布局方法
2.2.2 确定版面率
2.2.3 网格设计
2.3 网页布局的分类
2.3.1 满版布局形式
2.3.2 十字布局形式
2.3.3 九宫格布局形式
2.3.4 米字布局形式
2.4 网页布局技巧
2.4.1 黄金分割式布局(**的比例给人视觉上的享受)
2.4.2 左右对齐式布局(没有浪费的空间,表现商业性形象)
2.4.3 全景式布局(用趣味性吸引浏览者)
2.4.4 卫星式布局(以太阳为**的卫星环绕型)
2.4.5 照片组合式布局(新世界以全景式自由的展现出来)
2.4.6 包围式布局(限定范围的效果)
2.4.7 散开式布局(山水画般的自由和优雅)
2.4.8 单侧齐行式布局(理性与自由共存的版式设计)
2.4.9 对称式布局(以**为基线,左右对称)
第3章 网页的色彩设计
3.1 网页设计要素——色彩
3.1.1 色彩决定印象
3.1.2 色彩印象无法更改
3.1.3 色彩无处不在,具有多重效果
3.2 色彩的原理
3.2.1 光与色彩
3.2.2 物体色
3.2.3 色彩类型
3.2.4 色彩三要素
3.3 色相环的作用
3.3.1 色相环的构成
3.3.2 色相环中的颜色特点
3.3.3 色彩之间的关系
3.4 网页中的色彩
3.4.1 RGB色彩模式
3.4.2 HTML语言对颜色的描述
3.4.3 网页**色
3.5 色彩索引
3.5.1 红色
3.5.2 橙色
3.5.3 黄色
3.5.4 绿色
3.5.5 蓝色
3.5.6 紫色
3.5.7 黑色
3.5.8 白色
3.5.9 灰色
3.5.10 色彩索引配色法
3.6 色调的变化效果
3.6.1 鲜艳的色调
3.6.2 亮色调
3.6.3 淡色调
3.6.4 中间色调
3.6.5 浅浊色调
3.6.6 暗色调
3.6.7 深色调
3.7 色彩的四种功能
3.7.1 主色
3.7.2 背景色
3.7.3 融合色
3.7.4 强调色
3.8 实用配色网站**
第4章 Fireworks图像处理关键技术精讲
4.1 Fireworks基本操作技巧集锦
4.2 矢量绘制关键技术
4.2.1 两种方法绘制圆角矩形
4.2.2 防止对圆角矩形变形的时候圆角改变
4.2.3 巧妙消除路径边缘的锯齿
4.2.4 多种方法绘制虚线
4.2.5 制作网页效果图中的清晰小字
4.2.6 使文字按照路径排列
4.2.7 制作电视扫描线的效果
4.2.8 自定义纹理
4.2.9 添加和修改渐变色填充
4.2.10 巧妙制作渐隐的线条
4.2.11 解决图标缩小后变形的问题
4.3 图像处理关键技术
4.3.1 蒙版的3种用途
4.3.2 选区和路径的转换
4.3.3 制作图像条形码效果
4.3.4 Fireworks中的外挂滤镜
4.3.5 制作淡彩钢笔画效果
4.3.6 制作特殊的渐变色效果
4.3.7 制作网格化图像效果
4.3.8 制作老照片效果
4.3.9 使用【曲线】命令校正图像的色彩
4.3.10 使用【色阶】命令调整图像的色彩
第5章 Fireworks网页制作关键技术精讲
5.1 GIF动画制作关键技术
5.1.1 使用Fireworks制作补间动画
5.1.2 巧用“补间”技术作图
5.1.3 巧做网页LOGO中的光描动画
5.2 Fireworks行为相关关键技术
5.2.1 使用Fireworks制作交互按钮
5.2.2 使用Fireworks的行为实现图像翻转**
5.2.3 把Fireworks中的交互效果添加到网页中
5.3 切片和优化的关键技术
5.3.1 在Fireworks中对图像进行优化
5.3.2 选择合适的图像优化格式
5.3.3 巧妙去除GIF图像周围的白边
5.3.4 导出效果图切片
5.4 Fireworks效率工具问题集合
5.4.1 巧妙执行重复的操作
5.4.2 对大量的图像素材进行批量处理
第6章 网页的LOGO设计
6.1 LOGO设计的基本构成要素
6.1.1 LOGO中的线条
6.1.2 LOGO中的形状
6.1.3 用线条和形状构成 LOGO
6.1.4 LOGO中的英文字体
6.1.5 LOGO中的中文字体
6.2 种常用LOGO设计技巧
6.3 Web 2.0风格LOGO设计要素
6.4 实用LOGO设计网站**
6.5 LOGO设计案例分析
第7章 网页的导航设计
7.1 网站的栏目构成
7.2 导航的视觉设计
7.3 导航的交互设计
7.4 没有“导航”的导航——搜索
第8章 网页的通栏设计
8.1 网页通栏概述
8.1.1 网页中的通栏
8.1.2 网页通栏的设计形式
8.1.3 网页通栏的尺寸
8.2 图像素材的选择
8.2.1 说服力的强弱
8.2.2 内容的相关度
8.2.3 发掘图像背后的故事
8.2.4 色彩的层次
8.2.5 与众不同
8.2.6 幽默诙谐
8.2.7 唯美主义
8.2.8 戏剧化
8.2.9 强调脸部
8.3 图像裁剪的技巧
8.3.1 将图像转化为相同的尺寸
8.3.2 制作不同比例的图像
8.3.3 统一人物肖像的尺寸
8.3.4 对人物肖像进行裁剪
8.3.5 裁剪掉无关的部分
8.3.6 调整图像的角度
8.3.7 放大后裁剪
8.3.8 只保留局部
8.3.9 改变图像传递的信息
8.3.10 一图多用
8.3.11 突破空间
8.3.12 边缘的处理
8.4 图像设计的技巧
8.4.1 添加边框
8.4.2 叠加效果
8.4.3 添加元素的效果
8.4.4 剪贴簿效果
8.4.5 卷曲效果
8.4.6 制作“拍立得”效果
8.4.7 异形边缘
8.4.8 小图锐化
8.5 通栏广告的设计技巧
8.5.1 选择合适的素材
8.5.2 环境背景设计
8.5.3 产品的展示
8.5.4 字体的选择和设计
第9章 简单风格的小型网站设计
9.1 案例分析
9.1.1 页面布局形式
9.1.2 添加文字和图像
9.2 案例实现
9.2.1 制作效果图
9.2.2 切片、优化和导出
9.2.3 布局页面
第10章 标准型网站设计
10.1 案例分析
10.1.1 页面布局形式
10.1.2 页眉的设计
10.1.3 通栏的设计
10.1.4 内容区域的设计
10.1.5 页脚的设计
10.1.6 字体的选择
10.2 案例分析
10.2.1 制作结构底图
10.2.2 页眉设计
10.2.3 通栏设计
10.2.4 制作内容区域
10.2.5 制作页脚
10.2.6 切片、优化和导出
10.2.7 布局页面

这是一本网页效果图设计的技巧大全,并不是简单讲解枯燥无味_的理论,而是结合了大量的实际案例进行分析,告诉你为什么要这样做。
——经典ID:sq4537(小强不是蟑螂,经典论坛Fireworks版主)
网页设计的关键是效果图设计,初学者如何快速的提高自己的设计水准、少走弯路呢?我建议大家可以先学习模仿,从模仿中吸取**设计师的设计理念,包括色彩、布局、修饰……
——经典ID:17526918(淘金者,经典论坛Fireworks版主)
书中两个完整的网站建设实例,全面介绍了从网页效果图设计、切片、优化到Web标准布局的完整流程,对于网页设计的初学者而言大有帮助。
——经典ID:RockHward(洛克,经典论坛Fireworks版主)
模仿他人作品是快速提高自己软件操作能力的一种方法,但足刎意地模仿远远不能达到设计的目的,你必须了解设计的内涵,明确他人的设计意图。阅读这本书后,你将会找到答案。
——经典ID:凌志(杯莫停,平面设计区总版主)
网页效果图设计是软件应用和设计理论相结合的产物,本书*大的特点是不仅介绍了设计工具的使用,还详细阐明了相关的设计原理,即为什么要这么做。
——经典ID:webs2008(设计BOB,经典论坛荣誉管理团队)
好的设计是技术与艺术的**结合,本书对这两方面都有全面和详细的介绍,相信一定对你大有帮助。
——经典ID:moonjeep(萝之藉,经典论坛**版主) 180个按钮导航PNG文件,300个网页效果图PNG文件,数千个网页制作素材文件,书中实例源文件及素材。