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

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