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

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

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

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