網頁界面設計與製作

《網頁界面設計與製作》是2012年人民郵電出版社出版的圖書，作者是鄧文達、貟亞男。

基本介紹

• 中文名：網頁界面設計與製作
• 外文名：無
• 作者：鄧文達等
• 責任編輯：王威

圖書信息

書　名　網頁界面設計與製作
叢 書 名　21世紀高等教育數字藝術與設計規劃教材
標準書號　ISBN 978-7-115-27999-6
作　者　鄧文達 貟亞男 主編　　責任編輯　王威
開　本　16 開
印　張　20.75
字　數　496 千字
頁　數　324 頁
裝　幀　平裝
版　次　第1版第1次
初版時間　2012年8月
本 印 次　2012年8月
首 印 數　-- 冊
定　價　49.80 元

內容提要

本書針對沒有平面設計基礎的網頁設計學生，通過6個經典案例來引導讀者，並以通俗易懂、生動活潑的語言，全面系統、由淺入深地講解了網頁界面設計中的視覺傳達原理，基本版式、色彩、字型、圖形圖像、動畫的套用規律以及實戰技法等各種知識和技能，以培養和提升讀者的綜合能力，使讀者較為便利地掌握網頁界面設計的常用創意手法和美學規律，快速便捷地達到優秀網頁設計師的水平。

本書適合作為各大、中專院校相關專業的教學用書，以及網頁設計的基礎培訓班教程和進階教程，另外也可以作為廣大網頁設計愛好者、中國小教師、網頁設計從業人員的自學教程及參考書。由於本書側重頁面的布局、風格和藝術效果的設計，因此要求讀者已經基本掌握了多媒體工具的操作基礎。

目錄

第1章　網頁界面設計的基礎理論　1

1.1　網頁界面設計概述　1

1.1.1　界面與界面設計　1

1.1.2　界面設計在我國的現狀　3

1.1.3　網頁界面設計的發展　3

1.2　網頁界面的構成要素及特徵　6

1.2.1　網頁界面的構成要素　6

1.2.2　網頁界面的特性　16

1.3　網頁界面設計的特徵　20

1.3.1　以功能為主　20

1.3.2　形象明確，易於接受　20

1.3.3　形式簡潔　21

1.4　網頁界面設計在信息傳播科技中的套用　22

1.4.1　網頁界面設計與信息傳播　22

1.4.2　網頁界面的主要形式　23

1.5　課後思考與練習　26

第2章　網頁界面設計與視覺傳達設計　27

2.1　網頁界面中的視覺傳達設計　27

2.2　視覺傳達設計的基本元素　28

2.2.1　視覺符號與傳達　28

2.2.2　視覺傳達設計的構成要素　31

2.3　網頁界面中視覺傳達設計的特性　34

2.3.1　視覺符號的選取　34

2.3.2　界面中視覺傳達的作用與特性　35

2.4　網頁界面設計與審美　36

2.4.1　網頁界面的功能美與形式美　36

2.4.2　形式美的創造法則　38

2.5　網頁界面設計與創造性思維　41

2.5.1　創造性思維的一般含義　42

2.5.2　創造性思維的特點　43

2.5.3　創造性思維的過程　46

2.5.4　創造性與借鑑　46

2.6　界面設計創意方法　48

2.6.1　綜合型創意方法　48

2.6.2　趣味型創意方法　49

2.6.3　聯想型創意方法　49

2.6.4　比喻型創意方法　50

2.6.5　矛盾型創意方法　50

2.6.6　古樸型創意方法　51

2.6.7　流行型創意方法　51

2.6.8　奇異型創意方法　51

2.7　課後思考與練習　52

第3章　網頁界面中的色彩設計　53

3.1　色彩在網頁界面設計中的作用　53

3.2　色彩基本原理　56

3.2.1　光與色彩　56

3.2.2　色彩三要素　58

3.2.3　色彩表示法　61

3.2.4　數字色彩模式　66

3.3　視知覺與色彩設計　71

3.3.1　眼睛的生理結構　71

3.3.2　視覺適應　71

3.3.3　色彩視覺理論　72

3.3.4　色彩視覺現象　72

3.3.5　色彩對比　75

3.3.6　色彩調和　83

3.4　色彩設計的心理效應　87

3.4.1　色彩的物質性心理效應　88

3.4.2　色彩的表情與聯想　91

3.4.3　色彩設計與視覺心理平衡　98

3.5　課後思考與練習　100

第4章　網頁界面中的圖形圖像設計　101

