本書共分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.2RGB顏色和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.1Logo與網頁廣告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章經典網站賞析
11.1國內網站192
11.2韓國網站196
11.3歐美網站200