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

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