零基础学网页配色电子书

封面页

书名页

版权页

内容简介

前言

目录

第1章　色彩搭配基础

1.1　认识色彩

1.1.1　色彩是什么

1.1.2　色彩的分类

1.1.3　色彩的属性

1.1.4　色彩在网页中的应用

1.2　主题色、辅助色和点缀色

1.2.1　主题色

1.2.2　辅助色

1.2.3　点缀色

1.2.4　主题色、辅助色、点缀色的关系

1.3　色彩的对比

1.3.1　明度对比

1.3.2　纯度对比

1.3.3　色相对比

1.3.4　面积对比

1.3.5　冷暖对比

1.4　色彩的作用

1.4.1　红色

1.4.2　橙色

1.4.3　黄色

1.4.4　绿色

1.4.5　蓝色

1.4.6　紫色

1.4.7　黑、白、灰

1.5　色彩搭配基础

1.5.1　网页配色的注意事项

1.5.2　基于色相的配色关系

1.5.3　基于色调的配色关系

1.5.4　配色时选择双色和多色组合

1.5.5　尽可能使用两至三种色彩搭配

1.5.6　如何快速实现完美的配色

第2章　网页构成与布局

2.1　网页的构成

2.1.1　网页标题

2.1.2　网页的尺寸

2.1.3　网站的Logo

2.1.4　网页页眉

2.1.5　网页页脚

2.1.6　网页导航

2.1.7　网页的主体内容

2.2　网页的色彩

2.2.1　RGB色彩模式

2.2.2　网络安全色

2.3　网页常用布局方式

2.3.1　“国”字型布局

2.3.2　拐角型布局

2.3.3　封面型布局

2.3.4　对称型布局

2.3.5　Flash动画型布局

2.3.6　上下框架型布局

2.3.7　标题正文型布局

2.4　网页版面设计常用技巧

2.4.1　对比技巧

2.4.2　重复技巧

2.4.3　简单技巧

第3章　网页配色与视觉印象

3.1　网页配色技巧

3.1.1　配色原则

3.1.2　网页文本配色

3.2　网页风格配色

3.2.1　冷暖配色

3.2.2　白色的应用

3.2.3　饱和度

3.3　网页配色元素

3.3.1　行业特征

3.3.2　色彩联想

3.3.3　受众色彩偏好

3.3.4　生命周期配色

3.4　网页布局配色

3.4.1　分组和整合

3.4.2　对称和平衡

3.4.3　强调和突出

3.4.4　虚实和留白

3.5　网页色彩的视觉印象

3.5.1　热情

3.5.2　儿童

3.5.3　华丽

3.5.4　女性

3.5.5　环保

3.5.6　美食

3.5.7　甜蜜

第4章　色彩搭配标准

4.1　色彩区域

4.1.1　色彩区域大小

4.1.2　色彩区域位置

4.2　网页主题配色技巧

4.2.1　深色系配色技巧

4.2.2　邻近色配色技巧

4.2.3　对比色对比技巧

4.2.4　零度对比色

4.2.5　明度对比

4.2.6　纯度对比

4.3　网页元素色彩搭配

4.3.1　导航菜单

4.3.2　背景与文字

4.3.3　链接文字

4.3.4　Logo与网页广告

4.4　网页页面配色技巧

4.4.1　色相的概念

4.4.2　明度概念

4.4.3　近似配色

4.4.4　双色渐变

4.5　网页基本配色

4.5.1　网页主题色

4.5.2　网页背景色

4.5.3　网页辅助色

第5章　网站布局配色

5.1　网站标志配色

5.1.1　网站标志配色

5.1.2　浏览器网站标志配色

5.1.3　音乐网站标志配色

5.1.4　医疗美容类网站标志配色

5.1.5　牙医类网站标志配色

5.2　网站导航布局配色

5.2.1　美妆网站导航布局配色

5.2.2　教育网站导航布局配色

5.2.3　儿童网站导航布局配色

5.2.4　女性网站导航布局配色

5.2.5　服饰网站导航布局配色

5.3　网站导航栏布局设计

5.3.1　顶部导航布局设计

5.3.2　底部导航布局设计

5.3.3　汉堡包式导航布局设计

5.3.4　水平式滚动导航布局设计

5.4　网站图片配色

