本書是一本講解網頁設計和配色的圖書，共計分為8章，分別為網頁設計理論、網頁設計的基礎知識、設計基礎色、網頁設計的界面布局方法、網頁設計的構成元素、不同行業的網頁色彩搭配、網頁色彩的情感和網頁配色實戰。 本書章節安排合理，理論扎實、案例精彩，全書使用了手把手教你、小妙招、優秀作品賞析等特色模塊，并結合了大量國內外優秀的案例和作品賞析，且均為國際*潮、*流行的網頁設計、廣告設計、創意設計、影視設計作品，既有經典的理論分析又有易懂的思路擴展，非常值得讀者借鑒和學習。 案例中有精準的色彩數值和設計剖析，既可以當作工具書查閱，也可以當作參照書賞析。 本書是網頁設計、標志設計、廣告設計、報刊設計、平面設計、展示設計等的速查工具書，也可作為各大培訓機構、公司的理論參考書，還可作為各大、中專院校網頁設計專業的教材和參考書。
本書側重設計方法，結合設計案例，展示設計技巧。案例選取力求經典并具啟發性，圖片精美，文字講述力爭深入淺出、清晰易懂，能夠幫助讀者更快、更有效率地達到自己的預期目標。
網頁設計近年來在商業活動中的作用凸顯，是互聯網時代企業和產品對外展示的重要窗口，網頁美工設計的優劣直接影響著企業的形象和品牌的構建。市場上網頁美工設計類圖書以鑒賞型居多，鑒賞型圖書的特點是案例多、圖片精美、啟發性強，但弊端是書不耐讀，讀者無法明白其原理，無法舉一反三，沒有太大的延伸價值。鑒于這種情況，我們組織策劃了從方法到實踐：手把手教你學設計系列圖書，本套圖書面向初學者，在鑒賞型的基礎上，側重理論和方法，即使是非專業人員，也能從中學到很多有用的設計技巧。《從方法到實踐：手把手教你學網頁美工設計》是本系列中的一個分冊，通過扎實的網頁美工設計理論和大量的經典國外設計案例，讓初學者短時間內洞悉網頁美工設計的奧秘，并能夠將所學內容應用于網頁設計工作中。本書共分8章，具體內容包括網頁設計理論、網頁設計的基礎知識、設計基礎色、網頁設計的界面布局方法、網頁設計的構成元素、不同行業的網頁色彩搭配、網頁色彩的情感和網頁配色實戰等。編者以網頁美工設計的基本應用方法為起點，以拓展讀者朋友對網頁設計的思路為目的，希望通過通俗易懂的理論知識、精致多樣的賞析案例、色彩斑斕的配色方案、完整詳細的綜合案例，給讀者一個更好的學習思路，進而從本質上提高網頁設計能力。本書由TOPART視覺研究室組織編寫，曹茂鵬主編。瞿穎健、曹愛德、曹明、曹詩雅、曹瑋、曹元鋼、曹子龍、崔英迪、丁仁雯、董輔川、高歌、韓雷、鞠闖、李進、李路、馬嘯、馬揚、瞿吉業、瞿學嚴、瞿玉珍、孫丹、孫芳、孫雅娜、王萍、王鐵成、楊建超、楊力、楊宗香、于燕香、張建霞、張玉華等同志參加編寫和整理。由于時間倉促，加之水平有限，書中難免存在不妥之處，敬請廣大讀者批評指正。編者
1網頁設計理論
1.1 網頁設計概念/003
1.2 網頁的設計標準/004
1.2.1 網頁尺寸/004
1.2.2 網頁字體/005
1.2.3 網頁色彩/005
1.3 網頁設計的八大法則/008
1.3.1 比例法則/010
1.3.2 對稱法則/010
1.3.3 不對稱法則/011
1.3.4 和諧法則/011
1.3.5 統一法則/011
1.3.6 平衡法則/012
1.3.7 反復法則/012
1.3.8 漸變法則/013
1.4 網頁設計的四大原則/013
1.4.1 目的性原則/014
1.4.2 內涵性原則/014
1.4.3 個性化原則/015
1.4.4 藝術性原則/015
1.5 網頁設計的點線面/016
1.5.1 點/017
1.5.2 線/017
1.5.3 面/018
2網頁設計的基礎知識
2.1 網頁色彩/021
2.1.1 色相、明度、純度/021
2.1.2 主色、輔助色、點綴色/022
2.1.3 鄰近色、對比色/024
2.1.4 色彩與面積/025
2.1.5 色彩混合/025
2.1.6 色彩與網頁設計的關系/027
2.2 網頁設計的元素/028
2.2.1 網頁的規格/028
2.2.2 網頁的LOGO/028
2.2.3 頂部通欄/029
2.2.4 網頁文本/030
2.2.5 圖像的設計/030
3網頁設計基礎色
3.1 紅/033
3.1.1 淺談紅色/033
3.1.2 應用實例/034
3.1.3 常見色分析/034
3.1.4 猜你喜歡/035
3.2 橙/035
3.2.1 淺談橙色/035
3.2.2 應用實例/036
3.2.3 常見色分析/036
3.2.4 猜你喜歡/037
3.3 黃/038
3.3.1 淺談黃色/038
3.3.2 應用實例/039
3.3.3 常見色分析/039
3.3.4 猜你喜歡/040
3.4 綠/040
3.4.1 淺談綠色/040
3.4.2 應用實例/041
3.4.3 常見色分析/041
3.4.4 猜你喜歡/042
3.5 青/042
3.5.1 淺談青色/042
3.5.2 應用實例/043
3.5.3 常見色分析/044
3.5.4 猜你喜歡/044
3.6 藍/045
3.6.1 淺談藍色/045
3.6.2 應用實例/046
3.6.3 常見色分析/046
3.6.4 猜你喜歡/047
3.7 紫/048
3.7.1 淺談紫色/048
3.7.2 應用實例/049
3.7.3 常見色分析/049
3.7.4 猜你喜歡/050
3.8 黑/050
3.8.1 淺談黑色/050
3.8.2 應用實例/051
3.8.3 猜你喜歡/051
3.9 白/052
3.9.1 淺談白色/052
3.9.2 應用實例/053
3.9.3 猜你喜歡/053
3.10 灰/054
3.10.1 淺談灰色/054
3.10.2 應用實例/055
3.10.3 猜你喜歡/055
4網頁設計的界面布局方法
4.1 骨骼型/059
4.1.1 手把手教你骨骼型網頁設計方法/059
4.1.2 骨骼型網頁設計方案/060
4.1.3 骨骼型網頁設計/061
4.1.4 骨骼型網頁設計小妙招紅色與綠色互補的視覺感/062
4.1.5 優秀作品賞析/062
4.2 滿版型/063
4.2.1 手把手教你滿版型網頁設計方法/063
4.2.2 滿版型網頁設計方案/064
4.2.3 滿版型網頁設計/065
4.2.4 滿版型網頁設計小妙招實物與虛景的不同妙處/066
4.2.5 優秀作品賞析/066
4.3 分割型/067
4.3.1 手把手教你分割型網頁設計方法/067
4.3.2 分割型網頁設計方案/068
4.3.3 分割型網頁設計/069
4.3.4 分割型網頁設計小妙招縱向分割/070
4.3.5 優秀作品賞析/070
4.4 中軸型/071
4.4.1 手把手教你中軸型網頁設計方法/071
4.4.2 中軸型網頁設計方案/072
4.4.3 中軸型網頁設計/073
4.4.4 中軸型網頁設計小妙招色彩的沉著感/074
4.4.5 優秀作品賞析/074
4.5 曲線型/075
4.5.1 手把手教你曲線型網頁設計方法/075
4.5.2 曲線型網頁設計方案/076
4.5.3 曲線型網頁設計/077
4.5.4 曲線型網頁設計小妙招不同的線條與色彩/078
4.5.5 優秀作品賞析/078
4.6 傾斜型/079
4.6.1 手把手教你傾斜型網頁設計方法/079
4.6.2 傾斜型網頁設計方案/080
4.6.3 傾斜型網頁設計/081
4.6.4 傾斜型網頁設計小妙招高明度與低明度的色彩/082
4.6.5 優秀作品賞析/082
4.7 對稱型/083
4.7.1 手把手教你對稱型網頁設計方法/083
4.7.2 對稱型網頁設計方案/084
4.7.3 對稱型網頁設計/085
4.7.4 對稱型網頁設計小妙招同對稱的形式/086
4.7.5 優秀作品賞析/086
4.8 焦點型/087
4.8.1 手把手教你焦點型網頁設計方法/087
4.8.2 焦點型網頁設計方案/088
4.8.3 焦點型網頁設計/089
4.8.4 焦點型網頁設計小妙招圓形的焦點設計/090
4.8.5 優秀作品賞析/090
4.9 三角型/091
4.9.1 手把手教你三角型網頁設計方法/091
4.9.2 三角型網頁設計方案/092
4.9.3 三角型網頁設計/093
4.9.4 三角型網頁設計小妙招綠色的清爽感/094
4.9.5 優秀作品賞析/094
4.10 自由型/095
4.10.1 手把手教你自由型網頁設計方法/095
4.10.2 自由型網頁設計方案/096
4.10.3 自由型網頁設計/096
4.10.4 自由型網頁設計小妙招耐人尋味的色彩/098
4.10.5 優秀作品賞析/098
5網頁設計的構成元素
5.1 導航/101
5.1.1 手把手教你網頁導航設計方法/101
5.1.2 網頁導航設計方案/102
5.1.3 網頁導航設計/103
5.1.4 網頁導航設計小妙招加入底色突出導航/104
5.1.5 優秀作品賞析/104
5.2 banner/104
5.2.1 手把手教你網頁banner設計方法/105
5.2.2 網頁banner設計方案/106
5.2.3 網頁banner設計/107
5.2.4 網頁banner設計小妙招動感時尚的灰色圖片/108
5.2.5 優秀作品賞析/108
5.3 模塊/108
5.3.1 手把手教你網頁模塊設計方法/109
5.3.2 網頁模塊設計方案/110
5.3.3 網頁模塊設計/111
5.3.4 網頁模塊設計小妙招幾何形狀/112
5.3.5 優秀作品賞析/112
5.4 文字/113
5.4.1 手把手教你網頁文字設計方法/113
5.4.2 網頁文字設計方案/114
5.4.3 網頁文字設計/115
5.4.4 網頁文字設計小妙招字體設計 居中擺放/116
5.4.5 優秀作品賞析/116
6.不同行業的網頁色彩搭配
6.1 食品類/119
6.1.1 手把手教你食品類網頁設計方法/119
6.1.2 食品類網頁設計方案/120
6.1.3 食品類網頁設計/121
6.1.4 食品類網頁設計小妙招棕色的沉穩感/122
6.1.5 優秀作品賞析/122
6.2 服裝類/123
6.2.1 手把手教你服裝類網頁設計方法/123
6.2.2 服裝類網頁設計方案/124
6.2.3 服裝類網頁設計/125
6.2.4 服裝類網頁設計小妙招網頁的版式設計/126
6.2.5 優秀作品賞析/126
6.3 企業類/127
6.3.1 手把手教你企業類網頁設計方法/127
6.3.2 企業類網頁設計方案/128
6.3.3 企業類網頁設計/129
6.3.4 企業類網頁設計小妙招富饒與簡易的對比/130
6.3.5 優秀作品賞析/130
6.4 美妝類/131
6.4.1 手把手教你美妝類網頁設計方法/131
6.4.2 美妝類網頁設計方案/132
6.4.3 美妝類網頁設計/133
6.4.4 美妝類網頁設計小妙招黑色對稱版式/134
6.4.5 優秀作品賞析/134
6.5 數碼類/135
6.5.1 手把手教你數碼類網頁設計方法/135
6.5.2 數碼類網頁設計方案/136
6.5.3 數碼類網頁設計/137
6.5.4 數碼類網頁設計小妙招繪畫的插入/138
6.5.5 優秀作品賞析/138
6.6 文娛類/139
6.6.1 手把手教你文娛類網頁設計方法/139
6.6.2 文娛類網頁設計方案/140
6.6.3 文娛類網頁設計/141
6.6.4 文娛類網頁設計小妙招簡潔的分割手法/142
6.6.5 優秀作品賞析/142
6.7 家居類/143
6.7.1 手把手教你家居類網頁設計方法/143
6.7.2 家居類網頁設計方案/144
6.7.3 家居類網頁設計/145
6.7.4 家居類網頁設計小妙招清爽的視覺/146
6.7.5 優秀作品賞析/146
6.8 汽車類/147
6.8.1 手把手教你汽車類網頁設計方法/147
6.8.2 汽車類網頁設計方案/148
6.8.3 汽車類網頁設計/149
6.8.4 汽車類網頁設計小妙招典雅端莊的黑色/150
6.8.5 優秀作品賞析/150
6.9 旅游類/151
6.9.1 手把手教你旅游類網頁設計方法/151
6.9.2 旅游類網頁設計方案/152
6.9.3 旅游類網頁設計/153
6.9.4 旅游類網頁設計小妙招圓圈元素設計/154
6.9.5 優秀作品賞析/154
6.10 創意類/155
6.10.1 手把手教你創意類網頁設計方法/155
6.10.2 創意類網頁設計方案/156
6.10.3 創意類網頁設計/157
6.10.4 創意類網頁設計小妙招動畫的趣味性/158
6.10.5 優秀作品賞析/158
7網頁色彩的情感
7.1 美味/161
7.1.1 手把手教你美味網頁設計方法/161
7.1.2 美味網頁設計方案/162
7.1.3 美味網頁設計/163
7.1.4 美味網頁設計小妙招暗色背景的使用/164
7.1.5 優秀作品賞析/164
7.2 清新/165
7.2.1 手把手教你清新網頁設計方法/165
7.2.2 清新網頁設計方案/166
7.2.3 清新網頁設計/167
7.2.4 清新網頁設計小妙招帶有灰度的顏色/168
7.2.5 優秀作品賞析/168
7.3 溫暖/169
7.3.1 手把手教你溫暖網頁設計方法/169
7.3.2 溫暖網頁設計方案/170
7.3.3 溫暖網頁設計/171
7.3.4 溫暖網頁設計小妙招暖系燈光/172
7.3.5 優秀作品賞析/172
7.4 涼爽/173
7.4.1 手把手教你涼爽網頁設計方法/173
7.4.2 涼爽網頁設計方案/174
7.4.3 涼爽網頁設計/175
7.4.4 涼爽網頁設計小妙招巧用藍色背景/176
7.4.5 優秀作品賞析/176
7.5 飽滿/177
7.5.1 手把手教你飽滿網頁設計方法/177
7.5.2 飽滿網頁設計方案/178
7.5.3 飽滿網頁設計/179
7.5.4 飽滿網頁設計小妙招運用飽和度較高的色彩/180
7.5.5 優秀作品賞析/180
7.6 時尚/181
7.6.1 手把手教你時尚網頁設計方法/181
7.6.2 時尚網頁設計方案/182
7.6.3 時尚網頁設計/183
7.6.4 時尚網頁設計小妙招用黃色點綴暗系背景/184
7.6.5 優秀作品賞析/184
7.7 神秘/185
7.7.1 手把手教你神秘網頁設計方法/185
7.7.2 神秘網頁設計方案/186
7.7.3 神秘網頁設計/187
7.7.4 神秘網頁設計小妙招合理運用黑色背景/188
7.7.5 優秀作品賞析/188
7.8 喧鬧/189
7.8.1 手把手教你喧鬧網頁設計方法/189
7.8.2 喧鬧網頁設計方案/190
7.8.3 喧鬧網頁設計/191
7.8.4 喧鬧網頁設計小妙招多種顏色的搭配/192
7.8.5 優秀作品賞析/192
7.9 科技/193
7.9.1 科技感網頁設計的搭配特征/193
7.9.2 科技感網頁設計方案，舉一反三/194
7.9.3 神秘悠揚的科技感色彩搭配/195
7.9.4 設計巧妙的科技感色彩搭配/196
7.9.5 科技感網頁設計小妙招/196
7.9.6 優秀作品賞析/198
7.10 專業/198
7.10.1 專業感網頁設計的搭配特征/198
7.10.2 專業感網頁設計方案，舉一反三/199
7.10.3 清爽簡潔的專業感色彩搭配/200
7.10.4 現代化的專業感色彩搭配/201
7.10.5 專業感網頁設計小妙招/201
7.10.6 優秀作品賞析/202
8網頁配色實戰
8.1 簡約風格網頁設計/204
8.2 矢量風格圖像裝飾/208
新書資訊