网页布局与配色完全学习手册

第1章 网页设计入门基础

1.1 网页设计的原则

1.1.1 了解用户需要

1.1.2 内容与形式的统

1.1.3 主题鲜明

1.1.4 易用性

1.1.5 整体统

1.1.6 对比性

1.2 网页设计的定位

1.2.1 什么才是好的网页设计

1.2.2 怎样做好网页设计

1.3 色彩在网页设计中的重要性

第2章 网站策划与网页布局

2.1 网站栏目和页面设计策划

2.1.1 为什么要进行策划

2.1.2 网站的栏目策划

2.1.3 网站的页面策划

2.2 网站布局的基本元素

2.2.1 网站Logo

2.2.2 网站Banner

2.2.3 导航栏

2.2.4 主体内容

2.2.5 文本

2.2.6 图像

2.2.7 Flash动画

2.2.8 页脚

2.2.9 广告区

2.3 版面布局设计

2.3.1 版面布局原则

2.3.2 纸上布局

2.3.3 软件布局

2.4 常见的版面布局形式

2.4.1 "国"字形布局

2.4.2 "厂"字形布局

2.4.3 "框架"型布局

2.4.4 "封面"型布局

2.4.5 Flash型布局

2.5 页面排版布局趋势

第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 导航设计的基本要求

3.4.2 全局导航的基础要素

3.4.3 导航设计注意要点

3.4.4 让按钮更易点击

第4章 网站页面创意方法与技巧

4.1 页面设计创意思维

4.1.1 什么是创意

4.1.2 创意思维的原则

4.1.3  创意过程

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.2.12 神奇梦幻

4.2.13 综合创意

4.3 网站页面风格

4.3.1 金属风格

4.3.2 大幅配图

4.3.3 面板风格

4.3.4 像素风格

4.3.5 三维风格

4.3.6 书报风格

4.4 网页的创意视觉表现

第1篇 网页设计与布局

第2篇 网页设计与配色

第5章 网页色彩搭配基础

网页布局与配色完全学习手册

5.2 色彩的分类

5.2.1 无彩色

5.2.2 有彩色

5.3 色彩的三要素

5.3.1 明度

5.3.2 色相

5.3.3 纯度

5.4 色彩模式

5.4.1 RGB模式

5.4.2 CMYK模式

5.4.3 Lab模式

5.5 色调分析

5.5.1 纯色调

5.5.2 中纯调

5.5.3 低纯调

5.5.4 明灰调

5.5.5 中灰调

5.5.6 暗灰调

5.5.7 中暗调

5.5.8 深暗调

第6章 网页色彩原理与色调基础

6.1 色彩对比

6.1.1 色相对比

6.1.2 明度对比

6.1.3 纯度对比

6.1.4 色彩的面积对比

6.1.5 色彩的冷暖对比

6.2 色彩的调和

6.2.1 色彩调和的原则

6.2.2 色彩调和的基本方法

6.3 色彩调和的类型

6.3.1 同类色调和

6.3.2 渐变色调和

6.3.3 对比调和

6.3.4 同一调和

6.3.5 面积调和

第7章 网页配色方法与技巧

7.1 网页配色安全

7.1.1 216网页安全色

7.1.2 网页安全色配色辞典

7.1.3 使用各种不同的安全色调色板

7.2 网页配色技巧

7.2.1 背景与文字颜色搭配

7.2.2 使用一种色彩

7.2.3 两色搭配是用色的基础

7.2.4 色彩的数量

7.3 使用配色软件

7.3.1 ColorKey Xp

7.3.2 Color Scheme Designer

7.3.3 Check My Colours

7.3.4 ColorJack

7.3.5 Color Schemer Online v2

第8章 网页配色中主色、辅色及点缀色的

8.1 主色的魅力

8.1.1 主色可以决定整个作品风格

8.1.2 主色的面积原理

8.1.3 区别主色的关键

8.2 辅助色的秘密

8.2.1 辅助色的功能

8.2.2 背景色是特殊的辅助色

8.2.3 选择辅助色的诀窍

8.3 点缀色的应用

8.3.1 点缀色也会影响页面风格

8.3.2 点缀色能让页面放光彩

第9章 网页设计配色搭配方案剖析

9.1 配色色标

9.2 强烈

9.2.1 推荐配色方案

9.2.2 配色解析

9.3 丰富

9.3.1 推荐配色方案

9.3.2 配色解析

9.4 浪漫

9.4.1 推荐配色方案

9.4.2 配色解析

9.5 奔放

9.5.1 推荐配色方案

9.5.2 配色解析

9.6 柔和

9.6.1 推荐配色方案

9.6.2 配色解析

9.7 热情

9.7.2 配色解析

9.7.1 推荐配色方案

9.8 动感

9.8.1 推荐配色方案

9.8.2 配色解析作用

Ⅴ

第10章 网页配色中色相的应用

10.1 红色系的配色

10.1.1 红色系的分类

10.1.2 红色适合的配色方案

10.1.3 适用红色系的网站

10.2 橙色系的配色

10.2.1 橙色系的分类

10.2.2 橙色适合的配色方案

10.2.3 适用橙色系的网站

10.3 黄色系的配色

10.3.1 黄色系的分类

10.3.2 黄色适合的配色方案

10.3.3 适用黄色系的网站

10.4 紫色系的配色

10.4.1 紫色系的分类

10.4.2 紫色适合的配色方案

10.4.3 适用紫色系的网站

10.5 绿色系的配色

10.5.1 绿色系的分类

10.5.2 绿色适合的配色方案

10.5.3 适用绿色系的网站

10.6 蓝色系的配色

10.6.1 蓝色系的分类

10.6.2 蓝色适合的配色方案

