網(wǎng)頁(yè)美工：網(wǎng)頁(yè)色彩與布局設(shè)計(jì)

上篇 網(wǎng)頁(yè)色彩設(shè)計(jì)
第1章 色彩基礎(chǔ)2
1.1　色彩的構(gòu)成原理2
1.1.1　色彩的形成2
1.1.2　色彩的基本知識(shí)3
1.1.3　色彩的組成4
1.2　色彩的印象6
1.2.1　紅色的色彩印象6
1.2.2　橙色的色彩印象7
1.2.3　黃色的色彩印象9
1.2.4　綠色的色彩印象10
1.2.5　藍(lán)色的色彩印象11
1.2.6　紫色的色彩印象12
1.2.7　灰色的色彩印象14
1.2.8　黑色與白色的色彩印象15
1.2.9　色彩印象小結(jié)15
1.3　色彩對(duì)比16
1.3.1　色相對(duì)比17
1.3.2　明度對(duì)比17
1.3.3　純度對(duì)比18
1.3.4　補(bǔ)色對(duì)比18
1.3.5　冷暖對(duì)比19
1.3.6　面積對(duì)比19
1.4　色彩的調(diào)和20
1.4.1　同類色的調(diào)和20
1.4.2　近似色的調(diào)和21
1.4.3　對(duì)比色的調(diào)和21
1.4.4　漸變色的調(diào)和22
1.5　色調(diào)的變化23
1.6　網(wǎng)頁(yè)色彩心理25
1.6.1　色彩的心理效應(yīng)25
1.6.2　色彩與聯(lián)想26
1.6.3　色彩與象征27
1.6.4　色彩與記憶28
第2章 網(wǎng)頁(yè)色彩的組成29
2.1　網(wǎng)頁(yè)的主色調(diào)29
2.2　網(wǎng)頁(yè)的輔助色31
2.3　網(wǎng)頁(yè)的點(diǎn)睛色33
2.4　網(wǎng)頁(yè)的背景色34
第3章 網(wǎng)頁(yè)色彩的搭配37
3.1　網(wǎng)頁(yè)配色準(zhǔn)則37
3.2　網(wǎng)頁(yè)配色技巧42
第4章 網(wǎng)頁(yè)要素的色彩設(shè)計(jì)47
4.1　文字的色彩設(shè)計(jì)47
4.1.1　文字與背景的色彩搭配47
4.1.2　文字與圖片的色彩搭配50
4.2　網(wǎng)頁(yè)LOGO的色彩設(shè)計(jì)51
4.2.1　LOGO制作要素51
4.2.2　網(wǎng)絡(luò)LOGO的形式53
4.2.3　網(wǎng)絡(luò)LOGO的色彩運(yùn)用55
4.3　Banner的色彩設(shè)計(jì)58
4.3.1　Banner的作用58
4.3.2　Banner的形式58
4.3.3　Banner的設(shè)計(jì)方法59
4.3.4　Banner的色彩設(shè)計(jì)61
4.4　導(dǎo)航欄菜單設(shè)計(jì)63
4.4　小標(biāo)題設(shè)計(jì)65
4.4.1　小標(biāo)題的字體設(shè)計(jì)原則65
4.4.2　小標(biāo)題的色彩設(shè)計(jì)66
第5章 網(wǎng)頁(yè)色彩應(yīng)用分析70
5.1　暖色70
5.2　冷色72
5.3　單色74
5.4　近似色75
5.5　互補(bǔ)色76
5.6　突出色76
第6章 網(wǎng)頁(yè)色彩設(shè)計(jì)的趨勢(shì)78
6.1　低透明度的色彩運(yùn)用分析78
6.2　柔和鮮嫩的色彩運(yùn)用分析79
6.3　偏灰的冷色系粉色運(yùn)用分析80
6.4　用高亮色凸顯用戶交互81
6.5　藍(lán)色是網(wǎng)頁(yè)的“基本款”83

下篇 網(wǎng)頁(yè)布局設(shè)計(jì)

第7章 網(wǎng)頁(yè)創(chuàng)意設(shè)計(jì)86
7.1 網(wǎng)頁(yè)的類型86
7.1.1 從功能上分類86
7.1.2 從風(fēng)格上分類87
7.2 設(shè)計(jì)創(chuàng)意90
7.2.1 創(chuàng)意是設(shè)計(jì)的靈魂90
7.2.2 創(chuàng)意方法91
第8章 網(wǎng)頁(yè)布局的要素93
8.1　頁(yè)面尺寸93
8.2　頁(yè)面整體造型94
8.2.1　網(wǎng)站風(fēng)格94
8.2.2 設(shè)計(jì)風(fēng)格與品牌形象的
一致性96
8.2.3 設(shè)計(jì)風(fēng)格與視覺的一致性97
8.3　頁(yè)眉98
8.4 文本文字99
8.4.1 網(wǎng)頁(yè)中文字的設(shè)計(jì)形式101
8.4.2　網(wǎng)頁(yè)中文字的布局形式102
8.4.3 文字應(yīng)用案例分析104
8.5 頁(yè)腳107
8.5.1　頁(yè)腳設(shè)計(jì)107
8.5.2 頁(yè)腳設(shè)計(jì)案例解析108
8.6　圖像110
8.6.1 圖像的選擇111
8.6.2 圖像風(fēng)格113
8.7 多媒體117
8.8 導(dǎo)航欄的位置119
8.8.1 導(dǎo)航欄布局形式119
8.8.2 導(dǎo)航欄設(shè)計(jì)案例分析122
8.9 網(wǎng)頁(yè)中的交互式表單123
第9章 網(wǎng)頁(yè)布局的方法125
9.1 基礎(chǔ)布局125
9.1.1 紙上布局法125
9.1.2 軟件布局法126
9.2 藝術(shù)化布局127
9.2.1 分割布局法127
9.2.2 對(duì)稱布局法128
9.2.3 平衡布局法129
9.3 布局的原則130
9.3.1 重復(fù)與交錯(cuò)130
9.3.2 節(jié)奏與韻律131
9.3.3 對(duì)稱與均衡131
9.3.4 對(duì)比與調(diào)和133
9.3.5 比例與適度133
9.3.6 變異與秩序134
9.3.7 虛實(shí)與留白134
9.3.8 變化與統(tǒng)一135
第10章 網(wǎng)頁(yè)布局的技巧136
10.1 網(wǎng)頁(yè)中的平面構(gòu)成136
10.1.1 網(wǎng)頁(yè)中點(diǎn)、線、面的
運(yùn)用136
10.1.2　構(gòu)成形式在網(wǎng)頁(yè)設(shè)計(jì)中
的運(yùn)用138
10.2 頁(yè)面布局的技巧類型153
10.3 網(wǎng)頁(yè)布局結(jié)構(gòu)案例解析158
第11章 流行趨勢(shì)166
11.1 扁平化166
11.2 分割屏幕167
11.3　視頻背景168
11.4 基于模塊或網(wǎng)格169
11.5 獨(dú)特的導(dǎo)航欄菜單170
第12章 綜合案例解析171
12.1 網(wǎng)站建站目標(biāo)以及功能定位171
12.2 網(wǎng)站的整體設(shè)計(jì)與制作173