《網頁UI設計之道(第二版)(全彩)》是電子工業出版社出版圖書。
出版信息,內容簡介,圖書目錄,
出版信息
作譯者:盛意文化
出版時間:2018-12
千 字 數:599
版次:01-01
頁 數:372
開本:16開
I S B N :9787121354250
內容簡介
本書是一本使用Photoshop進行網頁UI設計製作的案例教程,語言淺顯易懂,配合大量精美的網頁UI設計案例,講解了有關網頁UI設計的相關知識和使用Photoshop進行網頁UI設計製作的方法和技巧。使讀者在掌握網頁UI設計各方面知識的同時,能夠在網頁UI設計製作的基礎上做到活學活用。
圖書目錄
CHAPTER 1
關於網頁UI設計 1
1.1 了解網頁UI 2
1.1.1 什麼是網頁界面 2
1.1.2 網頁界面設計的特點 2
1.2 網頁UI設計要點 5
1.2.1 設計與技術的結合 5
1.2.2 立體空間節奏感 8
1.2.3 視覺導向性 9
1.2.4 視覺服務 10
1.3 網頁UI構成元素 10
1.3.1 文字 10
1.3.2 圖形符號 11
1.3.3 圖像 11
1.3.4 多媒體 12
1.3.5 色彩 12
1.4 網頁UI設計與審美 13
1.4.1 功能與形式美 13
1.4.2 網頁UI形式美法則 14
1.5 網頁UI的設計原則 16
1.5.1 以用戶為中心 16
1.5.2 視覺美觀 16
1.5.3 主題明確 17
1.5.4 內容與形式統一 18
1.5.5 有機的整體 19
1.6 網頁UI創意設計方法 20
1.6.1 綜合型 21
1.6.2 趣味型 21
1.6.3 聯想型 22
1.6.4 比喻型 22
1.6.5 變異型 22
1.6.6 古樸型 23
1.6.7 流行型 23
1.7 扁平化在網頁UI設計中的
套用 24
1.7.1 圖示 24
1.7.2 圓角 25
1.7.3 折角 25
1.7.4 標籤 26
1.7.5 徽章 26
1.7.6 條紋 26
1.7.7 裝飾元素 27
1.7.8 裝飾背景 27
1.8 本章小結 28
CHAPTER 2
網站基本圖形元素設計 29
2.1 認識網頁圖示 30
2.1.1 圖示概述 30
2.1.2 網頁圖示套用 31
【自測1】設計簡約風格網頁圖示 32
【自測2】設計按鈕圖示工具列 37
2.2 網頁中圖示的設計原則 42
【自測3】設計水晶質感圖示 43
2.3 網頁中按鈕的常見類型 55
2.4 網頁中按鈕的特點 56
【自測4】設計質感遊戲按鈕 57
【自測5】設計網站個性按鈕 62
2.5 網頁中按鈕的表現形式 68
2.5.1 實現提交功能的按鈕 68
2.5.2 實現連結的圖片按鈕 68
【自測6】設計網頁中的下載按鈕 69
【自測7】設計質感播放按鈕 74
2.6 網站LOGO的表現形式 80
2.7 網站LOGO的特點和設計
規範 82
【自測8】設計影視網站LOGO 84
【自測9】設計娛樂網站LOGO 90
2.8 專家支招 99
2.8.1 圖形元素的作用 99
2.8.2 網頁中常用的圖形格式 99
2.9 本章小結 100
CHAPTER 3
網站導航設計 101
3.1 網站導航概述 102
3.2 網站導航的表現形式 103
【自測1】設計遊戲網站導航 104
【自測2】設計質感企業網站導航 110
3.3 導航選單在網頁中的布局 117
【自測3】設計下拉網站導航 121
【自測4】設計垂直網站導航 127
3.4 網站導航的視覺風格 136
【自測5】設計圖示網站導航 139
3.5 專家支招 146
3.6 本章小結 146
CHAPTER 4
網頁文字與廣告設計 147
4.1 文字在網頁界面中的作用 148
4.2 網頁界面中文字設計要求 148
【自測1】設計網頁中的變形文字 150
4.3 網頁界面中文字的設計原則 156
4.3.1 可讀性 156
4.3.2 藝術化 157
【自測2】設計網頁主題特效文字 159
4.4 網頁界面文字的排版設計 167
4.4.1 對比 167
4.4.2 統一與協調 169
4.4.3 平衡 169
4.4.4 節奏與韻律 170
4.4.5 視覺誘導 170
【自測3】設計3D廣告文字 171
4.5 網站廣告的特點 179
【自測4】設計網站產品宣傳廣告 180
4.6 網路廣告的常見類型 186
【自測5】設計網站促銷活動廣告 188
【自測6】設計產品廣告頁面 197
4.7 專家支招 203
4.8 本章小結 204
CHAPTER 5
網頁布局與版式設計 205
5.1 了解網頁布局 206
5.1.1 網頁布局的目的 206
5.1.2 網頁布局的操作順序 206
5.2 常見的網頁布局方式 207
【自測1】設計手機宣傳網頁 210
5.3 網頁布局方法 220
【自測2】設計咖啡館網站頁面 222
5.4 網頁形式的藝術表現 230
5.4.1 分割構成 230
5.4.2 對稱構成 231
5.4.3 平衡構成 231
【自測3】設計淘寶促銷網頁 232
5.5 網頁界面設計風格 242
5.5.1 大眾化設計風格 242
5.5.2 個性化設計風格 243
【自測4】設計化妝品網站頁面 243
5.6 專家支招 251
5.6.1 網頁界面分割方向的
布局方式 251
5.6.2 網頁界面布局的連貫性和
多樣性 251
5.7 本章小結 252
CHAPTER 6
網頁UI配色 253
6.1 色彩在網頁UI設計中的作用 254
6.2 理解色彩 255
6.2.1 色彩屬性 256
6.2.2 基礎配色 257
【自測1】設計數碼產品網站頁面 259
6.3 色彩的搭配 266
6.3.1 網頁UI配色基礎 266
6.3.2 網頁UI配色原則 268
【自測2】設計房地產網站頁面 269
6.4 網頁UI配色的方法 278
6.5 網頁中的文本配色 280
【自測3】設計珠寶網站頁面 282
6.6 網頁元素的色彩搭配 290
【自測4】設計手機網站頁面 292
6.7 影響網頁配色的因素 301
6.7.1 根據行業特徵選擇網頁
配色 301
6.7.2 根據色彩聯想選擇網站
配色 303
6.7.3 根據產品銷售周期選擇
網頁配色 304
6.8 專家支招 306
6.9 本章小結 306
CHAPTER 7
兒童類網頁UI設計 307
7.1 了解兒童類網站 308
7.1.1 兒童網站的分類 308
7.1.2 兒童網站頁面的設計原則 309
7.2 設計兒童網站頁面 309
7.2.1 設計分析 309
7.2.2 製作兒童網站首頁 310
【自測1】設計兒童網站首頁 310
7.2.3 製作兒童網站二級頁面 323
【自測2】設計兒童網站二級頁 323
7.3 本章小結 327
CHAPTER 8
企業類網頁UI設計 329
8.1 了解企業類網站 330
8.1.1 企業網站的分類 330
8.1.2 企業網站頁面的表現形式 331
8.1.3 企業網站頁面的設計原則 331
8.2 設計企業網站頁面 332
8.2.1 設計分析 332
8.2.2 製作企業網站首頁 333
【自測1】設計企業網站首頁 333
8.2.3 製作企業網站二級頁面 343
【自測2】設計企業網站二級頁 343
8.3 本章小結 347
CHAPTER 9
遊戲類網頁UI設計 349
9.1 了解遊戲網站設計 350
9.1.1 遊戲網站的分類 350
9.1.2 遊戲網站頁面的表現形式 351
9.1.3 遊戲網站頁面的設計原則 351
9.2 設計遊戲網站頁面 352
【自測1】設計遊戲網站頁面 352
9.3 本章小結 364