网站设计与网页配色

Chapter 01 网页设计概述 001

1.1 网页设计基础知识 002

1.1.1 网页设计的概念 002

1.1.2 网页设计的定位 003

1.1.3 网页设计所属的范畴 004

1.1.4 网页设计的准则 004

1.2用户的阅读习惯 005

1.2.1 人机交互的概念 005

1.2.2 用户习惯分析 005

1.2.3 易用性设计 006

1.3网站类型 008

1.3.1 综合（门户）类网站 008

1.3.2 新闻类网站 009

1.3.3交易类网站 009

1.3.4 IT类网站 010

1.3.5教育类网站 011

1.3.6生活娱乐类网站 011

1.3.7政府类网站 012

1.3.8个人类网站 012

1.3.9功能型网站 013

1.3.10其他行业类网站 013

1.4网络的特点 014

1.4.1 信息的开放性 014

1.4.2 信息的互动性 014

1.4.3 信息的不稳定性 014

1.4.4 网络时代性 014

1.4.5 信息传播的迅速性 014

1.5网页设计方法分析 015

1.5.1 栏目划分法 015

1.5.2 网格划分法 016

1.5.3 色彩定位法 017

1.5.4 Logo引导法 017

1.6网页设计实践分析 018

1.6.1 联合利华网站设计方案分析 018

1.6.2 西部数据色彩设计网站方案分析 019

Chapter 02 网页制作的基本流程 021

2.1 网站资料整理 022

2.1.1 文字资料归纳整理分类 022

2.1.2 图片资料整理筛选分类 023

2.1.3 视频素材筛选 024

2.1.4 Flash动画 024

2.2 准备素材（使素材符合网页设计需求） 024

2.2.1 准备图片素材 024

2.2.2 文字再编辑，提取要点，总结标题 032

2.2.3 视频素材的剪辑及压缩处理 032

2.3 网站结构划分（网站脚本编创） 033

2.3.1 根据素材分析网站结构 033

2.3.2 提取分类列出栏目 035

2.3.3 栏目下子栏目划分 036

2.4 网站风格定位——风格设计 037

2.4.1 分析网站的主题定位——网站主基调 038

2.4.2 风格的统一与变化 043

2.5 网页色彩定位 044

2.5.1 标准色彩定位 044

2.5.2 根据网站风格定位选择色彩设计 045

2.5.3 分析栏目间的色彩变化 045

2.6 设计草稿的绘制 046

2.6.1 主页面设计草稿及创意 047

2.6.2 栏目二级页面的设计 051

2.7 分析模块，划分模块，信息布局 052

2.7.1 按照栏目划分页面模块 052

2.7.2 二级页面的模块划分 055

2.8 整体页面设计及细部调整 056

2.8.1 “完美像素级细节”实例 056

2.8.2 网站细节设计分析 058

2.8.3 阴影细节 061

2.8.4 自我克制与精妙细节 062

Chapter 03 网页设计的理念 063

3.1 网页设计的定位 064

3.1.1 怎样才是好的网页设计 064

3.1.2 好的网页设计是怎样做出来的 066

3.2 网页设计需要设计什么 068

3.2.1 视听元素设计 068

3.2.2 网格设计 068

3.2.3 信息设计 069

3.2.4 布局设计 069

3.3 网页设计基础信息 073

3.3.1 可视范围内信息设计与布局 073

3.3.2 设计内容图文率 075

3.3.3 网页设计与其他设计的区别 076

3.3.4 网页设计中应该处理好的事项 078

3.3.5 网页设计的视觉传达 078

3.3.6 版式设计 081

3.4 网页创意设计 082

3.4.1 创意是传达信息的一种特殊手段 083

3.4.2 创意是将现有的要素重新组合 084

3.5 网页中的文字设计 085

3.5.1 文字在网页中的应用 085

3.5.2 留白的艺术 086

3.6 设计的实现案例分析 088

