《網頁界面設計》是2013年出版的圖書，作者是黃瑋雯。本書不僅介紹了網頁美工設計所需要掌握的基礎知識和美學原理，包括顏色理論、圖像設計、動畫設計等內容，同時還詳細介紹了實際製作網頁的經典案例。
基本介紹
- 書名：網頁界面設計
- 又名：網頁界面設計(1CD)
- 作者：黃瑋雯
- ISBN：978-7-115-29734-1
- 頁數：187 頁
- 定價：35.00 元
- 出版時間：2013年2月
- 裝幀：平裝
- 開本：16 開
- 責任編輯：劉博
- 紙張：12.25
- 字數：301 千字
- 初版時間：2013年2月
- 版次：第1版第1次
內容簡介,目錄,
內容簡介
網頁界面設計》是一本專門針對網站設計的教材，分別從網頁平面構成、網頁的色彩搭配、網頁設計中的排版布局、Photoshop設計製作網頁圖像、Flash網頁動畫設計與製作、Dreamweaver 靜態基本頁面的製作、Dreamweaver製作網站頁面的實例步驟和綜合案例共9章介紹。
《網頁界面設計》可作為高等院校、高職高專的教材。對於專業的網站美工來說，也是一部參考書。
《網頁界面設計》可作為高等院校、高職高專的教材。對於專業的網站美工來說，也是一部參考書。
目錄
第1章 網頁平面構成 1
1.1 平面構成概述 1
1.1.1 平面構成設計的元素 1
1.1.2 平面構成的形式美 2
1.1.3 平面構成的骨骼及基本形式 2
1.2 網頁中的平面構成 4
1.2.1 網頁設計中的平面構成 4
1.2.2 構成設計在網頁設計中的套用 7
1.3 習題 10
1.1 平面構成概述 1
1.1.1 平面構成設計的元素 1
1.1.2 平面構成的形式美 2
1.1.3 平面構成的骨骼及基本形式 2
1.2 網頁中的平面構成 4
1.2.1 網頁設計中的平面構成 4
1.2.2 構成設計在網頁設計中的套用 7
1.3 習題 10
第2章 網頁的色彩搭配 11
2.1 色彩構成的原理 11
2.1.1 色彩的形成 11
2.1.2 色彩的對比 12
2.2 網頁配色的原理 12
2.2.1 色彩的基本知識 12
2.2.2 色彩的心理感覺 13
2.2.3 網頁設計中色彩的基本原則 15
2.2.4 色彩均衡 16
2.3 網頁常用配色分析 17
2.3.1 常用的網頁色彩模式 17
2.3.2 網頁色彩搭配的技巧 18
2.3.3 3種以上的色彩搭配 20
2.4 習題 21
2.1 色彩構成的原理 11
2.1.1 色彩的形成 11
2.1.2 色彩的對比 12
2.2 網頁配色的原理 12
2.2.1 色彩的基本知識 12
2.2.2 色彩的心理感覺 13
2.2.3 網頁設計中色彩的基本原則 15
2.2.4 色彩均衡 16
2.3 網頁常用配色分析 17
2.3.1 常用的網頁色彩模式 17
2.3.2 網頁色彩搭配的技巧 18
2.3.3 3種以上的色彩搭配 20
2.4 習題 21
第3章 網頁編排設計 22
3.1 字型編排與編排的基本形式 22
3.1.1 網頁文字的形式概述 22
3.1.2 文字的設計要點 22
3.1.3 文字字型與版式設計 23
3.2 網頁設計中的排版布局 31
3.2.1 網頁文字的設計方法 31
3.2.2 網頁按鈕的設計方法 33
3.2.3 網頁版式設計的發展趨勢 34
3.3 網頁布局的基本結構 35
3.4 網頁中的圖像 38
3.5 習題 39
3.1 字型編排與編排的基本形式 22
3.1.1 網頁文字的形式概述 22
3.1.2 文字的設計要點 22
3.1.3 文字字型與版式設計 23
3.2 網頁設計中的排版布局 31
3.2.1 網頁文字的設計方法 31
3.2.2 網頁按鈕的設計方法 33
3.2.3 網頁版式設計的發展趨勢 34
3.3 網頁布局的基本結構 35
3.4 網頁中的圖像 38
3.5 習題 39
第4章 Photoshop設計製作網頁圖像 41
4.1 設計製作網站Logo 41
4.1.1 概述 41
4.1.2 製作步驟 42
4.1.3 案例回顧與總結 47
4.2 設計製作網站Banner 48
4.2.1 概述 48
4.2.2 製作步驟 48
4.2.3 案例回顧與總結 53
4.3 設計製作網頁導航欄 53
4.3.1 概述 53
4.3.2 製作步驟 53
4.3.3 案例回顧與總結 59
4.4 設計製作網站首頁版面 59
4.4.1 概述 59
4.4.2 製作步驟 60
4.4.3 案例回顧與總結 67
4.5 習題 67
4.1 設計製作網站Logo 41
4.1.1 概述 41
4.1.2 製作步驟 42
4.1.3 案例回顧與總結 47
4.2 設計製作網站Banner 48
4.2.1 概述 48
4.2.2 製作步驟 48
4.2.3 案例回顧與總結 53
4.3 設計製作網頁導航欄 53
4.3.1 概述 53
4.3.2 製作步驟 53
4.3.3 案例回顧與總結 59
4.4 設計製作網站首頁版面 59
4.4.1 概述 59
4.4.2 製作步驟 60
4.4.3 案例回顧與總結 67
4.5 習題 67
第5章 Flash網頁動畫設計與製作 70
5.1 Flash基本操作 70
5.1.1 創建Flash文檔 71
5.1.2 打開Flash文檔 71
5.1.3 保存Flash文檔 71
5.1.4 繪圖工具的使用 72
5.2 Flash時間軸及幀操作 73
5.2.1 時間軸 73
5.2.2 幀和關鍵幀 74
5.2.3 圖層 74
5.3 Flash元件和實例 74
5.3.1 元件和實例 74
5.3.2 元件類型 74
5.3.3 元件的創建 74
5.4 Flash檔案的發布和播放 75
5.4.1 Flash檔案的發布設定 75
5.4.2 Flash動畫檔案的播放 75
5.5 逐幀動畫 76
5.5.1 逐幀動畫的概念 76
5.5.2 逐幀動畫製作實例——花開動畫 76
5.6 補間動畫 77
5.6.1 補間動畫的種類 77
5.6.2 補間動畫的製作實例——水滴動畫 77
5.7 網頁特殊動畫 79
5.7.1 遮罩動畫實例 79
5.7.2 引導層動畫實例 80
5.7.3 骨骼動畫的創建 81
5.8 Flash基本網頁動畫綜合實例 84
5.9 總結與經驗積累 89
5.10 習題 89
5.1 Flash基本操作 70
5.1.1 創建Flash文檔 71
5.1.2 打開Flash文檔 71
5.1.3 保存Flash文檔 71
5.1.4 繪圖工具的使用 72
5.2 Flash時間軸及幀操作 73
5.2.1 時間軸 73
5.2.2 幀和關鍵幀 74
5.2.3 圖層 74
5.3 Flash元件和實例 74
5.3.1 元件和實例 74
5.3.2 元件類型 74
5.3.3 元件的創建 74
5.4 Flash檔案的發布和播放 75
5.4.1 Flash檔案的發布設定 75
5.4.2 Flash動畫檔案的播放 75
5.5 逐幀動畫 76
5.5.1 逐幀動畫的概念 76
5.5.2 逐幀動畫製作實例——花開動畫 76
5.6 補間動畫 77
5.6.1 補間動畫的種類 77
5.6.2 補間動畫的製作實例——水滴動畫 77
5.7 網頁特殊動畫 79
5.7.1 遮罩動畫實例 79
5.7.2 引導層動畫實例 80
5.7.3 骨骼動畫的創建 81
5.8 Flash基本網頁動畫綜合實例 84
5.9 總結與經驗積累 89
5.10 習題 89
第6章 Flash互動式網頁動畫的創作 92
6.1 ActionScript腳本語言 92
6.1.1 腳本語言屬性設定 92
6.1.2 動作面板 93
6.1.3 影片瀏覽器面板 93
6.2 按鈕腳本動畫製作 94
6.2.1 按鈕元件 94
6.2.2 利用按鈕庫編輯按鈕動畫 94
6.2.3 自定義按鈕動畫實例 95
6.3 幀腳本動畫製作 96
6.3.1 幀動作 96
6.3.2 幀腳本動畫實例 96
6.4 影片剪輯腳本動畫製作 97
6.4.1 影片剪輯腳本動畫 97
6.4.2 影片剪輯腳本實例 97
6.5 Flash互動式網頁動畫實例 99
6.5.1 製作Logo及導航按鈕 99
6.5.2 製作主頁 101
6.5.3 製作子頁 102
6.5.4 動畫製作 103
6.5.5 腳本編寫 105
6.6 總結與經驗累積 114
6.7 習題 114
6.1 ActionScript腳本語言 92
6.1.1 腳本語言屬性設定 92
6.1.2 動作面板 93
6.1.3 影片瀏覽器面板 93
6.2 按鈕腳本動畫製作 94
6.2.1 按鈕元件 94
6.2.2 利用按鈕庫編輯按鈕動畫 94
6.2.3 自定義按鈕動畫實例 95
6.3 幀腳本動畫製作 96
6.3.1 幀動作 96
6.3.2 幀腳本動畫實例 96
6.4 影片剪輯腳本動畫製作 97
6.4.1 影片剪輯腳本動畫 97
6.4.2 影片剪輯腳本實例 97
6.5 Flash互動式網頁動畫實例 99
6.5.1 製作Logo及導航按鈕 99
6.5.2 製作主頁 101
6.5.3 製作子頁 102
6.5.4 動畫製作 103
6.5.5 腳本編寫 105
6.6 總結與經驗累積 114
6.7 習題 114
第7章 Dreamweaver靜態基本頁面的製作 117
7.1 Dreamweaver基本概念 117
7.2 Dreamweaver基本工作環境 118
7.2.1 工作環境 118
7.2.2 工具列 119
7.2.3 “屬性”面板 120
7.2.4 面板組 121
7.3 Dreamweaver基本操作 122
7.3.1 站點的基本操作 122
7.3.2 檔案的命名和管理 124
7.3.3 HTML基本概念 124
7.4 Dreamweaver靜態網頁的製作 129
7.4.1 文本編輯 129
7.4.2 網頁圖像編輯 136
7.4.3 網頁多媒體元素編輯 141
7.5 習題 145
7.1 Dreamweaver基本概念 117
7.2 Dreamweaver基本工作環境 118
7.2.1 工作環境 118
7.2.2 工具列 119
7.2.3 “屬性”面板 120
7.2.4 面板組 121
7.3 Dreamweaver基本操作 122
7.3.1 站點的基本操作 122
7.3.2 檔案的命名和管理 124
7.3.3 HTML基本概念 124
7.4 Dreamweaver靜態網頁的製作 129
7.4.1 文本編輯 129
7.4.2 網頁圖像編輯 136
7.4.3 網頁多媒體元素編輯 141
7.5 習題 145
第8章 Dreamweaver製作網站頁面 146
8.1 創建網站的本地站點 146
8.1.1 建立網站目錄結構的建議 146
8.1.2 創建本地站點 147
8.2 套用表格製作網站主頁面 149
8.2.1 利用表格對頁面進行布局 149
8.2.2 添加各類網頁元素 153
8.3 套用模板技術製作網站子頁面 155
8.3.1 模板的基本知識 155
8.3.2 製作網站子頁面 155
8.4 套用超連結建立網站頁面間超連結 159
8.4.1 超連結的概念和種類 159
8.4.2 建立網站頁面間超連結 160
8.5 套用CSS美化網站頁面 161
8.5.1 CSS種類 161
8.5.2 CSS美化網站頁面 162
8.6 利用表單設計用戶註冊頁面 164
8.7 習題 168
8.1 創建網站的本地站點 146
8.1.1 建立網站目錄結構的建議 146
8.1.2 創建本地站點 147
8.2 套用表格製作網站主頁面 149
8.2.1 利用表格對頁面進行布局 149
8.2.2 添加各類網頁元素 153
8.3 套用模板技術製作網站子頁面 155
8.3.1 模板的基本知識 155
8.3.2 製作網站子頁面 155
8.4 套用超連結建立網站頁面間超連結 159
8.4.1 超連結的概念和種類 159
8.4.2 建立網站頁面間超連結 160
8.5 套用CSS美化網站頁面 161
8.5.1 CSS種類 161
8.5.2 CSS美化網站頁面 162
8.6 利用表單設計用戶註冊頁面 164
8.7 習題 168
第9章 綜合案例 169
9.1 使用Photoshop設計頁面 169
9.1.1 設計首頁 169
9.1.2 設計內頁 171
9.2 使用Dreamweaver排版網頁 173
9.3 使用Flash設計網頁動畫 174
9.3.1 首頁動畫的製作 174
9.3.2 網頁頁面動畫的製作 181
9.4 總結與經驗累積 186
9.5 習題 187
9.1 使用Photoshop設計頁面 169
9.1.1 設計首頁 169
9.1.2 設計內頁 171
9.2 使用Dreamweaver排版網頁 173
9.3 使用Flash設計網頁動畫 174
9.3.1 首頁動畫的製作 174
9.3.2 網頁頁面動畫的製作 181
9.4 總結與經驗累積 186
9.5 習題 187
