第1章 色彩基础知识

本章简介

理论讲解

1.1色彩的由来

1.1.1色彩的产生

1.1.2光源色、固有色和环境色

1.2色彩属性

1.2.1色相

1.2.2明度

1.2.3纯度

1.3色环知识

1.3.1色环的概念

1.3.2色环的组成

1.4色彩的感觉

1.4.1冷暖感觉

1.4.2轻重感觉

1.4.3进退感觉

1.4.4兴奋、沉静感觉

1.4.5味觉感受

1.5色彩的象征意义

1.5.1红色

1.5.2橙色

1.5.3黄色

1.5.4绿色

1.5.5蓝色

1.5.6紫色

1.5.7黑色

1.5.8白色

1.5.9灰色

1.5.10色彩属性与色彩意向

1.6计算机的显示色彩

1.6.1 RGB色彩模式

1.6.2计算机色彩原理

1.7网页安全色

1.7.1网页安全色的由来

1.7.2网页安全色的意义

1.7.3 Photoshop中的网页安全色

1.7.4安全色调色板

1.7.5演示案例——“蓝色经典”汽车网页

1.8网页设计中色彩的作用

1.8.1视觉区域划分

1.8.2引导主次关系

1.8.3营造气氛

实战案例

实战案例1——制作双驰企业网站

实战案例2——使用安全色给网页穿新衣

本章总结

本章作业

第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.2.4使用黑色和另一种色彩

2.2.5尽量把色彩控制在三种以内

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增加视觉负担

实战案例

实战案例1——给牙科医院网页整形

实战案例2——网页换装

本章总结

本章作业

第3章 网页配色应用

本章简介

理论讲解

3.1网站色调与配色

3.1.1红色系配色

3.1.2橙色系配色

3.1.3黄色系配色

3.1.4绿色系配色

3.1.5青色系配色

3.1.6蓝色系配色

3.1.7紫色系配色

3.1.8黑色系配色

3.1.9白色系配色

3.2网站风格与配色

3.2.1简约、质朴的配色

3.2.2尊贵、华丽的配色

3.2.3男性化配色

3.2.4女性化配色

3.2.5自然风格配色

3.2.6时尚风格配色

3.2.7生动活泼的配色

3.2.8成熟稳重的配色

3.3根据行业选择配色方案

3.4网页中色彩的应用

3.4.1网页中的色彩比例

3.4.2色彩的层次

实战案例

实战案例1——调整钻石网站

实战案例2——咖啡主题网页配色

本章总结

本章作业

第4章 网页布局基础

本章简介

理论讲解

4.1布局的概念

4.1.1布局的概念

4.1.2实现案例1——“解剖”魔兽世界网站

4.2网页的组成元素

4.2.1网页的组成元素

4.2.2广告也精彩

4.3网页布局设计的方法

4.3.1网页布局的方法

4.3.2实现案例2——使用Photoshop完成服装类网站页面布局

4.4布局的原理、步骤和设计原则

4.4.1布局的步骤

4.4.2布局的设计原则

4.4.3实现案例3——根据页面布局制作服装类网站页面

实战案例

实战案例1——使用Photoshop绘制企业页面布局

实战案例2——根据页面布局制作企业类网站页面

本章总结

本章作业

第5章 网页布局制作

本章简介

理论讲解

5.1网页布局的制作工具

5.1.1九宫格构图和网页布局

5.1.2黄金分割法和网页布局

5.1.3网格的运用

5.1.4实现案例1——使用黄金分割法给网页添加标题

5.2网页的布局形式

5.2.1布局形式分类分析

5.2.2实现案例2——拼贴“T”形结构网页

5.3网页布局的常见结构

5.4少见结构式和不规则结构式

5.5实现案例3——根据上下结构布局制作个人网页

实战案例

实战案例1——拼贴“□”形布局网页

实战案例2——制作上下结构网页

本章总结

本章作业

第6章 网页布局版式类型

本章简介

理论讲解

6.1网页转型最给力——网页布局的风格类型

6.1.1网页风格特点

6.1.2实现案例1——网页转型最给力

6.2网页布局的版式类型

6.2.1骨骼型

6.2.2满版型

6.2.3分割型

6.2.4中轴型

6.2.5曲线型

6.2.6倾斜型

6.2.7对称型

6.2.8焦点型

6.2.9三角型

6.2.10自由型

6.3网页布局的主题类型

6.3.1企业型网站布局

6.3.2论坛类型网站布局

6.3.3非商业网站布局

6.3.4个人网站布局

6.3.5实现案例2——二级网页也美丽

实战案例

实战案例1——网页新面孔

实战案例2——设计临摹典型商业型网站

本章总结

本章作业

第7章 项目综合案例

本章简介

项目实战

7.1新蛋购物网站主页制作

7.1.1理论概要

7.1.2技术要点

7.1.3案例分析

7.1.4案例制作

7.1.5案例总结

7.2绘制17173精灵乐章专区网页

7.2.1理论概要

7.2.2技术要点

7.2.3案例分析

7.2.4案例制作

7.2.5案例总结