徐仕猛

　　本書全方位講解網站設計與規劃，從網站設計最基本的內容一步一步地講解，引導讀者進行設計規劃和製作、分析色彩的規則、指導色彩實戰應用；到設計心理學、用戶體驗，有系統地講述網站設計與網頁配色，精美作品與專業分析結合，掌握網站設計要項。

　　適合有志從事網頁設計的讀者閱讀，對於已經具備部分基礎知識的讀者，透過本書也會有所收穫。

第一章　網頁設計概述
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很有意思的牛奶網站gotmilk
5.7.4冰淇淋展示網站
5.7.5豐田摩托車的展示網站
5.7.6大眾（Volkswagen）汽車網站
5.7.7Victorscomics作品展示網站
5.7.8攝影作品網站
5.7.9Flash攝影展示
5.7.102AdvancedStudios
5.7.11優秀網站設計4
5.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紅色系頁面的設計