網(wǎng)頁(yè)設計配色從入門(mén)到精通簡(jiǎn)介，目錄書(shū)摘

編輯推薦:1、這是一本深入闡述色彩設計原理及表現技巧的專(zhuān)業(yè)配色寶典。
2、以“主題設計為核心”，更直接、更實(shí)用，使用本書(shū)配色模板，幾分鐘就可拼貼創(chuàng )造出大大小小的色彩奇跡。
3、色彩理論完整，傳授易學(xué)易用的方法技巧，將設計案例進(jìn)行修改前后的對比和效果分析。
4、提供上百個(gè)深具國際流行風(fēng)尚的組合色板延伸。

內容簡(jiǎn)介:本書(shū)是一本講解網(wǎng)頁(yè)設計和配色的圖書(shū)，內容涉及色彩達人必學(xué)知識、網(wǎng)頁(yè)設計的基礎知識、了解基礎色、網(wǎng)頁(yè)布局技巧與色彩、網(wǎng)頁(yè)色彩的視覺(jué)印象、不同類(lèi)型的網(wǎng)頁(yè)色彩搭配、不同行業(yè)的網(wǎng)頁(yè)色彩搭配、不同風(fēng)格的網(wǎng)頁(yè)設計、綜合網(wǎng)頁(yè)配色。
本書(shū)章節安排合理，理論扎實(shí)、案例精彩，全書(shū)設置了“動(dòng)手練習”、“設計師談”、“配色方案”、“猜你喜歡”等特色模塊。
書(shū)中大量的國內外優(yōu)秀案例和作品賞析，均為國際較新潮和流行的設計作品，既有經(jīng)典的理論分析，又有豐富的思路拓展，案例中還有精準的色彩數值和設計剖析，非常值得讀者借鑒和學(xué)習。
本書(shū)是網(wǎng)頁(yè)設計、版式設計、海報設計、平面設計、廣告設計、書(shū)刊設計、展示設計等專(zhuān)業(yè)必備的速查工具書(shū)，也可作為各大培訓機構、大中專(zhuān)院校師生的理論參考書(shū)。

作者簡(jiǎn)介:

目錄:第1章　色彩達人必學(xué)知識?。?
1.1　認識色彩?。?
1.1.1　色彩是什么?。?
1.1.2　色彩能夠做什么?。?
1.1.3　色彩的屬性?。?
1.2　主色、輔助色、點(diǎn)綴色的關(guān)系?。?
1.2.1　主色?。?
1.2.2 輔助色?。?
1.2.3 點(diǎn)綴色?。?
1.2.4 設計師談——畫(huà)龍點(diǎn)睛的點(diǎn)綴色?。?
1.2.5　動(dòng)手練習——視覺(jué)中心的主色秘訣?。?0
1.3　色彩的對比?。?1
1.3.1 明度對比?。?2
1.3.2　純度對比?。?2
1.3.3　色相對比?。?3
1.3.4　面積對比?。?5
1.3.5　冷暖對比?。?6
第2章　網(wǎng)頁(yè)設計的基礎知識?。?7
2.1　什么是網(wǎng)頁(yè)?。?8
2.2　網(wǎng)頁(yè)的構成?。?8
2.2.1　網(wǎng)頁(yè)簡(jiǎn)介?。?8
2.2.2　網(wǎng)頁(yè)標題?。?9
2.2.3　網(wǎng)站的LOGO?。?0
2.2.4　網(wǎng)頁(yè)頁(yè)眉?。?0
2.2.5　網(wǎng)頁(yè)頁(yè)腳?。?1
2.2.6　網(wǎng)頁(yè)導航?。?1
2.2.7　網(wǎng)頁(yè)的主體內容?。?1
2.3　網(wǎng)頁(yè)的尺寸?。?2
2.4　網(wǎng)頁(yè)的色彩 ?。?3
2.4.1　RGB色彩模式?。?3
2.4.2　HTML語(yǔ)言對色彩的描述?。?4
2.4.3　網(wǎng)絡(luò )安全色?。?5
第3章　了解基礎色?。?7
3.1　紅?。?9
3.1.1　淺談紅色?。?9
3.1.2　應用實(shí)例?。?0
3.1.3　常見(jiàn)色分析?。?0
3.1.4　猜你喜歡?。?1
3.2　橙?。?2
3.2.1　淺談橙色?。?2
3.2.2　應用實(shí)例?。?3
3.2.3　常見(jiàn)色分析?。?3
3.2.4　猜你喜歡?。?4
3.3　黃?。?5
3.3.1　淺談黃色?。?5
3.3.2　應用實(shí)例?。?6
3.3.3　常見(jiàn)色分析?。?6
3.3.4　猜你喜歡?。?7
3.4　綠?。?8
3.4.1　淺談綠色?。?8
3.4.2　應用實(shí)例?。?9
3.4.3　常見(jiàn)色分析?。?9
3.4.4　猜你喜歡?。?0
3.5　青?。?1
3.5.1　淺談青色?。?1
3.5.2　應用實(shí)例?。?2
3.5.3　常見(jiàn)色分析?。?2
3.5.4　猜你喜歡?。?3
3.6　藍?。?4
3.6.1　淺談藍色?。?4
3.6.2　應用實(shí)例?。?5
3.6.3　常見(jiàn)色分析?。?5
3.6.4　猜你喜歡?。?6
3.7　紫?。?7
3.7.1　淺談紫色?。?7
3.7.2　應用實(shí)例?。?8
3.7.3　常見(jiàn)色分析?。?8
3.7.4　猜你喜歡?。?9
3.8　黑?。?0
3.8.1　淺談黑色?。?0
3.8.2　應用實(shí)例?。?0
3.8.3　猜你喜歡?。?1
3.9　白?。?2
3.9.1　淺談白色?。?2
3.9.2　應用實(shí)例?。?2
3.9.3　猜你喜歡?。?3
3.10　灰?。?4
3.10.1　淺談灰色?。?4
3.10.2　應用實(shí)例?。?4
3.10.3　猜你喜歡?。?5
第4章　網(wǎng)頁(yè)布局技巧與色彩?。?7
4.1　網(wǎng)頁(yè)布局的基礎知識?。?8
4.2　黃金分割式布局與左右對齊式布局?。?9
4.2.1　黃金分割式布局?。?0
4.2.2　左右對齊式布局?。?0
4.2.3　動(dòng)手練習——修改背景顏色?。?1
4.2.4　設計師談——黑色配色方案?。?1
4.2.5　配色實(shí)戰?。?1
4.2.6　常見(jiàn)色彩搭配?。?2
4.2.7　猜你喜歡?。?2
4.3　全景式布局與衛星式布局?。?3
4.3.1　全景式布局?。?4
4.3.2　衛星式布局?。?4
4.3.3　動(dòng)手練習——使用點(diǎn)綴色?。?5
4.3.4　設計師談——按鈕的設計?。?5
4.3.5　配色實(shí)戰?。?5
4.3.6　常見(jiàn)色彩搭配?。?6
4.3.7　猜你喜歡?。?6
4.4　照片組合式布局與包圍式布局?。?7
4.4.1　 照片組合式布局?。?8
4.4.2　包圍式布局?。?8
4.4.3　動(dòng)手練習——LOGO的設計?。?9
4.4.4　設計師談——扁平化?。?9
4.4.5　配色實(shí)戰?。?9
4.4.6　常見(jiàn)色彩搭配?。?0
4.4.7　猜你喜歡?。?0
4.5　散開(kāi)式布局與對稱(chēng)式布局?。?1
4.5.1　敞開(kāi)式布局?。?2
4.5.2　對稱(chēng)式布局?。?2
4.5.3　動(dòng)手練習——提高顏色的純度?。?3
4.5.4　設計師談——留白?。?3
4.5.5　配色實(shí)戰?。?3
4.5.6　常見(jiàn)色彩搭配?。?4
4.5.7　猜你喜歡?。?4
第5章　網(wǎng)頁(yè)色彩的視覺(jué)印象?。?5
5.1　女性?。?6
5.1.1　甜美?。?6
5.1.2　時(shí)尚?。?6
5.2　男性?。?7
5.2.1　理智?。?7
5.2.2　堅韌?。?7
5.3　兒童?。?8
5.3.1　可愛(ài)?。?8
5.3.2　活力?。?8
5.4　老人?。?9
5.4.1　溫暖?。?9
5.4.2　踏實(shí)?。?9
5.5　華麗?。?0
5.5.1　優(yōu)雅?。?0
5.5.2　華美?。?0
5.6　質(zhì)樸?。?1
5.6.1　淳樸?。?1
5.6.2　干凈?。?1
5.7　活潑?。?2
5.7.1　天真?。?2
5.7.2　活力?。?2
5.8　莊重?。?3
5.8.1　莊嚴?。?3
5.8.2　穩重?。?3
5.9　興奮?。?4
5.9.1　亢奮?。?4
5.9.2　刺激?。?4
5.10　沉靜?。?5
5.10.1　安靜?。?5
5.10.2　沉寂?。?5
5.11　溫暖?。?6
5.11.1　溫馨?。?6
5.11.2　和煦?。?6
5.12　涼爽?。?7
5.12.1　勁爽?。?7
5.12.2　冰涼?。?7
5.13　專(zhuān)業(yè)?。?8
5.13.1　品質(zhì)?。?8
5.13.2　專(zhuān)注?。?8
5.14　時(shí)尚?。?9
5.14.1　新潮?。?9
5.14.2　前衛?。?9
5.15　雅致?。?0
5.15.1　精致?。?0
5.15.2　優(yōu)雅?。?0
5.16　環(huán)?！。?1
5.16.1　放心?。?1
5.16.2　健康?。?1
5.17　安全?。?2
5.17.1　安穩?。?2
5.17.2　安然?。?2
5.18　信譽(yù)?。?3
5.18.1　大氣?。?3
5.18.2　信任?。?3
5.19　榮耀?。?4
5.19.1　華麗?。?4
5.19.2　光輝?。?4
5.20　美味?。?5
5.20.1　香甜?。?5
5.20.2　濃香?。?5
5.21　神秘?。?6
5.21.1　奇幻?。?6
5.21.2　深邃?。?6
5.22　夢(mèng)幻?。?7
5.22.1　絢麗?。?7
5.22.2　迷幻?。?7
5.23　自然?。?8
5.23.1　綠色?。?8
5.23.2　清新?。?8
5.24　嚴肅?。?9
5.24.1　典范?。?9
5.24.2　規范?。?9
第6章　不同網(wǎng)站的網(wǎng)頁(yè)色彩搭配?。?01
6.1　 門(mén)戶(hù)網(wǎng)頁(yè)?。?02
6.1.1　什么是門(mén)戶(hù)網(wǎng)站?。?02
6.1.2　案例分析?。?03
6.1.3　動(dòng)手練習——降低文字的飽和度?。?04
6.1.4　設計師談——別忽視網(wǎng)頁(yè)中的搜索框?。?04
6.1.5　配色實(shí)戰——扁平化網(wǎng)頁(yè)的配色方案?。?04
6.1.6　常見(jiàn)色彩搭配?。?04
6.1.7　猜你喜歡?。?05
6.2　企業(yè)網(wǎng)站?。?06
6.2.1　什么是企業(yè)網(wǎng)站?。?06
6.2.2　案例分析?。?07
6.2.3　動(dòng)手練習——增加頁(yè)面空間感，集中用戶(hù)視線(xiàn)?。?08
6.2.4　設計師談——企業(yè)網(wǎng)站的形象塑造?。?08
6.2.5　配色實(shí)戰——網(wǎng)頁(yè)中點(diǎn)綴色配色方案?。?09
6.2.6　常見(jiàn)色彩搭配?。?09
6.2.7　猜你喜歡?。?09
6.3　產(chǎn)品展示 ?。?10
6.3.1　什么是產(chǎn)品展示網(wǎng)頁(yè)?。?10
6.3.2　案例分析?。?11
6.3.3　動(dòng)手練習——減少畫(huà)面顏色?。?12
6.3.4　設計師談——各國家的顏色內涵?。?12
6.3.5　配色實(shí)戰——網(wǎng)頁(yè)配色方案?。?13
6.3.6　常見(jiàn)色彩搭配?。?13
6.3.7　猜你喜歡?。?13
6.4　購物網(wǎng)站 ?。?14
6.4.1　什么是購物網(wǎng)站?。?14
6.4.2　案例分析?。?15
6.4.3　動(dòng)手練習——為留白空間添加裝飾?。?16
6.4.4　設計師談——色彩激發(fā)你的購買(mǎi)欲?。?16
6.4.5　配色實(shí)戰——網(wǎng)頁(yè)色彩搭配?。?17
6.4.6　常見(jiàn)色彩搭配?。?17
6.4.7　猜你喜歡?。?17
6.5　社交網(wǎng)頁(yè)?。?18
6.5.1　什么是社交網(wǎng)站?。?18
6.5.2　案例分析?。?19
6.5.3　動(dòng)手練習——網(wǎng)站色調應該與產(chǎn)品相呼應?。?20
6.5.4　設計師談——網(wǎng)站設計中字體粗細的選擇?。?20
6.5.5　配色實(shí)戰——不同配色方案的視覺(jué)效果?。?21
6.5.6　常見(jiàn)色彩搭配?。?21
6.5.7　猜你喜歡?。?21
6.6　個(gè)人網(wǎng)頁(yè) ?。?22
6.6.1　什么是個(gè)人網(wǎng)頁(yè)?。?22
6.6.2　案例分析?。?23
6.6.3　動(dòng)手練習——為畫(huà)面添加合適素材?。?24
6.6.4　設計師談——網(wǎng)頁(yè)設計中的三個(gè)小細節?。?24
6.6.5　配色實(shí)戰——舞蹈網(wǎng)站的色彩搭配?。?24
6.6.6　常見(jiàn)色彩搭配?。?25
6.6.7　猜你喜歡?。?25
6.7　社區論壇?。?26
6.7.1　什么是社區論壇?。?26
6.7.2　案例分析?。?27
6.7.3　動(dòng)手練習——別把選項藏起來(lái)?。?28
6.7.4　設計師談——單色網(wǎng)頁(yè)設計?。?28
6.7.5　配色實(shí)戰——網(wǎng)頁(yè)色彩搭配?。?28
6.7.6　常見(jiàn)色彩搭配?。?29
6.7.7　猜你喜歡?。?29
6.8　活動(dòng)網(wǎng)站?。?30
6.8.1　什么是活動(dòng)網(wǎng)站?。?30
6.8.2　案例分析?。?31
6.8.3　動(dòng)手練習——盡量減少表單問(wèn)題?。?32
6.8.4　設計師談——選用兩種色彩進(jìn)行色彩搭配?。?32
6.8.5　配色實(shí)戰——同一網(wǎng)站的配色方案?。?32
6.8.6　常見(jiàn)色彩搭配?。?33
6.8.7　猜你喜歡?。?33
第7章　不同行業(yè)的網(wǎng)頁(yè)色彩搭配?。?35
7.1　車(chē)品類(lèi)?。?36
7.1.1　現代風(fēng)格車(chē)品網(wǎng)頁(yè)?。?36
7.1.2　粗獷風(fēng)格車(chē)品網(wǎng)頁(yè)?。?36
7.1.3　動(dòng)手練習——打造豪華質(zhì)感的車(chē)品網(wǎng)頁(yè)?。?37
7.1.4　設計師談——為網(wǎng)頁(yè)制作一個(gè)漂亮的等待頁(yè)面?。?37
7.1.5　常見(jiàn)色彩搭配?。?37
7.2　服飾類(lèi)?。?38
7.2.1　品牌時(shí)裝網(wǎng)頁(yè)?。?38
7.2.2　年輕服裝網(wǎng)頁(yè)?。?38
7.2.3　動(dòng)手練習——將商品突顯出來(lái)?。?39
7.2.4　設計師談——使用菱形進(jìn)行頁(yè)面的分割?。?39
7.2.5　常見(jiàn)色彩搭配?。?39
7.3　珠寶類(lèi)?。?40
7.3.1　珠寶類(lèi)購物網(wǎng)頁(yè)?。?40
7.3.2　品牌珠寶網(wǎng)站?。?40
7.3.3　動(dòng)手練習——淺色與深色背景對珠寶產(chǎn)品的影響?。?41
7.3.4　設計師談——色塊拼貼法?。?41
7.3.5　常見(jiàn)色彩搭配?。?41
7.4　建筑裝潢?。?42
7.4.1　室內設計裝飾公司網(wǎng)頁(yè)?。?42
7.4.2　景觀(guān)事務(wù)所網(wǎng)頁(yè)?。?42
7.4.3　動(dòng)手練習——為導航欄添加圖標增加其識別性?。?43
7.4.4　設計師談——簡(jiǎn)潔明快的網(wǎng)頁(yè)設計風(fēng)格?。?43
7.4.5　常見(jiàn)色彩搭配?。?43
7.5　媒體、音樂(lè )類(lèi)?。?44
7.5.1　音樂(lè )類(lèi)網(wǎng)頁(yè)?。?44
7.5.2　電視劇網(wǎng)頁(yè)?。?44
7.5.3　動(dòng)手練習——為界面換一個(gè)合適的點(diǎn)綴色?。?45
7.5.4　設計師談——利用視差滾動(dòng)，打造全新感官享受?。?45
7.5.5　常見(jiàn)色彩搭配?。?45
7.6　IT科技?。?46
7.6.1　軟件研發(fā)公司網(wǎng)頁(yè)?。?46
7.6.2　電腦制造商網(wǎng)頁(yè)?。?46
7.6.3　動(dòng)手練習——衛星式布局方式的妙用?。?47
7.6.4　設計師談——為界面添加一個(gè)合適的字體?。?47
7.6.5　常見(jiàn)色彩搭配?。?47
7.7　教育類(lèi)?。?48
7.7.1　知名大學(xué)網(wǎng)頁(yè)?。?48
7.7.2　私立學(xué)校網(wǎng)頁(yè)?。?48
7.7.3　動(dòng)手練習——為頁(yè)面填寫(xiě)一個(gè)顯眼的輔助色?。?49
7.7.4　設計師談——為網(wǎng)站設計一個(gè)漂亮的404界面?。?49
7.7.5　常見(jiàn)色彩搭配?。?49
第8章　不同風(fēng)格的網(wǎng)頁(yè)設計?。?51
8.1　簡(jiǎn)約至上主義風(fēng)格?。?52
8.1.1　簡(jiǎn)潔?。?53
8.1.2　整齊?。?53
8.1.3　動(dòng)手練習——使網(wǎng)頁(yè)看起來(lái)唯美、整潔?。?54
8.1.4　設計師談——簡(jiǎn)約是一種特殊的表達?。?54
8.1.5　常見(jiàn)色彩搭配?。?54
8.2　絢麗的歐美風(fēng)格?。?55
8.2.1　突出?。?56
8.2.2　細膩?。?56
8.2.3　動(dòng)手練習——將頁(yè)面改為中純度色彩基調?。?57
8.2.4　設計師談——歐美風(fēng)網(wǎng)站的色彩搭配?。?57
8.2.5　常見(jiàn)色彩搭配?。?57
8.3　淡雅的韓式風(fēng)格?。?58
8.3.1　淡雅?。?59
8.3.2　醇厚?。?59
8.3.3　動(dòng)手練習——使網(wǎng)頁(yè)看起來(lái)清新淡雅?。?60
8.3.4　設計師談——韓式的淡雅清新?。?60
8.3.5　常見(jiàn)色彩搭配?。?60
8.4　悠遠的日式風(fēng)格?。?61
8.4.1　細膩?。?62
8.4.2　民族?。?62
8.4.3　動(dòng)手練習——使網(wǎng)頁(yè)看起來(lái)更富意境?。?63
8.4.4　設計師談——日式風(fēng)格?。?63
8.4.5　常見(jiàn)色彩搭配?。?63
8.5　空間感網(wǎng)頁(yè)設計?。?64
8.5.1　層次?。?65
8.5.2　立體?。?65
8.5.3　動(dòng)手練習——使網(wǎng)頁(yè)層次更加清晰?。?66
8.5.4　設計師談——“立體感”的產(chǎn)生?。?66
8.5.5　常見(jiàn)色彩搭配?。?66
8.6　扁平化設計 ?。?67
8.6.1　整潔?。?68
8.6.2　簡(jiǎn)約?。?68
8.6.3　動(dòng)手練習——為頁(yè)面選擇一個(gè)合適的顏色?。?69
8.6.4　設計師談——力求簡(jiǎn)約的扁平化設計?。?69
8.6.5　常見(jiàn)色彩搭配?。?69
8.7　趣味的手繪風(fēng)格 ?。?70
8.7.1　趣味?。?71
8.7.2　鮮活?。?71
8.7.3　動(dòng)手練習——添加插畫(huà)，活躍頁(yè)面氣氛?。?72
8.7.4　設計師談——富有親和力的手繪風(fēng)?。?72
8.7.5　常見(jiàn)色彩搭配?。?72
8.8　抽象的網(wǎng)頁(yè)設計 ?。?73
8.8.1　精煉?。?74
8.8.2　情緒?。?74
8.8.3　動(dòng)手練習——使網(wǎng)頁(yè)風(fēng)格更加簡(jiǎn)約?。?75
8.8.4　設計師談——抽象風(fēng)是情緒的精煉?。?75
8.8.5　常見(jiàn)色彩搭配?。?75
8.9　懷舊的復古風(fēng)格 ?。?76
8.9.1　回憶?。?77
8.9.2　濃厚?。?77
8.9.3　動(dòng)手練習——使網(wǎng)頁(yè)視覺(jué)重點(diǎn)突出?。?78
8.9.4　設計師談——復古風(fēng)的融情?。?78
8.9.5　常見(jiàn)色彩搭配?。?78
第9章　綜合版式配色?。?79
9.1　兒童主題網(wǎng)頁(yè)?。?80
9.1.1　項目分析?。?80
9.1.2　案例分析?。?80
9.1.3　版式分析?。?81
9.1.4　配色方案?。?82
9.1.5　佳作欣賞?。?83
9.2　自然主題網(wǎng)頁(yè)?。?84
9.2.1　項目分析?。?84
9.2.2　案例分析?。?84
9.2.3　版式分析?。?85
9.2.4　配色方案?。?86
9.2.5　佳作欣賞?。?87
9.3　科技類(lèi)網(wǎng)頁(yè)?。?88
9.3.1　項目分析?。?88
9.3.2　案例分析?。?88
9.3.3　版式分析?。?89
9.3.4　配色方案?。?90
9.3.5　佳作欣賞?。?91
9.4　商務(wù)風(fēng)格網(wǎng)頁(yè)?。?92
9.4.1　項目分析?。?92
9.4.2　案例分析?。?92
9.4.3　版式分析?。?93
9.4.4　配色方案?。?94
9.4.5　佳作欣賞?。?95