網(wǎng)頁(yè)UI設(shè)計(jì)之道（全彩）

定　價(jià)：￥89.00

作　者：	盛意文化編著
出版社：	電子工業(yè)出版社
叢編項(xiàng)：
標(biāo)　簽：	計(jì)算機(jī)/網(wǎng)絡(luò) 圖形圖像多媒體網(wǎng)頁(yè)設(shè)計(jì)

購(gòu)買這本書(shū)可以去

ISBN：	9787121272974	出版時(shí)間：	2015-11-01	包裝：	平裝
開(kāi)本：	16開(kāi)	頁(yè)數(shù)：	372	字?jǐn)?shù)：

內(nèi)容簡(jiǎn)介

　　一個(gè)優(yōu)秀的網(wǎng)站，通常具備豐富的內(nèi)容、美觀的界面效果和獨(dú)特的風(fēng)格，并在這幾個(gè)方面能夠?qū)崿F(xiàn)和諧的統(tǒng)一。在多姿多彩的互聯(lián)網(wǎng)世界中，美觀的界面效果和鮮明的設(shè)計(jì)風(fēng)格能夠給瀏覽者留下深刻的印象。本書(shū)是一本使用Photoshop進(jìn)行網(wǎng)頁(yè)UI設(shè)計(jì)制作的案例教程，語(yǔ)言淺顯易懂，配合大量精美的網(wǎng)頁(yè)UI設(shè)計(jì)案例，講解了有關(guān)網(wǎng)頁(yè)UI設(shè)計(jì)的相關(guān)知識(shí)和使用Photoshop進(jìn)行網(wǎng)頁(yè)UI設(shè)計(jì)制作的方法和技巧；可使讀者在掌握網(wǎng)頁(yè)UI設(shè)計(jì)各方面知識(shí)的同時(shí)，能夠在網(wǎng)頁(yè)UI設(shè)計(jì)制作基礎(chǔ)上做到活學(xué)活用。本書(shū)共分為9章，全面介紹了網(wǎng)頁(yè)UI設(shè)計(jì)中的理論設(shè)計(jì)知識(shí)以及具體案例的制作方法；第1章：關(guān)于網(wǎng)頁(yè)UI設(shè)計(jì)，第2章：網(wǎng)站基本圖形元素設(shè)計(jì)，第3章：網(wǎng)站導(dǎo)航設(shè)計(jì)，第4章：網(wǎng)頁(yè)文字與廣告設(shè)計(jì)，第5章：網(wǎng)頁(yè)布局與版式設(shè)計(jì)，第6章：網(wǎng)頁(yè)UI配色，第7章：兒童類網(wǎng)頁(yè)UI設(shè)計(jì)，第8章：企業(yè)類網(wǎng)頁(yè)UI設(shè)計(jì)，第9章：游戲類網(wǎng)頁(yè)UI設(shè)計(jì)。本書(shū)配套的光盤中提供了本書(shū)所有案例的源文件及素材，方便讀者借鑒和使用。本書(shū)適合有一定Photoshop軟件操作基礎(chǔ)的設(shè)計(jì)初學(xué)者以及設(shè)計(jì)愛(ài)好者閱讀，也可以為一些設(shè)計(jì)制作人員以及相關(guān)專業(yè)的學(xué)習(xí)者提供參考。

作者簡(jiǎn)介

　　高金山，資深UI設(shè)計(jì)師，有豐富的UI設(shè)計(jì)經(jīng)驗(yàn)，先后從事軟件界面、網(wǎng)站界面和游戲界面的設(shè)計(jì)工作。參與了大量的手機(jī)界面設(shè)計(jì)工作。熟知UI設(shè)計(jì)領(lǐng)域的相關(guān)知識(shí)。有豐富的教學(xué)經(jīng)驗(yàn)，曾在中國(guó)傳媒大學(xué)、北京大學(xué)、北京師范大學(xué)等重點(diǎn)院校教授設(shè)計(jì)課程。對(duì)UI設(shè)計(jì)風(fēng)格有獨(dú)特見(jiàn)解。并參與清華大學(xué)中職教材的編寫(xiě)工作。

圖書(shū)目錄