10.6.3 适用蓝色系的网站

10.7 无彩色的配色

10.7.1 白色的网站

10.7.2 灰色系的网站

10.7.3 黑色系的网站

9.9 高雅

9.9.1 推荐配色方案

9.9.2 配色解析

9.10 流行

9.10.1 推荐配色方案

9.10.2 配色解析

9.11 清新

9.11.1 推荐配色方案

9.11.2 配色解析

9.12 古典

9.12.1 推荐配色方案

9.12.2 配色解析

9.13 堂皇

9.13.1 推荐配色方案

9.13.2 配色解析

9.14 神奇

9.14.1 推荐配色方案

9.14.2 配色解析

9.15 职业

9.15.1 推荐配色方案

9.15.2 配色解析

第3篇 综合案例解析

第11章 各类网站设计与配色案例解析

11.1 个人网站

11.1.1 个人网站特点

11.1.2 页面分析

11.1.3 网站配色讲解

11.2 政府网站

11.2.1 政府网站的特点

11.2.2 页面分析

11.2.3 网站配色讲解

11.3 艺术网站

11.3.1 艺术网站的特点

11.3.2 页面分析

11.3.3 网站配色讲解

11.4 在线视频网站

11.4.1 在线视频网站的特点

11.4.2 页面分析

11.4.3 网站配色讲解

11.5 音乐网站

11.5.1 音乐网站的特点

11.5.2 页面分析

11.5.3 网站配色讲解

11.6 游戏网站

11.6.1 游戏网站的特点

11.6.2 页面分析

11.6.3 网站配色讲解

11.7 婚恋交友网站

11.7.1 婚恋交友网站的特点

11.7.2 页面分析

11.7.3 网站配色讲解

11.8 旅游网站

11.8.1 旅游网站的特点

11.8.2 页面分析

11.8.3 网站配色讲解

11.9 医疗保健网站

11.9.1 医疗保健网站的特点

11.9.2 页面分析

11.9.3 网站配色讲解

11.10 设计装饰类网站

Ⅵ

11.10.1 设计装饰类网站的特点

11.10.2 页面分析

11.10.3 网站配色讲解

11.11 房地产网站

11.11.1 房地产网站的特点

11.11.2 页面分析

11.11.3 网站配色讲解

11.12 餐饮酒店网站

11.12.1 餐饮酒店网站的特点

11.12.2 页面分析

11.12.3 网站配色讲解

11.13 新闻网站

11.13.1 新闻网站的特点

11.13.2 页面分析

11.13.3 网站配色讲解

11.14 教育网站

11.14.1 教育网站的特点

11.14.2 页面分析

11.14.3 网站配色讲解

11.15 综合门户网站

11.15.1 门户网站的特点

11.15.2 页面分析

11.15.3 网站配色讲解

11.16 女装网站

11.16.1 女装网站的特点

11.16.2 页面分析

11.16.3 网站配色讲解

11.17 美容化妆网站

11.17.1 美容化妆网站的特点

11.17.2 页面分析

11.17.3 网站配色讲解

11.18 IT数码网站

11.18.1 IT数码网站的特点

网页布局与配色完全学习手册

11.18.2 页面分析

11.18.3 网站配色讲解

11.19 家居日用品网站

11.19.1 家居用品网站的特点

11.19.2 页面分析

11.19.3 网站配色讲解

11.20 男性商品类网站

11.20.1 男性商品类网站的特点

11.20.2 页面分析

11.20.3 网站配色讲解

11.21 鞋类网站

11.21.1 鞋类网站的特点

11.21.2 页面分析

11.21.3 网站配色讲解

11.22 童装网站

11.22.1 童装网站的特点

11.22.2 页面分析

11.22.3 网站配色讲解

11.23 珠宝饰品网站

11.23.1 珠宝饰品网站的特点

11.23.2 页面分析

11.23.3 网站配色讲解

11.24 食品网站

11.24.1 食品网站的特点

11.24.2 页面分析

11.24.3 网站配色讲解

附录1 各行业网站色彩搭配

附录2 配色形容词色卡

附录3 页面安全色

附录4 160种配色方案

本书定位于网页设计的布局与配色，内容涵盖网页设计入门基础、页面的布局与创意风格、色彩的基础知识、常用色彩处理手法，网页配色标准与技巧、主色、辅色、点缀色、基本色搭配及各类网站设计与配色案例解析。本书在讲解版式布局和网页配色原理的基础上，采用了大量国内外网站的配色成功案例进行实战分析。帮助读者在鉴赏过程中逐步掌握不同情况下网页配色的规律与技巧，进而成为网页设计的行家里手。

系统学习网站色彩知识，掌握网站色彩搭配技巧，提升网站色彩运用理念，也可以将它作为一本字典式的工具书。
紧跟当今前卫的色彩流行趋势。本书展示了*时尚的网页设计风格，提供了实用的设计版式和前卫的配色经验，拓展读者的创意空间。强化对视觉心理的分析能力，把握处理设计网页与色彩心理表现之间关系的能力，发挥读者的视觉审美能力和艺术鉴赏能力。通过分析不同类型网站的不同特点和针对不同的网站主题来合理布置色彩，有针对性地使用色彩来体现网站的特色，使读者快速领会配色要诀。将理论与实际相结合，注重读者的思维、方法、技能的多向性及创造性思维的能力培养，获得知识和能力同步发展。
提供丰富的配色方案和版式设计方案。颜色搭配得当，网页就成功了一半，再搭配合理的版式设计，使网页更成功。通过展示优秀的网页设计作品，以多角度、多案例的结合，为读者的实务设计提供新的灵感和创意点。在开阔读者眼界的同时，结合理论进行讲解，帮助读者全面掌握网站设计的精髓。