5.4.1　美食网站图片配色

5.4.2　企业网站图片配色

5.4.3　学校网站图片配色

5.4.4　民族网站图片配色

5.5　网站整体布局配色

5.5.1　美食网站布局配色

5.5.2　教育网站布局配色

5.5.3　艺术网站布局配色

5.5.4　企业网站布局配色

第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.2.3　科技页面交互的配色搭配

6.2.4　个性页面交互的配色搭配

6.2.5　风景主图页面交互的配色搭配

6.3　弹出菜单配色

6.3.1　综合网页弹出菜单的颜色搭配

6.3.2　公司网页弹出菜单的颜色搭配

6.3.3　品牌网页弹出菜单的颜色搭配

6.3.4　个性网页弹出菜单的颜色搭配

6.3.5　宠物网页弹出菜单的颜色搭配

6.3.6　商城网页弹出菜单的颜色搭配

6.3.7　动画网页弹出菜单的颜色搭配

6.4　超链接配色

6.4.1　公司网页超链接颜色搭配

6.4.2　室内装饰网页超链接颜色搭配

6.4.3　餐饮类网页超链接颜色搭配

6.4.4　数码产品网页超链接颜色搭配

第7章　常见的网站色彩搭配

7.1　门户网站色彩搭配

7.1.1　门户类网站配色分析

7.1.2　定位门户网站主色调

7.1.3　今日头条门户网站色彩分析

7.1.4　搜索框对于门户网站的意义

7.1.5　文字色彩与可读性

7.2　企业网站

7.2.1　优化企业网站的设计

7.2.2　企业网站的用色

7.2.3　企业网站色彩搭配方法

7.2.4　企业网站配色技巧

7.2.5　塑造企业网站形象

7.3　活动类网站

7.3.1　活动网站单色配色

7.3.2　活动网站双色配色

7.3.3　活动网站多色配色

7.3.4　常见网站的配色方案

7.4　购物网站

7.4.1　巧用色相环色彩搭配

7.4.2　相似色搭配购物网站

7.4.3　对比色搭配购物网站

7.4.4　互补色搭配购物网站

7.5　产品展示详情页

7.5.1　产品展示详情页配色概述

7.5.2　产品展示详情页构图分析

7.5.3　图片创建颜色展示产品

第8章　不同风格的网页设计

8.1　视觉效果

8.1.1　简约风格

8.1.2　整齐规整风格

8.1.3　网站分析——使网页看起来美观、整洁

8.1.4　设计师谈——简约是一种特殊的表达

8.1.5　常见色彩搭配

8.2　欧美风格设计

8.2.1　主题风格

8.2.2　精致细腻

8.2.3　色彩解读——页面中纯度色彩基调

8.2.4　设计师谈——欧美风格网站的色彩搭配

8.2.5　常见色彩搭配

8.3　韩式风格设计

8.3.1　韩式色彩搭配

8.3.2　层次感设计

8.3.3　色彩解读——页面高纯度和低纯度色彩基调

8.3.4　设计师谈——韩式的淡雅清新

8.4　日式风格设计

8.4.1　手绘式风格

8.4.2　民族式风格

8.4.3　网站分析——日式田园系风格

8.4.4　设计师谈——日式风格

8.4.5　常见色彩搭配

8.5　空间感效果

8.5.1　空间感网页概述

8.5.2　三维空间感设计

8.5.3　网站分析——如何创造空间感的设计作品

8.5.4　设计师谈——打造页面空间感

8.6　扁平化设计

8.6.1　扁平化微阴影

8.6.2　扁平化幽灵按钮

8.6.3　扁平化渐变色调

8.6.4　扁平化圆形元素

8.6.5　设计师谈——扁平化配色双色搭配

8.7　特色风格设计

8.7.1　分隔符网页

8.7.2　手绘网页字体

8.7.3　网站欣赏——手绘网页设计

8.7.4　设计师谈——流行网页设计趋势

第9章　不同行业的网页色彩搭配

9.1　数码科技类

9.1.1　软件研发类

9.1.2　如何使页面更有科技感

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.5.3　牙医类网站风格

9.5.4　心理健康类网站风格

9.6　食品类

9.6.1　写实风格

9.6.2　清爽风格

9.7　珠宝类

9.7.1　优雅风格

9.7.2　神秘风格