 |
-- 會員 / 註冊 --
|
 |
|
|
|
Photoshop 網站UI設計 ( 簡體 字) |
| 作者：張晨起 等編著 | 類別：1. -> 圖形圖像、網頁製作 -> Photoshop
2. -> 程式設計 -> UI/UX |
| 譯者： |
| 出版社：機械工業出版社 |  3dWoo書號： 44895
詢問書籍請說出此書號！【缺書】
NT售價： 375 元 |
| 出版日：8/1/2016 |
| 頁數：284 |
| 光碟數：0 |
|
站長推薦：   |
| 印刷：全彩印刷 | 語系： ( 簡體 版 ) |
| |
加入購物車  │加到我的最愛
(請先登入會員) |
| ISBN：9787111541684 |
| 作者序 | 譯者序 | 前言 | 內容簡介 | 目錄 | 序 |
| (簡體書上所述之下載連結耗時費功, 恕不適用在台灣, 若讀者需要請自行嘗試, 恕不保證) |
| 作者序： |
| 譯者序： |
| 前言： |
內容簡介：本書以目前很受歡迎的圖像處理與合成軟件——Photoshop CC為設計工具，對主流網站UI設計流程和制作技巧進行了全面、細致的剖析。
本書共10章，內容包括網站UI概述、Photoshop基本操作、網站頁面UI配色、網站頁面布局與版式設計、網站頁面圖像的優化與調整、網站基本元素設計、網站導航設計、網站廣告設計、移動端網站UI設計，以及計算機端網站UI設計，將實用的技術、快捷的操作方法和豐富的內容一并介紹給用戶，使用戶在掌握軟件功能的同時，提高網頁設計效率和從業素質。
本書全部案例的素材、源文件和教學視頻輕掃描封面二維碼獲得，讀者可以結合本書、練習文件和教學視頻，提升APP界面設計學習效率。
本書適合UI設計愛好者和APP界面設計從業者閱讀，也適合作為各院校相關設計專業的參考教材，是一本實用的APP界面設計操作寶典。 |
目錄：第1章 網站UI概述 1
1.1 初識網站UI 2
1.1.1 什么是網頁界面 2
1.1.2 網頁界面的分類 2
1.1.3 網頁界面的設計特點 4
1.2 網站UI設計原則 7
1.2.1 視覺美觀 7
1.2.2 主題突出 8
1.2.3 整體性 8
1.2.4 為用戶考慮 9
1.2.5 快速加載 10
1.3 網頁的構成元素 10
1.3.1 文字 11
1.3.2 圖像 11
1.3.3 超鏈接 12
1.3.4 多媒體 12
1.4 網頁UI中的扁平化 13
1.4.1 圖標 14
1.4.2 折角 14
1.4.3 圓角 15
1.4.4 徽章 15
1.4.5 條紋 16
1.4.6 標簽 16
1.4.7 裝飾元素 17
1.4.8 裝飾背景 17
1.5 移動端與PC端網頁UI的區別 17
1.5.1 精確度不同 17
1.5.2 位置不同 18
1.5.3 操作習慣不同 18
1.5.4 按鈕狀態不同 18
1.6 網頁設計命名規范 18
1.7 專家支招 20
1.7.1 網站建設流程 20
1.7.2 什么是虛擬主機 20
1.8 總結擴展 21
1.8.1 本章小結 21
1.8.2 舉一反三—排列網頁小圖標 21
第2章 Photoshop基本操作 23
2.1 什么是Photoshop 24
2.2 Photoshop的安裝和啟動界面 24
實例：Photoshop的安裝和啟動 24
2.3 Photoshop中的基本操作 26
2.3.1 新建文檔 26
2.3.2 打開文件 27
2.3.3 保存文件 29
實例：制作精美的網頁圖標 30
2.3.4 文件的置入和導入 33
2.3.5 修改圖像大小 34
2.3.6 修改畫布大小 35
實例：調整網頁尺寸 35
2.4 圖像的復制與粘貼 37
2.4.1 圖像的復制 37
實例：制作精美網頁 38
2.4.2 圖像的拷貝與粘貼 40
實例：制作網頁插圖 40
2.4.3 選擇性粘貼 41
實例：制作網頁展板 42
2.5 圖像的裁剪 43
2.5.1 固定尺寸裁剪 43
2.5.2 利用輔助線裁剪 44
2.5.3 透視裁剪 44
2.6 圖像的變換 45
2.6.1 移動圖像 45
2.6.2 縮放圖像 46
2.6.3 旋轉圖像 46
2.6.4 變形和透視 46
2.6.5 自由變換 47
實例：為網頁制作廣告插圖 47
2.7 還原與恢復操作 49
2.7.1 還原與重做 49
2.7.2 前進一步與后退一步 49
2.7.3 恢復文件 49
2.8 專家支招 50
2.8.1 什么是矢量圖像和位圖圖像 50
2.8.2 分辨率 50
2.9 總結擴展 51
2.9.1 本章小結 51
2.9.2 舉一反三—制作簡單的網頁按鈕 51
第3章 網站頁面UI配色 52
3.1 色彩的基礎知識 53
3.1.1 三原色 53
3.1.2 色彩視覺 54
3.1.3 色彩三要素 55
3.1.4 色彩的種類 57
3.1.5 色系 58
3.2 色彩在網頁視覺設計中的作用 59
3.2.1 突出網頁主題 59
3.2.2 劃分視覺區域 60
3.2.3 吸引瀏覽者目光 60
3.2.4 增強網頁藝術性 61
3.3 色彩的聯想作用與心理效果 61
3.3.1 色彩的冷暖 62
3.3.2 色彩的軟硬 63
3.3.3 色彩的大小 63
3.3.4 色彩的輕重 63
3.3.5 色彩的活潑和端莊 64
3.3.6 色彩的興奮和沉穩感 64
3.3.7 色彩的華麗和樸素感 65
3.4 網頁配色標準 65
3.4.1 Web安全色 65
3.4.2 使用Web安全色調色板 66
3.5 色彩中的功能角色 67
3.5.1 主色 67
3.5.2 背景色 67
3.5.3 輔助色 67
3.5.4 點綴色 68
3.6 網頁配色技巧 68
3.6.1 配色原則 69
實例：制作簡約網站主頁 71
3.6.2 確定網頁主題色 75
3.6.3 確定網頁文本配色 75
實例：制作公司宣傳主頁 76
3.7 網頁風格影響配色 83
3.7.1 冷暖配色 83
3.7.2 白色的應用 84
3.7.3 飽和度影響配色 84
3.8 影響配色的元素 85
3.8.1 根據行業特征選擇網頁配色 85
3.8.2 根據色彩聯想選擇網頁配色 86
3.8.3 根據受眾的色彩偏好選擇網頁配色 87
3.8.4 根據生命周期選擇網頁配色 89
3.9 專家支招 91
3.9.1 怎樣提高對色彩的敏感度 91
3.9.2 什么是色立體 91
3.10 總結擴展 92
3.10.1 本章小結 92
3.10.2 舉一反三—制作水族館網站主頁 92
第4章 網站頁面布局與版式設計 94
4.1 了解網頁布局 95
4.1.1 網頁布局的目的 95
4.1.2 網頁布局的操作順序 95
4.2 PC端常見的網頁布局方式 96
4.2.1 “國”字型 96
4.2.2 T字型 97
4.2.3 標題正文型 97
4.2.4 左右分割型 98
4.2.5 上下分割型 98
4.2.6 POP型 98
4.2.7 封面型 99
實例：制作畫展網站首頁 99
4.2.8 Flash型 106
4.3 移動端網頁布局方式 107
4.3.1 布局的類型 107
4.3.2 布局的實現方式 108
4.3.3 響應式布局 109
4.3.4 響應式布局的優缺點 112
4.4 網頁布局方法 112
4.4.1 網頁布局設計 112
4.4.2 網頁布局特征 113
4.4.3 網頁布局原則 114
實例：制作蛋糕店主頁——頂部 115
實例：制作蛋糕店主頁——主體 121
4.5 根據整體內容決定網頁布局 127
4.5.1 左側的頁面布局 127
4.5.2 水平居中的頁面布局 128
4.5.3 水平和垂直居中的頁面布局 128
4.5.4 滿屏的頁面布局 129
4.6 頁面分割方式 129
4.6.1 橫向分割 129
4.6.2 縱向分割 130
4.6.3 復合分割 130
4.7 運用固定區域的設置 131
4.8 網頁布局設計的連貫性和多樣性 132
4.9 專家支招 132
4.9.1 網頁界面設計的設計誤區 132
4.9.2 網頁界面設計的設計理念 133
4.10 總結擴展 133
4.10.1 本章小結 133
4.10.2 舉一反三—制作簡潔網頁登錄界面 133
第5章 網站頁面圖像的優化與調整 135
5.1 網站中的圖像 136
5.1.1 網站中使用的圖片格式 136
5.1.2 網站中的顏色模式 138
5.2 圖章工具的使用 138
5.2.1 仿制圖章工具的應用 138
實例：去除網頁中的水印效果 139
5.2.2 圖案圖章工具的應用 141
5.3 修復網頁中的圖像 141
5.3.1 污點修復畫筆工具 141
實例：修復圖像瑕疵 142
5.3.2 修復畫筆工具 144
5.3.3 修補工具 144
5.3.4 內容感知移動工具 145
5.3.5 紅眼工具 145
5.4 自動調整圖像色彩 146
5.4.1 自動色調 146
5.4.2 自動對比度 146
5.4.3 自動顏色 147
5.5 手動調整圖像色彩 147
5.5.1 亮度/對比度 147
實例：調整網頁中圖像亮度 148
5.5.2 色階 150
5.5.3 曲線 151
實例：執行“曲線”命令調整圖像 152
5.5.4 自然飽和度 155
實例：制作炫彩展示圖 155
5.5.5 色相/飽和度 159
5.5.6 陰影/高光 159
實例：調整網頁中逆光圖片 160
5.6 填充和調整圖層 163
5.6.1 純色填充圖層 164
5.6.2 漸變填充圖層 164
5.6.3 圖案填充圖層 164
5.7 批處理 165
5.7.1 動作 166
5.7.2 自定義動作 166
5.8 專家支招 166
5.8.1 如何提高圖像清晰度 166
5.8.2 如何處理掃描圖像 167
5.9 總結擴展 167
5.9.1 本章小結 167
5.9.2 舉一反三—批處理圖像 167
第6章 網站基本元素設計 169
6.1 圖標概述 170
6.1.1 什么是圖標 170
6.1.2 圖標在網頁中的作用 171
6.1.3 網頁圖標的應用 171
6.2 使用形狀工具繪制圖標 172
6.2.1 矩形工具 172
實例：繪制時鐘圖標 173
6.2.2 多邊形工具 176
6.2.3 形狀的路徑操作 177
實例：制作常用網頁小圖標 177
6.2.4 自定義形狀工具 179
實例：繪制天氣圖標 179
6.3 按鈕概述 181
6.3.1 網頁中按鈕的常見類型 182
6.3.2 網頁中按鈕的特點 183
6.3.3 按鈕的設計要點 185
實例：繪制質感網頁圖標 186
6.4 圖層樣式的應用 189
6.4.1 添加圖層樣式的方法 189
6.4.2 斜面和浮雕 190
實例：繪制網頁下載圖標 191
6.4.3 描邊 194
6.4.4 內陰影和投影 194
6.4.5 內發光和外發光 195
6.4.6 光澤 196
6.4.7 顏色疊加、漸變疊加和圖案疊加 196
實例：制作手游開始按鈕 197
6.5 Logo概述 200
6.5.1 Logo的作用 200
6.5.2 Logo的特性 201
6.5.3 網站Logo的表現形式 201
實例：繪制影視網站Logo 202
6.6 專家支招 205
6.6.1 圖標的文件格式是什么 205
6.6.2 Logo的設計流程是什么 205
6.7 總結擴展 205
6.7.1 本章小結 206
6.7.2 舉一反三—制作簡約網頁按鈕 206
第7章 網站導航設計 207
7.1 網站導航概述 208
7.2 網站導航的作用 208
7.3 網站導航的設計標準 208
7.4 網站導航形式 209
7.4.1 標簽形式 209
7.4.2 按鈕形式 209
7.4.3 彈出菜單形式 210
7.4.4 無邊框形式 210
7.4.5 Flash形式 210
7.4.6 多導航系統形式 211
實例：繪制女裝網站導航條 211
7.5 網站導航位置 214
7.5.1 頂部導航 214
7.5.2 底部導航 214
7.5.3 左側導航 215
實例：繪制網站左側導航 215
7.5.4 右側導航 218
7.5.5 中心導航 218
7.6 網站設計的輔助操作 218
7.6.1 標尺的使用 219
7.6.2 創建精確參考線 219
實例：繪制精致導航條 220
7.7 專家支招 223
7.7.1 導航條的設計原則是什么 223
7.7.2 交互式導航的優勢和劣勢分別是什么 224
7.8 總結擴展 224
7.8.1 本章小結 224
7.8.2 舉一反三—制作游戲網站導航欄 224
第8章 網站廣告設計 226
8.1 網頁廣告條概述 227
8.1.1 計算機端網頁廣告的種類 227
8.1.2 移動端網頁廣告種類 229
8.1.3 廣告條的常見尺寸 231
8.1.4 網站廣告的特點 232
實例：制作招聘網站廣告條 233
8.2 使用摳圖工具合成廣告條 236
8.2.1 磁性套索工具 236
實例：制作圣誕節廣告條 237
8.2.2 快速選擇工具 240
8.2.3 魔棒工具 240
8.2.4 鋼筆工具 240
8.2.5 快速蒙版工具 241
8.2.6 調整邊緣和精確選區 241
8.3 修邊 241
8.3.1 移除白邊和黑邊 241
8.3.2 “去邊”命令 242
8.4 畫筆工具 242
8.5 圖層蒙版 242
8.5.1 使用圖層蒙版替換局部圖像 242
8.5.2 使用圖層蒙版融合圖像 243
8.5.3 使用剪貼蒙版 243
8.6 專家支招 244
8.6.1 如何設計好廣告條 244
8.6.2 網站廣告的表現形式有哪些 244
8.7 總結擴展 244
8.7.1 本章小結 245
8.7.2 舉一反三—制作服裝網站廣告條 245
第9章 移動端網站UI設計 246
9.1 移動端網店銷售界面 247
9.1.1 界面分析 247
9.1.2 色彩分析 247
實例：移動端網店銷售界面——廣告條 247
實例：移動端網店銷售界面——主體 250
實例：移動端網店銷售界面——產品推廣 253
9.2 移動端企業網站界面 256
9.2.1 界面分析 256
9.2.2 色彩分析 256
實例：移動端企業網站界面——廣告條 256
實例：移動端企業網站界面——主體 260
9.3 專家支招 263
9.3.1 響應式設計是否適合于專題設計 263
9.3.2 先做PC端頁面還是手機端頁面 263
9.4 總結擴展 263
9.4.1 本章小結 264
9.4.2 舉一反三—制作移動端網頁宣傳窗 264
第10章 PC端網站UI設計 265
10.1 PC端設計類網站界面 266
10.1.1 界面分析 266
10.1.2 色彩分析 266
實例：PC端設計類網站界面——頂部 266
實例：PC端設計類網站界面——主體 269
實例：PC端設計類網站界面——底部 272
10.2 PC端帥氣游戲網站界面 274
10.2.1 界面分析 275
10.2.2 色彩分析 275
實例：PC端帥氣游戲網站界面——頂部 275
實例：PC端帥氣游戲網站界面——底部 280
10.3 專家支招 283
10.3.1 設計網頁之前需要做什么 283
10.3.2 網頁設計的發展趨勢是什么 283
10.4 總結擴展 283
10.4.1 本章小結 283
10.4.2 舉一反三—制作PC端網頁宣傳欄 284
|
| 序： |
|
