《網頁色彩搭配設計師必備寶典》是2014年11月清華大學出版社出版的網頁設計類圖書,作者是張曉景。
基本介紹
- 書名:網頁色彩搭配設計師必備寶典
- 作者:張曉景
- ISBN:9787302371397
- 定價:49.8元
- 出版社:清華大學出版社
- 出版時間:2014.11.01
- 裝幀:平裝
內容簡介,前言,目錄,
內容簡介
本書共分11章,從網頁色彩搭配的理論知識入手,為網頁配色提前做好基礎知識準備。然後對基於色相和色調的具體網頁配色方法,以及網頁配色的選擇標準、色彩感情、色彩對比、配色印象等知識進行全面講解,著手培養讀者對網頁配色的感覺。最後將大量國內外的具體網站作為案例進行詳細剖析,對網頁配色的各種技巧和方法進行完整闡述,從而幫助設計師提高網頁配色水平,完善設計作品。
前言
在這個信息以秒速更新的年代,網路為我們提供了最大化的信息需求。隨著人們品位的不斷提升,對色彩的不斷挑剔,越來越多的網頁配色開始注重客群的口味,網頁的色彩也只有符合客群的心理預期才會吸引他們的注意力。而作為網頁設計師,更要將網頁配色看成一門必修的課程,投入巨大的精力來滿足日益豐富的色彩美學需求。
我們在瀏覽網頁時,可能會遇到不愉快的事情,五彩繽紛的網頁配色會讓我們感到雜亂、煩瑣,單色的網頁會讓我們感到單調、乏味,暗淡的網頁色彩會讓我們感到壓抑、難受,瀏覽這些網頁所產生的不好印象並不是色彩的過錯,而是網頁設計者的失誤,但這所導致的結果將是網站用戶體驗度的不斷下降。
網頁中的配色所帶給瀏覽者的視覺感受可能不盡相同,因為涉及不同的客群心理,具體來說,色彩既有數學式的色彩模式和色標,也有物理性的光波和反射,還有心理學層面的印象和聯想,更有文學性的敘事和抒情。所以在網頁配色上沒有對與錯之分,只有合適與不合適的劃分,恰當的網頁配色會帶給用戶很好的瀏覽體驗,不斷增強瀏覽者對網站的依附性。
了解色彩的基本原理後,我們就可以製作出一個用色恰當的網頁了,但僅僅這樣做是遠遠不夠的,我們還需要分析網頁色彩帶給人不同的感情與印象,去培養網頁配色的感覺。
我們在瀏覽網頁時,可能會遇到不愉快的事情,五彩繽紛的網頁配色會讓我們感到雜亂、煩瑣,單色的網頁會讓我們感到單調、乏味,暗淡的網頁色彩會讓我們感到壓抑、難受,瀏覽這些網頁所產生的不好印象並不是色彩的過錯,而是網頁設計者的失誤,但這所導致的結果將是網站用戶體驗度的不斷下降。
網頁中的配色所帶給瀏覽者的視覺感受可能不盡相同,因為涉及不同的客群心理,具體來說,色彩既有數學式的色彩模式和色標,也有物理性的光波和反射,還有心理學層面的印象和聯想,更有文學性的敘事和抒情。所以在網頁配色上沒有對與錯之分,只有合適與不合適的劃分,恰當的網頁配色會帶給用戶很好的瀏覽體驗,不斷增強瀏覽者對網站的依附性。
了解色彩的基本原理後,我們就可以製作出一個用色恰當的網頁了,但僅僅這樣做是遠遠不夠的,我們還需要分析網頁色彩帶給人不同的感情與印象,去培養網頁配色的感覺。
目錄
第1章 網頁配色預覽
1.1 觀察成功的網頁配色 2
1.2 網頁成功配色的基礎 4
1.2.1要考慮網頁的特點 6
1.2.2靈活套用配色技巧 7
1.2.3避免配色的混亂 9
1.3 打動人心的網頁配色 10
1.4 網頁配色的常見問題 12
1.4.1 培養色彩的敏感度 12
1.4.2 通用配色理論是否還適用 13
1.4.3 配色時應該選擇雙色和多色組合 14
1.4.4 儘可能使用兩至三種色彩進行搭配 15
1.4.5 如何快速實現完美的配色 16
第2章 為網頁配色做好準備
2.1 色彩入門知識 18
2.1.1 色彩的產生 18
2.1.2 光源色與物體色 19
2.2 RGB顏色和CMYK顏色的區別 20
2.3 色彩的屬性 22
2.3.1 色相 24
2.3.2 明度 26
2.3.3 純度 28
2.3.4 色調 30
2.4 色彩在網頁中的套用 32
2.4.1 網頁色彩特徵 32
2.4.2 網頁安全色 33
2.5 單色印象空間 34
2.6 配色印象空間 36
第3章 培養網頁配色的感覺
3.1 基於色相的配色關係 39
3.2 基於色調的配色關係 40
3.3 基於色相進行網頁配色的具體方法 41
3.3.1 相反色相、類似色調配色 41
3.3.2 相反色相、相反色調配色 44
3.3.3 無彩色和彩色 47
3.4 基於色調進行網頁配色的具體方法 49
3.4.1 同一或類似色相、類似色調配色 49
3.4.2 同一或類似色相、相反色調配色 52
3.5 漸變配色 55
第4章 網頁配色的基本方法
4.1 網頁配色的方法 58
4.1.1 網頁主題色 58
4.1.2 網頁背景色 60
4.1.3 網頁輔助色 62
4.1.4 網頁點綴色 64
4.2 網頁文本配色 66
4.2.1 網頁與文本的配色關係 67
4.2.2 良好的網頁文本配色 68
4.2.3 網頁文本配色要點 69
4.3 網頁元素色彩搭配 70
4.3.1 Logo與網頁廣告 70
4.3.2 導航選單 71
4.3.3 背景與文字 72
4.3.4 連結文字 73
第5章 網頁配色的選擇標準
5.1 根據行為選擇網頁配色 75
5.2 根據瀏覽者對色彩的偏好選擇顏色 77
5.2.1 根據性別選擇顏色 77
5.2.2 根據年齡階段選擇顏色 79
5.2.3 根據地域選擇顏色 80
5.3 根據季節選擇顏色 83
5.4 根據色彩形象聯想分析選擇顏色 87
5.5 根據商品銷售階段選擇顏色 89
5.5.1 商品導入期 89
5.5.2 商品拓展期 90
5.5.3 商品成熟期 91
5.5.4 商品衰退期 92
第6章 色彩情感在網頁配色中的套用
6.1 網頁配色的冷暖 94
6.2 網頁配色的輕重 96
6.3 網頁配色的軟硬 98
6.4 網頁配色的前後 100
6.5 網頁配色的大小 102
6.6 華麗感與樸實感 104
6.7 寧靜感與興奮感 106
6.8 活力感與莊重感 108
第7章 色彩對比在網頁配色中的套用
7.1冷暖對比的配色 111
7.1.1對比程度 111
7.1.2心理感受 113
7.2面積對比 114
7.2.1色彩面積大小 114
7.2.2色彩面積的位置關係 116
7.3色相對比 117
7.3.1原色對比 117
7.3.2間色對比 118
7.3.3補色對比 119
7.3.4鄰近色對比 121
7.3.5類似色對比 123
7.4同時對比 125
7.5連續對比 126
第8章 網頁配色的調整
8.1 突出主題的配色技巧 128
8.1.1 提高純度 130
8.1.2增大明度差 132
8.1.3增強色相型 134
8.1.4增強點綴色 136
8.1.5抑制輔助色或背景 138
8.2 整體融合的配色技巧 140
8.2.1接近色相 142
8.2.2統一明度 143
8.2.3接近色調 144
8.2.4添加類似色或同類色 145
8.2.5網頁產生穩定感 146
第9章 網頁配色印象
9.1 女性化的網站配色印象 150
9.2 男性化的網站配色印象 152
9.3 穩定安靜的網站配色印象 154
9.4 興奮激昂的網站配色印象 156
9.5 輕快律動的網站配色印象 158
9.6 清爽自然的網站色彩印象 160
9.7 浪漫甜美的網站色彩印象 162
9.8 傳統穩重的網站色彩印象 164
9.9 雍容華貴的網站配色印象 166
9.10 艷麗的網站配色印象 168
第10章 不同色調的網頁配色
10.1 純色調體現鮮明 173
10.2 中明色調體現清新 175
10.3 明色調體現明淨 177
10.4 明灰色調體現高雅 179
10.5 中灰色調體現樸實 181
10.6 暗灰色調體現渾厚 183
10.7 濁色調體現中庸 185
10.8 中暗色調體現穩重 187
10.9 暗色調體現深沉 189
第11章 經典網站賞析