網(wǎng)頁設計解析

第1章　認識Web設計　　
　1.1 Web設計概述　　
　　1.1.1 內容
　　1.1.2 技術　　
　　1.1.3 外觀　　
　1.2 優(yōu)秀的Web設計是什么？　　
　　1.2.1 外觀和功能同樣重要　　
　　1.2.2 別做自以為“酷”的事情　　
　　1.2.3 規(guī)則——只有合適沒有正確　　
　1.3 Web設計師的多元性　　
　　1.3.1 平面設計　　
　　1.3.2 插畫　　
　　1.3.3 VI 識別系統(tǒng)　　
　　1.3.4 傳統(tǒng)藝術　　
　　1.3.5 工業(yè)設計　　
　　1.3.6 產(chǎn)品設計　　
第2章　工具使用新談　　
　2.1 選擇合適的設計軟件　　
　2.2 深入理解Web設計軟件　　
　　2.2.1 設計軟件標準化
　　2.2.2 請重視你的Help文檔　　
　2.3 建立最適合自己的設計軟件組合　　
　　2.3.1 平面位圖圖形　　
　　2.3.2 平面矢量圖形　　
　　2.3.3 矢量動畫　　
　　2.3.4 基本HTML文本　　
　　2.3.5 在線視頻　　
　　2.3.6 角色/場景動畫　　
　2.4 Photoshop　　
　　2.4.1 圖層　　
　　2.4.2 創(chuàng)建Web Photo Gallery　　
　　2.4.3 分割圖形　　
　2.5 Fireworks　　
　　2.5.1 制作GIF動畫　　
　　2.5.2 創(chuàng)建Rollover樣式按鈕　　
　　2.5.3 為圖形添加瀏覽器屬性　　
　2.6 Dreamweaver　　
　　2.6.1 建立自己的網(wǎng)站結構并設置　　
　　2.6.2 使用插件擴展Dreamweaver功能　　
　　2.6.3 控制并檢驗CSS樣式　　
　2.7 輔助工具　　
　　2.7.1 ACDSee　　
　　2.7.2 配色大師ColorSPY　　
　　2.7.3 截屏大師SnagIt　　
第3章　探討Web標準　　
　3.1 什么是Web標準？　　
　　3.1.1 為什么要使用Web標準？　　
　　3.1.2 如何校驗你的Web？　　
　　3.1.3 了解（　X）HTML　　
　　3.1.4 Web標準的商業(yè)價值　　
　3.2 重新認識CSS　　
　　3.2.1 如何應用CSS　　
　　3.2.2 CSS的語法　　
　3.3 CSS實例　　
　　3.3.1 精致的CSS水平列表　　
　　3.3.2 華麗的CSS垂直嵌套列表　　
　　3.3.3 不同瀏覽器對CSS特別代碼的支持情況　　
　　3.3.4 高級列表　　
　3.4 設計師必須了解的CSS技巧　　
　3.5 基于標準的Web設計參考　　
第4章　Web設計與GUI　　
　4.1 GUI和Web設計的關系　　
　4.2 Web用戶界面設計原則　　
　4.3 設計GUI中的圖標（　ICON）　　
　　4.3.1 正確理解圖標的價值　　
　　4.3.2 圖標設計實踐1 ——2D矢量圖標設計　　
　　4.3.3 圖標設計實踐2 ——3D圖標設計　　
　　4.3.4【重要】違反GUI原則的Web宣傳手段　　
第5章　Web設計中的排版　　
　5.1 Web版式設計概述　　
　5.2 常用版面布局參考　　
　　5.2.1 傳統(tǒng)“T”型結構　　
　　5.2.2 左右平均分布型結構　　
　　5.2.3 上下對照結構　　
　　5.2.4 “上中下”——“三” 字結構　　
　　5.2.5 簡約型布局　　
　　5.2.6 “回”字型結構　　
　　5.2.7 氛圍式結構　　
　　5.2.8 “雜物箱”版式　　
　　5.2.9 “個人風格化”結構　　
　　5.2.10 單頁排列式結構　　
　　5.2.11 文字型結構　　
　　5.2.12 封面型（　cover）結構　　
　　5.2.13 綜合型結構　　
　5.3 頁面排版的細節(jié)元素　　
　　5.3.1 重視細節(jié)的刻畫　　
　　5.3.2 設計AD Banner （　廣告條）　　
　5.4 實戰(zhàn)版式設計　　
第6章　首頁設計　　
　6.1 第一眼的印象　　
　　6.1.1 突出主體　　
　　6.1.2 簡單第一　　
　　6.1.3 控制版面　　
　　6.1.4 絢麗配色　　
　　6.1.5 信息處理　　
　　6.1.6 重視表現(xiàn)　　
　　6.1.7 流行風格　　
　6.2 首頁設計的兩種思路 ——個性與商業(yè)的平衡　　
　　6.2.1 方案A——傳統(tǒng)企業(yè)型站點設計　　
　　6.2.2 方案B——時尚企業(yè)型站點設計　　
　6.3 方案A設計過程——安全而傳統(tǒng)　　
　　6.3.1 標題設計與導航　　
　　6.3.2 板塊區(qū)域設計　　
　　6.3.3 內容排版設計　　
　6.4 方案B設計過程——獨特且藝術　　
　　6.4.1 背景設計　　
　　6.4.2 設計頁面邊框及導入Logo　　
　　6.4.3 設置頂端燈光　　
　　6.4.4 設計左導航　　
　　6.4.5 制作主體部分　　
　　6.4.6 主體周邊細節(jié)制作　　
　　6.4.7 內容填充　　
　6.5 設計首頁模板　　
　　6.5.1 設計頁面左導航　　
　　6.5.2 上導航設計　　
　　6.5.3 內容板塊設計　　
　　6.5.4 整體調整　　
　　6.5.5 切圖　　
　　6.5.6 將輸出的頁面制作成模板　　
第7章　全案解析　　
　7.1 企業(yè)應用型網(wǎng)站規(guī)劃與設計　　
　　7.1.1 前期準備　　
　　7.1.2 建立矢量標識　　
　　7.1.3 設計網(wǎng)站平面稿　　
　　7.1.4 切片并建立網(wǎng)站的HTML基本表達式　　
　　7.1.5 用Dreamweaver優(yōu)化網(wǎng)站的HTML表達式
　　7.1.6 Flash實現(xiàn)在線展示Video　　
　　7.1.7 Fireworks完善導航系統(tǒng)　　
　7.2 個人網(wǎng)站設計　　
　　7.2.1 制作頁面分解元素　　
　　7.2.2 平面設計在網(wǎng)站上的運用　　
　　7.2.3 “積木式”網(wǎng)站排版　　
　　7.2.4 發(fā)布網(wǎng)站到Internet　　
附錄　頂尖Web設計師語思錄　　
后記