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

扉页

内容简介

版权页

前言

目录

第1篇 网页设计与布局

第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 网页的创意视觉表现

第2篇 网页设计与配色

第5章 网页色彩搭配基础

5.1 色彩原理

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 配色解析

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 配色解析

第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 黑色系的网站

第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种配色方案