網(wǎng)站界面設計案例教程

出版說明
前言
第1章 網(wǎng)站界面設計基礎
1.1 網(wǎng)站界面的發(fā)展
1.2 網(wǎng)站界面的構成要素和要點
1.2.1 網(wǎng)站界面的構成要素
1.2.2 網(wǎng)站界面設計最基本的技術要素
1.2.3 網(wǎng)站界面設計要點
1.3 網(wǎng)站界面設計原則
1.4 網(wǎng)站界面與軟件界面的異同
1.5 常用工具軟件簡介
1.5.1 Photoshop
1.5.2 Fireworks
1.5.3 Flash
1.5.4 Dreamweaver
1.5.5 其他設計工具
1.6 習題
第2章 網(wǎng)站界面設計中的色彩
2.1 色彩的作用
2.2 色彩的基本原理
2.2.1 光與色彩
2.2.2 色彩的三要素
2.3 色彩設計的心理效應
2.3.1 色彩的感覺
2.3.2 色彩的情感
2.3.3 色彩搭配運用案例——四葉草公司網(wǎng)站色彩搭配方案
2.4 習題
第3章 網(wǎng)站界面設計中的圖形圖像
3.1 圖形圖像的作用
3.1.1 傳達信息
3.1.2 美化界面
3.1.3 強化表現(xiàn)
3.1.4 增強趣味
3.2 圖形圖像的分類
3.2.1 主體圖
3.2.2 輔助圖
3.2.3 導航圖標
3.2.4 標志
3.3 圖形圖像的處理技巧
3.3.1 獲取圖形圖像的方式
3.3.2 在網(wǎng)頁設計中的圖像格式
3.3.3 圖形圖像的基礎操作
3.4 圖形圖像的創(chuàng)意與設計
3.5 圖形圖像在網(wǎng)頁設計中的運用
案例——四葉草公司網(wǎng)站圖標設計與制作
3.6 實訓
3.7 習題
第4章 網(wǎng)站界面中首頁的設計
4.1 網(wǎng)站界面的整體設計
4.1.1 確定風格
4.1.2 色彩搭配
4.1.3 圖片處理
4.1.4 文字設計
4.2 版式的設計
4.2.1 欄目的設計
4.2.2 二級頁面的界面設計
4.2.3 界面設計技巧
4.3 網(wǎng)站界面首頁設計案例——四葉草公司網(wǎng)站首頁設計與制作
4.4 網(wǎng)站界面中二級頁面設計案例——四葉草公司網(wǎng)站二級頁面設計與制作
4.5 實訓
4.6 習題
第5章 網(wǎng)站界面中導航系統(tǒng)的設計
5.1 導航系統(tǒng)設計概述
5.1.1 設計目的
5.1.2 設計原則
5.1.3 設計形式
5.2 導航系統(tǒng)設計
5.2.1 全局導航
5.2.2 局部導航
5.3 導航系統(tǒng)設計案例——四葉草公司網(wǎng)站導航設計
5.4 實訓
5.5 習題
第6章 網(wǎng)站界面中其他功能的設計
6.1 用戶注冊與登錄
6.1.1 個人注冊頁的界面設計
6.1.2 登錄框設計
6.2 論壇
6.2.1 論壇首頁的界面設計
6.2.2 主題帖子的界面設計
6.2.3 發(fā)帖、回帖頁的界面設計
6.3 搜索界面的設計
6.4 互動界面設計技巧
6.4.1 互動設計的鍵
6.4.2 超鏈接的設計
6.4.3 箭頭的設計
6.5 后臺管理系統(tǒng)的界面設計
6.6 綜合案例——四葉草網(wǎng)站界面中其他功能的設計與制作
6.7 實訓
6.8 習題
第7章 網(wǎng)站界面中的廣告設計
7.1 網(wǎng)絡廣告的特點
7.2 網(wǎng)絡廣告設計的原則
7.3 網(wǎng)絡廣告的表現(xiàn)手法
7.4 網(wǎng)絡廣告的設計
7.4.1 片頭動畫設計
7.4.2 圖標廣告設計
7.4.3 Banner廣告設計
7.4.4 彈出式廣告設計
7.5 網(wǎng)絡廣告的案例——四葉草公司網(wǎng)站廣告設計與制作
7.6 實訓
7.7 習題
第8章 商業(yè)網(wǎng)站界面設計的綜合案例——四葉草公司網(wǎng)站設計與制作
8.1 需求的提出
8.1.1 客戶需求分析
8.1.2 收集加工素材
8.1.3 欄目設計
8.1.4 版式初步設計
8.2 綜合設計
8.2.1 確定版式
8.2.2 確定色彩
8.3 用Photoshop設計效果圖
8.4 在Dreamweaver中生成網(wǎng)頁
8.4.1 生成靜態(tài)頁面
8.4.2 添加動畫效果
8.5 實訓
8.6 習題
第9章 網(wǎng)站界面設計的綜合案例——心源網(wǎng)站設計與制作
9.1 前期工作
9.1.1 客戶提出需求
9.1.2 客戶需求分析
9.1.3 網(wǎng)站設計定位
9.2 收集加工素材
9.3 欄目規(guī)劃設計
9.4 模擬草圖初步設計
9.4.1 確定版式
9.4.2 確定色彩
9.4.3 點線面分布
9.5 制作效果圖
9.6 切圖并導人到Dreamweaver中生成網(wǎng)頁
9.7 在Dreamweaver中生成網(wǎng)頁
9.7.1 生成靜態(tài)頁面
9.7.2 添加動畫效果
9.7.3 調(diào)整頁面效果
9.8 實訓
9.9 習題
參考文獻