CHAPTER　1
關(guān)于網(wǎng)頁(yè)UI設(shè)計(jì) 1　
1.1　了解網(wǎng)頁(yè)UI 2
1.1.1　什么是網(wǎng)頁(yè)界面 2
1.1.2　網(wǎng)頁(yè)界面設(shè)計(jì)的特點(diǎn) 2
1.2　網(wǎng)頁(yè)UI設(shè)計(jì)要點(diǎn) 5
1.2.1　設(shè)計(jì)與技術(shù)的結(jié)合 5
1.2.2　立體空間節(jié)奏感 8
1.2.3　視覺(jué)導(dǎo)向性 9
1.2.4　視覺(jué)服務(wù) 10
1.3.1　文字 10
1.3　網(wǎng)頁(yè)UI構(gòu)成元素 10
1.3.2　圖形符號(hào) 11
1.3.3　圖像 11
1.3.4　多媒體 12
1.3.5　色彩 12
1.4　網(wǎng)頁(yè)UI設(shè)計(jì)與審美 13
1.4.1　功能與形式美 13
1.4.2　網(wǎng)頁(yè)UI形式美法則 14
1.5　網(wǎng)頁(yè)UI的設(shè)計(jì)原則 16
1.5.1　以用戶為中心 16
1.5.2　視覺(jué)美觀 16
1.5.3　主題明確 17
1.5.4　內(nèi)容與形式統(tǒng)一 18
1.5.5　有機(jī)的整體 19
1.6　網(wǎng)頁(yè)UI創(chuàng)意設(shè)計(jì)方法 20
1.6.1　綜合型 21
1.6.2　趣味型 21
1.6.3　聯(lián)想型 22
1.6.4　比喻型 22
1.6.5　變異型 22
1.6.6　古樸型 23
1.6.7　流行型 23
1.7　扁平化在網(wǎng)頁(yè)UI設(shè)計(jì)中的應(yīng)用 24
1.7.1　圖標(biāo) 24
1.7.2　圓角 25
1.7.3　折角 25
1.7.4　標(biāo)簽 26
1.7.5　徽章 26
1.7.6　條紋 26
1.7.7　裝飾元素 27
1.7.8　裝飾背景 27
1.8　本章小結(jié) 28

