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

上篇 網(wǎng)頁色彩設計
第1章 色彩基礎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　藍色的色彩印象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　色彩的心理效應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)頁配色準則37
3.2　網(wǎng)頁配色技巧42
第4章 網(wǎng)頁要素的色彩設計47
4.1　文字的色彩設計47
4.1.1　文字與背景的色彩搭配47
4.1.2　文字與圖片的色彩搭配50
4.2　網(wǎng)頁LOGO的色彩設計51
4.2.1　LOGO制作要素51
4.2.2　網(wǎng)絡LOGO的形式53
4.2.3　網(wǎng)絡LOGO的色彩運用55
4.3　Banner的色彩設計58
4.3.1　Banner的作用58
4.3.2　Banner的形式58
4.3.3　Banner的設計方法59
4.3.4　Banner的色彩設計61
4.4　導航欄菜單設計63
4.4　小標題設計65
4.4.1　小標題的字體設計原則65
4.4.2　小標題的色彩設計66
第5章 網(wǎng)頁色彩應用分析70
5.1　暖色70
5.2　冷色72
5.3　單色74
5.4　近似色75
5.5　互補色76
5.6　突出色76
第6章 網(wǎng)頁色彩設計的趨勢78
6.1　低透明度的色彩運用分析78
6.2　柔和鮮嫩的色彩運用分析79
6.3　偏灰的冷色系粉色運用分析80
6.4　用高亮色凸顯用戶交互81
6.5　藍色是網(wǎng)頁的“基本款”83

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

第7章 網(wǎng)頁創(chuàng)意設計86
7.1 網(wǎng)頁的類型86
7.1.1 從功能上分類86
7.1.2 從風格上分類87
7.2 設計創(chuàng)意90
7.2.1 創(chuàng)意是設計的靈魂90
7.2.2 創(chuàng)意方法91
第8章 網(wǎng)頁布局的要素93
8.1　頁面尺寸93
8.2　頁面整體造型94
8.2.1　網(wǎng)站風格94
8.2.2 設計風格與品牌形象的
一致性96
8.2.3 設計風格與視覺的一致性97
8.3　頁眉98
8.4 文本文字99
8.4.1 網(wǎng)頁中文字的設計形式101
8.4.2　網(wǎng)頁中文字的布局形式102
8.4.3 文字應用案例分析104
8.5 頁腳107
8.5.1　頁腳設計107
8.5.2 頁腳設計案例解析108
8.6　圖像110
8.6.1 圖像的選擇111
8.6.2 圖像風格113
8.7 多媒體117
8.8 導航欄的位置119
8.8.1 導航欄布局形式119
8.8.2 導航欄設計案例分析122
8.9 網(wǎng)頁中的交互式表單123
第9章 網(wǎng)頁布局的方法125
9.1 基礎布局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 重復與交錯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)頁設計中
的運用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 獨特的導航欄菜單170
第12章 綜合案例解析171
12.1 網(wǎng)站建站目標以及功能定位171
12.2 網(wǎng)站的整體設計與制作173