网页设计解析

第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 创建Web Photo Gallery　　

　　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用户界面设计原则　　

　4.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.10 单页排列式结构　　

　　5.2.11 文字型结构　　

　　5.2.12 封面型（　cover）结构　　

　　5.2.13 综合型结构　　

　5.3 页面排版的细节元素　　

　　5.3.1 重视细节的刻画　　

　　5.3.2 设计AD Banner （　广告条）　　

　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设计师语思录　　

后记