網站界面設計案例教程

《網站界面設計案例教程》是2009年機械工業出版社出版的圖書。本書通過一個完整的案例，向讀者介紹了網站界面設計的基礎知識、網站界面設計中色彩的運用、網站界面設計中圖形圖像的運用、網站界面中首頁的設計、網站界面中導航系統的設計、網站中的廣告設計等內容。

基本介紹

• 書名：網站界面設計案例教程
• ISBN：9787111261971
• 頁數：205頁
• 出版社：機械工業出版社
• 出版時間：2009年2月1日
• 裝幀：平裝
• 開本：16
• 叢書名：全國高等職業教育規劃教材
• 正文語種：簡體中文

內容簡介

《網站界面設計案例教程》可作為高職高專院校相關專業學習網站界面設計課程的教材。特別適合課時有限的課程，要求學生在較短時間內掌握網站界面設計能力的專業使用，也可作為廣大計算機愛好者自學網站界面設計的參考書。

目錄

出版說明

前言

第1章 網站界面設計基礎

1.1 網站界面的發展

1.2 網站界面的構成要素和要點

1.2.1 網站界面的構成要素

1.2.2 網站界面設計最基本的技術要素

1.2.3 網站界面設計要點

1.3 網站界面設計原則

1.4 網站界面與軟體界面的異同

1.5 常用工具軟體簡介

1.5.1 Photoshop

1.5.2 Fireworks

1.5.3 Flash

1.5.4 Dreamweaver

1.5.5 其他設計工具

1.6 習題

第2章 網站界面設計中的色彩

2.1 色彩的作用

2.2 色彩的基本原理

2.2.1 光與色彩

2.2.2 色彩的三要素

2.3 色彩設計的心理效應

2.3.1 色彩的感覺

2.3.2 色彩的情感

2.3.3 色彩搭配運用案例——四葉草公司網站色彩搭配方案

2.4 習題

第3章 網站界面設計中的圖形圖像

3.1 圖形圖像的作用

3.1.1 傳達信息

3.1.2 美化界面

3.1.3 強化表現

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 在網頁設計中的圖像格式

3.3.3 圖形圖像的基礎操作

3.4 圖形圖像的創意與設計

3.5 圖形圖像在網頁設計中的運用

案例——四葉草公司網站圖示設計與製作

3.6 實訓

3.7 習題

第4章 網站界面中首頁的設計

4.1 網站界面的整體設計

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 網站界面首頁設計案例——四葉草公司網站首頁設計與製作

4.4 網站界面中二級頁面設計案例——四葉草公司網站二級頁面設計與製作

4.5 實訓

4.6 習題

第5章 網站界面中導航系統的設計

5.1 導航系統設計概述

5.1.1 設計目的

5.1.2 設計原則

5.1.3 設計形式

5.2 導航系統設計

5.2.1 全局導航

5.2.2 局部導航

5.3 導航系統設計案例——四葉草公司網站導航設計

5.4 實訓

5.5 習題

第6章 網站界面中其他功能的設計

6.1 用戶註冊與登錄

6.1.1 個人註冊頁的界面設計

6.1.2 登錄框設計

6.2 論壇

6.2.1 論壇首頁的界面設計

6.2.2 主題帖子的界面設計

6.2.3 發帖、回帖頁的界面設計

6.3 搜尋界面的設計

6.4 互動界面設計技巧

6.4.1 互動設計的鍵

6.4.2 超連結的設計

6.4.3 箭頭的設計

6.5 後台管理系統的界面設計

6.6 綜合案例——四葉草網站界面中其他功能的設計與製作

6.7 實訓

6.8 習題

第7章 網站界面中的廣告設計

7.1 網路廣告的特點

7.2 網路廣告設計的原則

7.3 網路廣告的表現手法

7.4 網路廣告的設計

7.4.1 片頭動畫設計

7.4.2 圖示廣告設計

7.4.3 Banner廣告設計

7.4.4 彈出式廣告設計

7.5 網路廣告的案例——四葉草公司網站廣告設計與製作

7.6 實訓

7.7 習題

第8章 商業網站界面設計的綜合案例——四葉草公司網站設計與製作

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中生成網頁

8.4.1 生成靜態頁面

8.4.2 添加動畫效果

8.5 實訓

8.6 習題

第9章 網站界面設計的綜合案例——心源網站設計與製作

9.1 前期工作

9.1.1 客戶提出需求

9.1.2 客戶需求分析

9.1.3 網站設計定位

9.2 收集加工素材

9.3 欄目規劃設計

9.4 模擬草圖初步設計

9.4.1 確定版式

9.4.2 確定色彩

9.4.3 點線面分布

9.5 製作效果圖

9.6 切圖並導人到Dreamweaver中生成網頁

9.7 在Dreamweaver中生成網頁

9.7.1 生成靜態頁面

9.7.2 添加動畫效果

9.7.3 調整頁面效果

9.8 實訓

9.9 習題

參考文獻