4.1　圖形圖像在網頁界面設計中的作用　101

4.1.1　傳達性　101

4.1.2　藝術性　102

4.1.3　表現性　102

4.1.4　趣味性　102

4.1.5　超地域、逾時空性　102

4.2　圖形圖像設計的造型元素　103

4.2.1　基本造型元素　103

4.2.2　擴展造型元素　108

4.3　圖形圖像設計的創意技法　112

4.3.1　想像與聯想　112

4.3.2　誇張與幽默　114

4.3.3　情感的魅力　115

4.3.4　改變視覺慣性　116

4.3.5　借鑑傳統文化　117

4.3.6　文字的變化　118

4.3.7　直接表達　119

4.4　圖形圖像設計的表現技法　120

4.4.1　圖像設計的表現技巧　120

4.4.2　圖形設計的造型手法　130

4.5　案例——F設計工作室首頁界面設計　137

4.5.1　設計網頁背景圖　138

4.5.2　設計網頁主體圖　139

4.5.3　設計網頁導航　142

4.5.4　製作網頁主體內容　144

4.6　課後思考與練習　150

第5章　網頁界面中文字的編排設計　151

5.1　文字在網頁界面設計中的作用　152

5.2　關於字型　154

5.2.1　中文字型　154

5.2.2　外文字型　159

5.3　字型編排　162

5.3.1　字號級數　162

5.3.2　字元間距　164

5.4　文字的編排設計　164

5.4.1　文字編排的規律　165

5.4.2　文字編排設計的手法　170

5.4.3　文字群體的編排　173

5.5　案例——MODELS AGENCY首頁界面設計　177

5.5.1　設計網頁背景　178

5.5.2　設計網頁標題　179

5.5.3　設計網頁導航　180

5.5.4　設計網頁主體內容　184

5.6　課後思考與練習　186

第6章　網頁界面版式的構成與設計　187

6.1　版式在網頁界面設計中的作用　187

6.2　版式設計的版面空間與第一屏　189

6.2.1　版面空間　189

6.2.2　第一屏　190

6.3　版式設計的造型元素　191

6.3.1　版式設計的基本造型元素　191

6.3.2　版式設計的形式原理　195

6.4　版式設計的視覺因素　207

6.4.1　人的視覺特徵與版式設計　207

6.4.2　版式設計中視覺傳達效率的提高　211

6.5　版式構成的類型　226

6.5.1　水平分割　227

6.5.2　垂直分割　229

6.5.3　水平—垂直分割　231

6.6　案例——豪盛家私首頁版式設計　234

6.6.1　網站色彩與版式布局　234

6.6.2　首頁版式設計　235

6.7　課後思考與練習　242

第7章　網頁界面的動畫設計　243

7.1　網頁動畫概述　244

7.1.1　網頁動畫的基本原理　244

7.1.2　網頁動畫的種類　245

7.1.3　網頁動畫的基本概念與元素　248

7.2　網頁動畫的特點與作用　250

7.3　網頁動畫設計的視覺美感　263

7.3.1　整體與局部　264

7.3.2　對比與調和　264

7.3.3　重點與從屬　267

7.3.4　節奏與韻律　267

7.4　網頁動畫設計的幾點原則　268

7.4.1　內容與形式的統一　269

7.4.2　選擇適當的信息符號　270

7.4.3　動畫時間的掌握　271

7.4.4　動畫為網頁整體服務　273

7.4.5　頁面動點適度　274

7.4.6　保持較小的動畫檔案　275

7.5　常見的動畫設計效果　277

7.5.1　色彩循環動畫　277

7.5.2　文字與圖形圖像動畫　278

7.6　案例套用　284

7.6.1　案例1——網頁Banner動畫　284

7.6.2　案例2——Flash廣告動畫　287

7.7　課後思考與練習　298

第8章　服裝購物網站的界面設計　299

8.1　現有商業網站的類型與結構　299

8.1.1　商業網站類型　299

8.1.2　商業網站結構　300

8.2　商業網站設計的特點　301

8.2.1　以產品為主的商業網站　301

8.2.2　以形象為主的商業網站　303

8.2.3　網上購物商業網站　305

8.3　網站策劃　306

8.3.1　明確創建網站的目的和用戶需求　306

8.3.2　出具網站策劃書　307

8.4　服裝購物網站界面設計　307

8.4.1　案例概述　308

8.4.2　網站類型　308

8.4.3　網站的色彩與版式　308

8.4.4　首頁界面設計　309

8.4.5　欄目頁界面設計　321

8.5　課後思考與練習　324