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