該書主要分為上下兩篇—網(wǎng)頁(yè)色彩設(shè)計(jì)與網(wǎng)頁(yè)布局設(shè)計(jì)。上篇網(wǎng)頁(yè)色彩設(shè)計(jì)主要講解了色彩基礎(chǔ)、網(wǎng)頁(yè)色彩的組成、網(wǎng)頁(yè)色彩的搭配、網(wǎng)頁(yè)要素的色彩設(shè)計(jì)、網(wǎng)頁(yè)色彩應(yīng)用分析和網(wǎng)頁(yè)色彩設(shè)計(jì)的趨勢(shì);下篇網(wǎng)頁(yè)布局設(shè)計(jì)主要講解網(wǎng)頁(yè)創(chuàng)意設(shè)計(jì)、網(wǎng)頁(yè)布局的要素、網(wǎng)頁(yè)布局的方法、網(wǎng)頁(yè)布局的技巧以及網(wǎng)頁(yè)的未來(lái)流行趨勢(shì)。全書從色彩與布局兩方面入手,通過(guò)引用國(guó)內(nèi)外大量實(shí)例,全面分析網(wǎng)頁(yè)色彩與布局的設(shè)計(jì)潮流,完整闡述了網(wǎng)頁(yè)配色與布局的各種技巧和方法,從而幫助用戶提高網(wǎng)頁(yè)配色水平,加深對(duì)網(wǎng)頁(yè)色彩與布局設(shè)計(jì)知識(shí)的理解。最后結(jié)合當(dāng)今時(shí)代下網(wǎng)頁(yè)的流行趨勢(shì)和今后網(wǎng)頁(yè)設(shè)計(jì)的發(fā)展思路進(jìn)行總結(jié)和歸納,以便讀者參考。
崔建成,男,1965年生于文登市,畢業(yè)于山東師范大學(xué)。1987年進(jìn)入山東省青島工藝美術(shù) 學(xué)校CAD中心從事計(jì)算機(jī)輔助設(shè)計(jì)工作,現(xiàn)為青島科技大學(xué)文學(xué)與藝術(shù)學(xué)院副教授,實(shí)訓(xùn)中心 副主任。
上篇 網(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