3.6.1 设计草稿绘制案例 088

3.6.2 制作页面效果 089

3.6.3 不规则页面设计 100

3.7 内页与主页的设计统一 101

3.7.1 结构的一致性 101

3.7.2 色彩的一致性 102

3.7.3 利用导航取得统一 102

3.7.4 特别元素的一致性 102

3.7.5 利用图像取得统一 102

3.7.6 利用背景取得统一 102

3.8 网页设计的背景 103

3.8.1 主背景 103

3.8.2 内容背景 103

3.8.3 封装/banner背景 104

3.8.4 其他背景图片形式介绍 106

3.9 网页设计妙招 113

Chapter 04 网页设计页面布局 121

4.1 网页设计页面布局概述 122

4.1.1 浅谈网页设计布局 122

4.1.2 简约的设计——简洁大方的版式 125

4.2 网页页面布局的规范 125

4.2.1 网页布局类型的确定方法 126

4.2.2 把内容放入自己喜欢的网页类型中　 126

4.2.3 草绘出两三个不同网页类型的模板 127

4.2.4 网页布局的连贯性和多样性 127

4.2.5 网页布局结构 129

4.2.6 16布局法 133

4.3 信息布局区域划分 135

4.3.1 如何设计有效的信息布局 135

4.3.2 信息布局、信息结构设计 138

4.4 信息结构设计 139

4.4.1 单一结构 140

4.4.2 复合结构 140

4.5 页面分栏布局形式 141

4.6 页面布局形式与内容关系分析 142

4.6.1 功能优先还是形式优先 142

4.6.2 网页布局形式对网站含义及情感的影响 142

4.6.3 形式分析解剖 143

4.7 网页副空间设计 144

4.8 文字布局 146

4.9 表单布局 147

4.9.1 表单中使用可视化元素 148

4.9.2 主次操作 149

4.9.3 表单安排实例 150

Chapter 05 新型网站设计 153

5.1 Flash网站概述 154

5.1.1 全Flash网站和单个Flash作品的区别 154

5.1.2 全屏Flash的尺寸分析 155

5.2 Flash网站的特点 156

5.2.1 全Flash网站设计的优势与劣势 157

5.2.2 Flash网站打造真实感 161

5.2.3 Flash网站的用户体验特性 162

5.2.4 Flash 网站的转场动画 163

5.3 Flash网站的设计与构建 164

5.3.1 Flash网站的基本布局 165

5.3.2 loading（加载）的设计与制作 165

5.3.3 关于按钮 166

5.3.4 Flash全站的页面切换 169

5.3.5 文本内容的显示 170

5.3.6 音乐开关 171

5.3.7 Flash的调试与常见问题 173

5.4 Flash网站的效果 174

5.5 传统的Flash网站制作 176

5.5.1 全Flash网站的案例分析 177

5.5.2 Flash网站设计的常用技术 179

5.6 Flash网站设计特色 184

本书从网站设计最基本的内容一步一步地讲解设计理论、设计组成、设计方法，引导进行设计规划和制作，分析色彩规律，指导色彩实战应用，讲述设计心理学、用户体验，全面、完善、系统地讲述网站设计与网页配色。
全书共8章，分三大部分。第1～5章是网站设计与规划部分，主要讲述了网页设计的方法与技巧，以及网站创新思维方式。第6～7章是网页色彩设计部分，系统讲解了色彩知识、色彩原理、色彩心理、配色技巧等知识，以及色彩在网站设计中的具体应用。第8章是精彩网站案例赏析部分，此部分安排了大量优秀的网页设计作品，并对这些作品进行细致分析，在开阔读者眼界的同时，结合理论进行讲解，帮助读者全面掌握网站设计的精髓。
本书适合有志于从事网站设计的读者阅读；对于已具备部分基础知识，但仍有许多地方不甚明了的读者，也可以通过阅读本书而有所收获。