CHAPTER　2
網(wǎng)站基本圖形元素設(shè)計(jì) 29
2.1　認(rèn)識(shí)網(wǎng)頁(yè)圖標(biāo) 30
2.1.1　圖標(biāo)概述 30
2.1.2　網(wǎng)頁(yè)圖標(biāo)應(yīng)用 31
【自測(cè)1】設(shè)計(jì)簡(jiǎn)約風(fēng)格網(wǎng)站圖標(biāo) 32
【自測(cè)2】設(shè)計(jì)按鈕圖標(biāo)工具欄 37
2.2　網(wǎng)頁(yè)中圖標(biāo)的設(shè)計(jì)原則 42
【自測(cè)3】設(shè)計(jì)水晶質(zhì)感圖標(biāo) 43
2.3　網(wǎng)頁(yè)按鈕的常見(jiàn)類型 55
2.4　網(wǎng)站按鈕的特點(diǎn) 56
【自測(cè)4】設(shè)計(jì)質(zhì)感游戲按鈕 57
【自測(cè)5】設(shè)計(jì)網(wǎng)站個(gè)性按鈕 62
2.5　網(wǎng)頁(yè)中按鈕的表現(xiàn)形式 68
2.5.1　實(shí)現(xiàn)提交功能的按鈕 68
2.5.2　實(shí)現(xiàn)鏈接的圖片按鈕 68
【自測(cè)6】設(shè)計(jì)網(wǎng)頁(yè)中的下載按鈕 69
【自測(cè)7】設(shè)計(jì)質(zhì)感播放按鈕 74
2.6　網(wǎng)站LOGO的表現(xiàn)形式 80
2.7　網(wǎng)站LOGO的特點(diǎn)和設(shè)計(jì)規(guī)范 82
【自測(cè)8】設(shè)計(jì)影視網(wǎng)站LOGO 84
【自測(cè)9】設(shè)計(jì)娛樂(lè)網(wǎng)站LOGO 90
2.8　專家支招 99
2.8.1　圖形元素的作用 99
2.8.2　網(wǎng)頁(yè)中常用的圖形格式 99
2.9　本章小結(jié) 100
CHAPTER?。?br /> 網(wǎng)站導(dǎo)航設(shè)計(jì) 101
3.1　網(wǎng)站導(dǎo)航概述 102
3.2　網(wǎng)站導(dǎo)航的表現(xiàn)形式 103
【自測(cè)1】設(shè)計(jì)游戲網(wǎng)站導(dǎo)航 104
【自測(cè)2】設(shè)計(jì)質(zhì)感企業(yè)網(wǎng)站導(dǎo)航 110
3.3　導(dǎo)航菜單在網(wǎng)頁(yè)中的布局 117
【自測(cè)3】設(shè)計(jì)下拉網(wǎng)站導(dǎo)航 121
【自測(cè)4】設(shè)計(jì)垂直網(wǎng)站導(dǎo)航 127
3.4　網(wǎng)站導(dǎo)航的視覺(jué)風(fēng)格 136
【自測(cè)5】設(shè)計(jì)圖標(biāo)網(wǎng)站導(dǎo)航 139
3.5　專家支招 146
3.6　本章小結(jié) 146
CHAPTER?。?br /> 網(wǎng)頁(yè)文字與廣告設(shè)計(jì) 147
4.1　文字在網(wǎng)頁(yè)界面中的作用 148
4.2　網(wǎng)頁(yè)界面中文字設(shè)計(jì)要求 148
【自測(cè)1】設(shè)計(jì)網(wǎng)頁(yè)中的變形文字 150
4.3　網(wǎng)頁(yè)界面中文字的設(shè)計(jì)原則 156
4.3.1　可讀性 156
4.3.2　藝術(shù)化 157
【自測(cè)2】設(shè)計(jì)網(wǎng)頁(yè)主題特效文字 159
4.4　網(wǎng)頁(yè)界面文字的排版設(shè)計(jì) 167
4.4.1　對(duì)比 167
4.4.2　統(tǒng)一與協(xié)調(diào) 169
4.4.3　平衡 169
4.4.4　節(jié)奏與韻律 170
4.4.5　視覺(jué)誘導(dǎo) 170
【自測(cè)3】設(shè)計(jì)3D廣告文字 171
4.5　網(wǎng)站廣告的特點(diǎn) 179
【自測(cè)4】設(shè)計(jì)網(wǎng)站產(chǎn)品宣傳廣告 180
4.6　網(wǎng)絡(luò)廣告的常見(jiàn)類型 186
【自測(cè)5】設(shè)計(jì)網(wǎng)站促銷活動(dòng)廣告 188
【自測(cè)6】設(shè)計(jì)產(chǎn)品廣告頁(yè)面 197
4.7　專家支招 203
4.8　本章小結(jié) 204
CHAPTER　５
網(wǎng)頁(yè)布局與版式設(shè)計(jì) 205
5.1　了解網(wǎng)頁(yè)布局 206
5.1.1　網(wǎng)頁(yè)布局的目的 206
5.1.2　網(wǎng)頁(yè)布局的操作順序 206
5.2　常見(jiàn)的網(wǎng)頁(yè)布局方式 207
【自測(cè)1】設(shè)計(jì)手機(jī)宣傳網(wǎng)頁(yè) 210
5.3　網(wǎng)頁(yè)布局方法 220
【自測(cè)2】設(shè)計(jì)咖啡館網(wǎng)頁(yè)界面 222
5.4　網(wǎng)頁(yè)形式的藝術(shù)表現(xiàn) 230
5.4.1　分割構(gòu)成 230
5.4.2　對(duì)稱構(gòu)成 231
5.4.3　平衡構(gòu)成 231
【自測(cè)3】設(shè)計(jì)**促銷網(wǎng)頁(yè) 232
5.5　網(wǎng)頁(yè)界面設(shè)計(jì)風(fēng)格 242
5.5.1　大眾化設(shè)計(jì)風(fēng)格 242
5.5.2　個(gè)性化設(shè)計(jì)風(fēng)格 243
5.6　專家支招 251
5.6.1　網(wǎng)頁(yè)界面分割方向的布局方式 251
5.6.2　網(wǎng)頁(yè)界面布局的連貫性和多樣性 251
5.7　本章小結(jié) 252
CHAPTER?。?br /> 網(wǎng)頁(yè)UI配色 253
6.1　色彩在網(wǎng)頁(yè)UI設(shè)計(jì)中的作用 254
6.2　理解色彩 255
6.2.1　色彩屬性 256
6.2.2　基礎(chǔ)配色 257
【自測(cè)1】設(shè)計(jì)數(shù)碼產(chǎn)品網(wǎng)站頁(yè)面 259
6.3　色彩的搭配 266
6.3.1　網(wǎng)頁(yè)UI配色基礎(chǔ) 266
6.3.2　網(wǎng)頁(yè)UI配色原則 268
【自測(cè)2】設(shè)計(jì)房地產(chǎn)網(wǎng)站頁(yè)面 269
6.4　網(wǎng)頁(yè)UI配色的方法 278
6.5　網(wǎng)頁(yè)中的文本配色 280
【自測(cè)3】設(shè)計(jì)珠寶網(wǎng)站頁(yè)面 282
6.6　網(wǎng)頁(yè)元素色彩搭配 290
【自測(cè)4】設(shè)計(jì)手機(jī)網(wǎng)站頁(yè)面 292
6.7　影響網(wǎng)頁(yè)配色的因素 301
6.7.1　根據(jù)行業(yè)特征選擇網(wǎng)頁(yè)配色 301
6.7.2　根據(jù)色彩聯(lián)想選擇網(wǎng)站配色 303
6.7.3　根據(jù)產(chǎn)品銷售周期選擇網(wǎng)頁(yè)配色 304
6.8　專家支招 306
6.9　本章小結(jié) 306
CHAPTER　7
兒童類網(wǎng)頁(yè)UI設(shè)計(jì) 307
7.1　了解兒童類網(wǎng)站 308
7.1.1　兒童網(wǎng)站的分類 308
7.1.2　兒童網(wǎng)站頁(yè)面的設(shè)計(jì)原則 309
7.2　設(shè)計(jì)兒童網(wǎng)站頁(yè)面 309
7.2.1　設(shè)計(jì)分析 309
7.2.2　制作兒童網(wǎng)站首頁(yè) 310
【自測(cè)1】設(shè)計(jì)兒童網(wǎng)站首頁(yè) 310
7.2.3　制作兒童網(wǎng)站二級(jí)頁(yè)面 323
7.3　本章小結(jié) 327
CHAPTER　8
企業(yè)類網(wǎng)頁(yè)UI設(shè)計(jì) 329
8.1　了解企業(yè)類網(wǎng)站 330
8.1.1　企業(yè)網(wǎng)站的分類 330
8.1.2　企業(yè)網(wǎng)站頁(yè)面的表現(xiàn)形式 331
8.1.3　企業(yè)網(wǎng)站頁(yè)面的設(shè)計(jì)原則 331
8.2　設(shè)計(jì)企業(yè)網(wǎng)站頁(yè)面 332
8.2.1　設(shè)計(jì)分析 332
8.2.2　制作企業(yè)網(wǎng)站首頁(yè) 333
【自測(cè)1】設(shè)計(jì)企業(yè)網(wǎng)站首頁(yè) 333
8.2.3　制作企業(yè)網(wǎng)站二級(jí)頁(yè) 343
8.3　本章小結(jié) 347
CHAPTER　9
游戲網(wǎng)類網(wǎng)頁(yè)UI設(shè)計(jì) 349
9.1　了解游戲網(wǎng)站設(shè)計(jì) 350
9.1.1　游戲網(wǎng)站的分類 350
9.1.2　游戲網(wǎng)站頁(yè)面的表現(xiàn)形式 351
9.1.3　游戲網(wǎng)站頁(yè)面的設(shè)計(jì)原則 351
9.2　設(shè)計(jì)游戲網(wǎng)站頁(yè)面 352
9.2.1　設(shè)計(jì)分析 352
【自測(cè)1】設(shè)計(jì)游戲網(wǎng)站頁(yè)面 352
9.3　本章小結(jié) 365