本書全方位講解網站設計與規劃，從網站設計最基本的內容一步一步地講解，引導讀者進行設計規劃和製作、分析色彩的規則、指導色彩實戰應用；到設計心理學、用戶體驗，有系統地講述網站設計與網頁配色，精美作品與專業分析結合，掌握網站設計要項。　　適合有志從事網頁設計的讀者閱讀，對於已經具備部分基礎知識的讀者，透過本書也會有所收穫。

第一章　網頁設計概述1.1網頁設計基礎知識述1.1.1網頁設計的概念1.1.2網頁設計的定位1.1.3網頁設計所屬的範圍1.1.4網頁設計的準則1.2用戶的閱讀習慣1.2.1人機互動的概念1.2.2用戶習慣分析1.2.3方便性設計1.3網站類型1.3.1綜合（入口）類網站1.3.2新聞類網站1.3.3購物類網站1.3.4IT類網站1.3.5教育類網站1.3.6生活娛樂類網站1.3.7政府類網站1.3.8個人類網站1.3.9功能型網站1.3.10其他行業類網站1.4網路的特點1.4.1資訊的開放性1.4.2資訊的互動性1.4.3資訊的不穩定性1.4.4網路時代性1.4.5資訊傳播的迅速性1.5網頁設計方法分析1.5.1欄位劃分法1.5.2格點劃分法1.5.3色彩定位法1.6網頁設計實踐分析1.6.1Logo指引法1.6.2聯合利華網站設計方案分析1.6.3西部資料色彩設計網站方案分析第二章　網頁製作的基本流程2.1網站資料整理2.1.1文字資料歸納整理分類2.1.2圖片資料整理篩選分類2.1.3影片素材篩選2.1.4Flash動畫2.2準備素材(使素材符合網頁設計需求)2.2.1準備圖片素材2.2.2文字再編輯、擷取要點、總結標題2.2.3影片素材的剪輯及壓縮處理2.3網站結構劃分(網站腳本規劃)2.3.1根據素材分析網站結構2.3.2擷取分類列出欄位2.3.3欄位下子欄位劃分2.4網站風格定位─風格設計2.4.1分析網站的主題定位──網站主基調2.4.2風格的統一與變化2.5網頁色彩定位2.5.1標準色彩定位2.5.2根據網站風格定位選擇色彩設計2.5.3分析欄位間的色彩變化2.6設計草稿的繪製2.6.1主頁面設計草稿及創意2.6.2欄位二階頁面的設計2.7分析區塊，劃分區塊，資訊佈局2.7.1按照欄位劃分頁面區塊2.7.2二階頁面的區塊劃分2.8整體頁面設計及細部調整2.8.1「完美像素級細節」範例2.8.2網站細節設計分析.2.8.3陰影細節2.8.4自我克制與精妙細節第三章　網頁設計的理念3.1網頁設計的定位3.1.1怎樣才是好的網頁設計3.1.2好的網頁設計是怎樣製作的3.2網頁設計需要設計什麼3.2.1視聽元素設計3.2.2格點設計3.2.3資訊設計3.2.4佈局設計3.3網頁設計基礎資訊3.3.1可視範圍內資訊設計與佈局3.3.2設計內容圖文率3.3.3網頁設計與其他設計的區別3.3.4網頁設計中應該處理好的事項3.3.5網頁設計的視覺傳達3.3.6版面設計3.4網頁創意設計3.4.1創意是傳達資訊的一種特殊手法3.4.2創意是將現有的要素重新組合3.5網頁中的文字設計3.5.1文字在網頁中的應用3.5.2留白的藝術3.6設計的實現範例分析3.6.1設計草稿繪製範例3.6.2製作頁面效果3.6.3不規則頁面設計3.7內頁與首頁的設計統一3.7.1結構的一致性3.7.2色彩的一致性3.7.3利用導覽取得統一3.7.4特別元素的一致性3.7.5利用影像取得統一3.7.6利用背景取得統一3.8網頁設計的背景3.8.1主背景3.8.2內容背景3.8.3封裝/banner背景3.8.4其他背景圖片的形式介紹3.9網頁設計妙招第四章　網頁設計頁面規格4.1網頁設計頁面佈局概述4.1.1淺談網頁設計佈局4.1.2簡約的設計——簡潔大方的版面4.2網頁設計頁面佈局概述4.2.1網頁佈局類型的確定方法4.2.2把內容放入自己喜歡的網頁類型中4.2.3草繪出兩三個不同網頁類型的模板4.2.4網頁佈局的連貫性和多樣性4.2.5網頁佈局結構4.2.616佈局法4.3資訊佈局區域劃分4.3.1如何設計有效的資訊佈局4.3.2資訊佈局、資訊結構設計4.4資訊結構設計4.4.1單一結構4.4.2複合結構4.5頁面分欄佈局形式4.6頁面佈局形式與內容關係分析4.6.1功能優先還是形式優先4.6.2網頁佈局形式對網站含義及情感的影響4.6.3形式分析解剖4.7網頁副空間設計4.8文字佈局4.9表單佈局4.9.1表單中使用可視化元素4.9.2主次操作4.9.3表單安排範例第五章　新型網站設計5.1Flash網站概述5.1.1全Flash網站和單個Flash作品的區別5.1.2全螢幕Flash的尺寸分析5.2Flash網站的特點5.2.1全Flash網站設計的優勢與劣勢5.2.2Flash網站打造真實感5.2.3Flash網站的用戶體驗特性5.2.4Flash網站的過場動畫5.3Flash網站的設計與建構5.3.1Flash網站的基本佈局5.3.2loading（載入）的設計與製作5.3.3關於按鈕5.3.4Flash全站的頁面切換5.3.5文字內容的顯示5.3.6音樂開關5.3.7Flash的調整測試與常見問題5.4Flash網站的效果5.5傳統的Flash網站製作5.5.1全Flash網站的範例分析5.5.2Flash網站設計的常用技術5.6Flash網站設計特色5.7Flash網站設計欣賞5.7.1圖片變形網站設計5.7.2SpeakVisualGPU測試網站5.7.3很有意思的牛奶網站gotmilk5.7.4冰淇淋展示網站5.7.5豐田摩托車的展示網站5.7.6大眾（Volkswagen）汽車網站5.7.7Victorscomics作品展示網站5.7.8攝影作品網站5.7.9Flash攝影展示5.7.102AdvancedStudios5.7.11優秀網站設計45.7.12大底紋圖片Flash網站設計風格第六章　色彩基礎知識6.1色彩的文化6.2色彩的變動性6.3色彩的關聯性6.4色彩組合6.5色彩體系6.5.1色彩基本概念6.5.2色彩的三原色6.5.3電腦影像的色彩6.6色彩的三要素6.6.1明度6.6.2色相6.6.3純度6.6.4顏色三屬性的相互關係6.7色彩三屬性的對比分析6.7.1明度對比6.7.2色相對比6.7.3純度對比6.8色彩的其他對比6.8.1色彩的面積對比6.8.2色彩的形狀對比6.8.3色彩的冷暖對比6.8.4色彩的紋理對比6.9色彩模式6.9.1RGB模式6.9.2CMYK模式6.9.3Lab模式6.10色彩調和6.10.1色彩調和的方式6.10.2色彩調和的基本法則6.11色彩心理學6.11.1紅色6.11.2黃色6.11.3藍色6.11.4綠色6.11.5紫色6.11.6橙色6.11.7白色6.11.8黑色6.11.9灰色6.11.10金色6.11.11銀色6.12色彩傳達的心理效應6.12.1色彩的進退和脹縮感覺6.12.2色彩的冷暖感覺6.12.3色彩的輕重和軟硬感覺6.12.4色彩的華麗與樸素感覺6.12.5色彩的積極與消極感覺.6.13色彩傳達的資訊效率6.14網頁設計中的色彩運用策略6.14.1網頁色彩設計的原則6.14.2對比關聯與應用第七章　網頁設計配色7.1色彩帶來的聯想與網頁傳遞感情7.1.1聲音與網頁色彩7.1.2味覺與網頁色彩7.1.3嗅覺與網頁色彩7.1.4冷暖與網頁色彩7.2色彩的聯想與感情表達7.2.1色彩的空間感7.2.2色彩的親切感7.2.3色彩的層次感7.2.4色彩的神秘感7.2.5色彩的柔軟感與堅硬感7.2.6色彩的興奮感與憂鬱感7.2.7色彩的華麗感與樸素感7.3色彩搭配7.3.1色彩的平衡原則7.3.2色彩的適應性原則7.3.3網頁色彩搭配原則7.3.4網頁色彩搭配技巧7.3.5網頁色彩選擇標準第八章　網站分析8.1漂亮的網頁編排欣賞8.1.1ipassmall網站欣賞8.1.2蘋果公司官網8.1.3joy-lggm730網站欣賞8.1.4cest-moi網站欣賞8.1.5winstorm2010網站欣賞8.2絕佳網頁創意設計欣賞8.2.1metsdelacreme網站欣賞8.2.2lgledLG液晶螢幕展示網站8.2.3happymeal網站欣賞8.2.4nate10th網站欣賞8.2.5thepixel網站欣賞8.2.6toyota網站欣賞8.2.7LijiangVisionSingapore網站欣賞8.2.8暗黑破壞神3網站欣賞8.3色彩出眾的網頁設計欣賞8.3.1色彩斑斕的：哈瓦那人字拖網站8.3.2cndiv網站欣賞8.3.3converse網站欣賞8.3.4sadia網站欣賞8.3.5divplayers網站欣賞8.3.6迷你忍者遊戲官方網站8.3.7「韓式」網站設計風格分析8.3.8綠色色彩設計8.3.9白色主題設計風格8.3.10紅色網頁設計8.3.11黃色系頁面色彩設計8.3.12柔和的卡通風格設計8.3.13紅、白、黑色彩搭配8.3.14藍色系的頁面設計8.3.15黑色系頁面的設計8.3.16紅色系頁面的設計