Photoshop網站UI設計全程揭秘 ( 簡體 字) |
| 作者：韓廣良、王明佳、武治國 | 類別：1. -> 圖形圖像、網頁製作 -> Photoshop |
| 譯者： |
| 出版社：清華大學出版社 |  3dWoo書號： 39752
詢問書籍請說出此書號！【缺書】
NT售價： 395 元 |
| 出版日：9/3/2014 |
| 頁數：318 |
| 光碟數：1 (含視頻教學) |
|
站長推薦：   |
| 印刷：全彩印刷 | 語系： ( 簡體 版 ) |
| |
加入購物車  │加到我的最愛
(請先登入會員) |
| ISBN：9787302357964 |
| 作者序 | 譯者序 | 前言 | 內容簡介 | 目錄 | 序 |
| (簡體書上所述之下載連結耗時費功, 恕不適用在台灣, 若讀者需要請自行嘗試, 恕不保證) |
| 作者序： |
| 譯者序： |
前言：在如今這個互聯網飛速發展的時代，網絡已經成為人們生活中不可或缺的一部分。同時網頁設計也開始被眾多的企事業單位所重視，這就為網頁設計人員提供了很大的發展空間。而作為從事相關工作的人員則要掌握必要的操作技能，以滿足工作的需要。
作為目前非常流行的網頁設計軟件——Photoshop，憑借其強大的功能和易學易用的特性深受廣大設計師的喜愛。
本書內容
第1章主要介紹網頁界面的分類、網站建設的大致流程、網頁界面的設計原則和重要的構成要素，以及網頁設計的命名規范等內容。
第2章主要介紹Photoshop的基礎知識和基本操作，包括Photoshop簡介、Photoshop的安裝、Photoshop的基本操作、裁剪圖像、圖像的復制和粘貼、圖像變換操作，以及還原與恢復等知識。
第3章主要介紹選區、形狀在網頁設計中的應用方法，包括選區的創建、填充與描邊、漸變工具、形狀的創建和加減，以及使用Kuler輔助配色等內容。
第4章主要講解圖層的功能和操作，包括使用圖案增加按鈕質感、圖層的基本操作、圖層樣式的添加和修改、使用畫筆工具和圖像的變換操作等內容。
第5章主要介紹鋼筆工具和文字在網頁設計中的使用方法，包括網頁設計的輔助操作、選區的修改、加深和減淡工具、鋼筆工具和文本工具的操作技巧，以及快速對齊多個對象等內容。
第6章主要介紹修飾圖像和調整圖像色調的方法，包括使用圖章工具修飾圖像、修復網頁中的圖像、自動調整圖像顏色、自定義調整圖像色彩、銳化圖像以及自動批處理圖像等內容。
第7章主要介紹使用不同工具進行摳圖的方法，包括使用磁性套索工具、快速選擇工具、魔棒工具、快速蒙版和“調整邊緣”命令摳圖，使用修邊優化摳圖效果，以及使用蒙版合成圖像等內容。
第8章主要介紹色彩的基礎知識、色彩的視覺心理感受、網頁配色標準、網頁風格與配色，以及影響網頁配色的因素等內容。
第9章主要介紹常見的網頁布局方式、網頁文字的設計原則、網頁文字的排版規則和常用手法、根據內容確定布局方式，以及頁面分割方式等內容。
第10章主要講解3款游戲網站的設計和制作步驟，包括帥氣的游戲網站設計、華麗的游戲網站設計和魔幻的游戲網站設計。
第11章主要講解3款休閑類網站的設計和制作步驟，包括兒童類網站設計、大氣專業的汽車網站設計和電子產品網站設計。
本書特點
本書以Photoshop CS6版本進行講解，全面細致地講解了Photoshop在網站UI設計領域的相關知識，對于網頁設計的初學者來說，是一本難得的實用型自學教程。
緊扣主題
本書全部章節均圍繞網站UI設計的主題展開，所制作的實例也均與網站UI設計相關，效果精美，并且內容實用性較強。
易學易用
書中采用基礎知識與實例相結合的方式，使讀者在學習后立即通過實例對所學內容進行鞏固，使學習效率最大化。
多媒體光盤輔助學習
為了增加讀者的學習渠道，增強讀者的學習興趣，本書配有多媒體教學光盤，在該光盤中提供了書中所有實例的相關素材、源文件以及視頻教學，使讀者可以得到仿佛老師親自指導一樣的學習體驗，并能夠快速應用于實際工作中。
本書作者
本書由韓廣良、王明佳、武治國編著，另外李曉斌、張曉景、解曉麗、孫慧、程雪翩、王媛媛、胡丹丹、劉明秀、陳燕、王素梅、楊越、王巍、范明、劉強、賀春香、王延楠、于海波、肖閡、張航、羅廷蘭等人也參考了部分編寫工作。本書在寫作過程中力求嚴謹，由于水平有限，疏漏之處在所難免，望廣大讀者批評指正。
編 者
|
內容簡介：本書以目前最受歡迎的圖像處理與合成軟件——Photoshop為設計工具，對主流網頁設計流程和制作技巧進行了全面、細致的剖析。
本書首先從網站設計和建設的基礎知識進行介紹，對網站UI設計技巧進行了多方面的講解。然后介紹了Photoshop在網站UI設計中的實際應用，將最實用的技術、最快捷的操作方法、最豐富的內容呈現給讀者，使讀者在掌握軟件功能的同時，迅速提高網頁設計效率，并極大地提高從業素質。
本書附贈1張DVD光盤，其中提供了豐富的練習素材、源文件，并為書中所有實例都錄制了多媒體教學視頻，方便讀者學習和參考。
本書結構清晰、由簡到難，實例精美實用、分解詳細，文字闡述通俗易懂，與實踐結合非常密切，具有很強的實用性，是一本網站UI設計的學習寶典。
|
目錄：1.1 了解網站UI 1
1.1.1 什么是網頁界面 1
1.1.2 網頁界面的分類 1
1.2 網站建設流程 1
1.2.1 域名注冊 2
1.2.2 購買虛擬主機 2
1.2.3 確定網頁設計 3
1.2.4 網站建設 3
1.2.5 網站測試 3
1.2.6 網站維護 4
1.3 網頁的設計原則 4
1.3.1 視覺美觀 5
1.3.2 主題明確 5
1.3.3 內容與形式相統一 5
1.3.4 快速下載 6
1.3.5 為用戶考慮 6
1.4 網頁的構成元素 7
1.4.1 文字 7
1.4.2 圖像 8
1.4.3 色彩 8
1.4.4 多媒體 8
1.5 網頁設計命名規范 9
1.6 本章小結 10
2.1 Photoshop簡介 11
2.2 Photoshop的安裝 11
實例01+視頻：Photoshop的安裝 11
2.3 Photoshop的基本操作 12
2.3.1 新建文件 13
2.3.2 打開文件 14
2.3.3 保存文件 15
實例02+視頻：制作簡單的網頁圖標 15
2.3.4 修改圖像大小 18
2.3.5 修改畫布大小 19
實例03+視頻：制作藝術小網頁 19
2.4 裁剪圖像 21
2.4.1 裁剪固定尺寸 21
2.4.2 透視裁剪 21
2.4.3 裁剪獲得好的構圖 21
2.5 圖像的復制和粘貼 22
2.5.1 復制文檔 22
實例04+視頻：制作網頁背景 22
2.5.2 拷貝和粘貼 24
實例05+視頻：制作網頁廣告插圖 24
2.5.3 選擇性粘貼 25
實例06+視頻：制作茶葉廣告 25
2.6 變換圖像 26
2.6.1 移動圖像 26
2.6.2 縮放圖像 26
2.6.3 旋轉圖像 27
2.6.4 自由變換 27
實例07+視頻：制作網頁廣告 27
2.7 還原與恢復操作 28
2.8 本章小結 28
3.1 網站圖標設計的準則 29
3.2 網站圖標的設計流程 29
3.3 規則選區創建標志 30
3.3.1 矩形選框工具 30
3.3.2 橢圓選框工具 30
實例08+視頻：制作簡單的Logo 31
3.3.3 單行選框工具和單列選框工具 32
實例09+視頻：制作精美的新浪圖標 32
3.4 填充與描邊改變圖標風格 36
3.4.1 油漆桶工具 36
實例10+視頻：制作絢麗彩塊圖標 37
3.4.2 填充 39
實例11+視頻：制作簡單立體圖標 40
3.4.3 描邊 42
實例12+視頻：制作美妙的音符圖標 43
3.5 漸變工具增加圖標質感 45
3.5.1 漸變的類型 45
3.5.2 編輯類型 46
實例13+視頻：制作可愛的小鳥圖標 47
3.6 形狀工具創建圖標 51
3.6.1 關于形狀工具 51
3.6.2 多邊形工具 51
實例14+視頻：制作質感圖標 52
3.6.3 形狀的加減 55
實例15+視頻：制作時尚按鈕圖標 55
3.6.4 自定義形狀 58
3.7 使用Kuler設置圖標的顏色 59
實例16+視頻：制作簡單鐘表圖標 59
3.8 本章小結 62
4.1 按鈕的設計要點 63
4.2 按鈕的應用格式 63
4.3 使用圖案增加按鈕的質感 64
實例17+視頻：制作水晶開關按鈕 64
4.4 圖層的基本操作 68
4.4.1 新建圖層 68
4.4.2 復制圖層 69
4.4.3 調整圖層順序 70
實例18+視頻：制作Twitter按鈕 71
4.4.4 使用“不透明度”和“填充” 75
實例19+視頻：制作簡潔綠色按鈕 75
4.5 使用圖層樣式 78
4.5.1 調整圖層樣式 78
4.5.2 使用“投影”制作陰影效果 79
4.5.3 使用“描邊”為按鈕添加輪廓 79
實例20+視頻：制作簡單可愛的按鈕 79
4.5.4 使用“斜面和浮雕”制作立體效果 82
實例21+視頻：制作數據統計按鈕 83
4.5.5 使用“內陰影”增加層次 86
實例22+視頻：制作圓形立體按鈕 87
4.5.6 使用“內發光”和“外發光”制作發光效果 93
實例23+視頻：制作逼真的皮革按鈕 93
4.6 使用畫筆工具細化按鈕 97
4.6.1 使用畫筆工具 97
實例24+視頻：制作蘋果應用商店按鈕 97
4.6.2 設置畫筆預設 102
4.7 圖像的變換操作 102
4.7.1 圖像的翻轉 103
實例25+視頻：制作音量開關按鈕 103
4.7.2 透視和扭曲 107
4.7.3 變形 107
4.8 本章小結 108
5.1 導航和菜單的作用 109
5.2 導航的設計標準 109
5.3 網頁設計的輔助操作 110
5.3.1 使用標尺 110
5.3.2 創建精確的參考線 110
實例26+視頻：制作簡潔導航菜單 111
5.4 修改選區 115
5.4.1 羽化選區 116
5.4.2 擴展/收縮選區 116
5.5 加深和減淡修飾 116
5.5.1 加深工具 117
5.5.2 減淡工具 117
實例27+視頻：制作創意音樂網站菜單 118
5.6 使用鋼筆工具繪制精確的形狀 123
5.6.1 使用鋼筆工具 123
實例28+視頻：制作復古導航條 124
5.6.2 路徑與選區的轉換 128
5.6.3 使用畫筆描邊路徑 128
實例29+視頻：制作帥氣游戲網站導航 129
5.7 使用文本工具 134
5.7.1 輸入文本 134
5.7.2 設置文本 135
實例30+視頻：制作時尚導航菜單 136
5.8 快速對齊對象 142
5.8.1 對齊對象 142
5.8.2 分布對象 143
實例31+視頻：制作漂亮的圖片式導航 144
5.9 本章小結 148
6.1 網站中的圖像簡介 149
6.2 網站中適用的圖片格式 149
6.3 網站中的圖像模式 149
6.4 使用圖章工具為圖像添加效果 150
6.4.1 使用仿制圖章工具去除圖像
中的水印 150
實例32+視頻：去除圖像中的瑕疵 150
6.4.2 使用圖案圖章工具制作網站背景 152
6.5 修復網頁中的圖像 152
6.5.1 使用污點修復畫筆工具 152
實例33+視頻：去除臉部的裝飾 153
6.5.2 使用修復畫筆工具 155
6.5.3 使用內容感知移動工具 155
6.6 自動調整圖像顏色 156
6.6.1 自動色調增強圖像清晰度 156
6.6.2 自動對比度增強照片對比度 156
6.6.3 自動顏色校正圖像顏色 157
6.7 自定義調整圖像色彩 157
6.7.1 使用曲線調整圖像 157
實例34+視頻：使圖像更加鮮艷 158
6.7.2 使用色階提高圖像清晰度 160
6.7.3 使用亮度/對比度調整圖像 161
實例35+視頻：使圖像更清晰 161
6.7.4 使用色相/飽和度調整圖像 164
6.7.5 使用自然飽和度調整圖像 165
實例36+視頻：制作炫酷的圖片 166
6.7.6 使用變化命令改變圖像的色調 168
實例37+視頻：制作唯美的圖片 169
6.7.7 使用陰影/高光修整照片的逆光 170
實例38+視頻：修整逆光的照片 171
6.8 使用填充和調整圖層 174
6.8.1 純色填充圖層 174
6.8.2 漸變填充圖層 175
6.8.3 圖案填充圖層 175
實例39+視頻：制作炫彩網頁 175
6.8.4 調整面板 178
實例40+視頻：制作黑白色圖像 178
6.9 銳化提高圖像清晰度 181
6.10 處理掃描圖像 181
6.11 批處理圖像 181
6.11.1 使用動作面板 181
6.11.2 自定義動作 182
實例41+視頻：批處理圖像 182
6.12 本章小結 184
7.1 網站廣告條的類型 185
7.2 廣告條的常見尺寸 185
7.3 如何設計好的廣告條 186
7.4 完美摳圖合成廣告條 186
7.4.1 磁性套索工具摳圖 186
實例42+視頻：制作果盤廣告條 186
7.4.2 快速選擇 188
實例43+視頻：制作美食廣告條 188
7.4.3 使用魔棒工具 189
7.4.4 使用鋼筆工具 190
實例44+視頻：制作薯條廣告 190
7.4.5 快速蒙版選擇圖像 193
實例45+視頻：制作服裝廣告條 193
7.4.6 調整邊緣和精確選區 195
實例46+視頻：制作精美夏裝廣告 195
7.5 使用修邊 197
7.5.1 移除白邊和黑邊 197
7.5.2 去邊實現更好的合成效果 197
實例47+視頻：制作時尚服裝廣告條 197
7.6 使用畫筆工具 200
實例48+視頻：制作禮物宣傳廣告條 200
7.7 使用蒙版合成圖像 203
7.7.1 圖層蒙版替換圖層局部 203
7.7.2 圖層蒙版融合圖像 204
實例49+視頻：制作快餐店廣告條 204
7.7.3 使用剪貼蒙版 205
實例50+視頻：制作畫廊展覽小廣告 205
7.8 本章小結 209
8.1 色彩基礎知識 210
8.1.1 光和色的三原色 210
8.1.2 色種的不同 210
8.1.3 色彩的構成要素 212
8.1.4 色彩的混合 212
8.1.5 色彩的分類 213
8.1.6 不同的色系 214
8.2 色彩的視覺心理感受 216
8.2.1 色彩的輕重 216
8.2.2 色彩的冷暖 217
8.2.3 色彩的軟硬 217
8.2.4 色彩的大小 218
8.2.5 色彩的活潑和莊重感 218
8.2.6 色彩的興奮和沉靜感 218
8.2.7 色彩的華麗和樸素感 219
8.3 網頁配色標準 219
8.3.1 Web安全顏色 219
8.3.2 使用Web安全色調色板 220
8.4 網頁配色技巧 220
8.4.1 色彩搭配的原則 221
8.4.2 確定網頁的主題色 222
8.4.3 正確選擇文字的顏色 222
8.5 網頁風格與配色 223
8.5.1 暖色調配色 223
8.5.2 冷色調配色 223
8.5.3 穩定、安靜風格的配色 224
8.5.4 發揮白色效果的配色 224
8.5.5 高彩度的配色 225
8.5.6 低彩度的配色 225
8.6 影響網站配色的因素 226
8.6.1 根據行業特征選擇網頁配色 226
8.6.2 根據生命周期選擇網頁配色 226
8.6.3 根據色彩聯想選擇網頁配色 228
8.6.4 根據受眾色彩偏好選擇網頁配色 229
8.7 本章小結 231
9.1 常見的網頁布局方式 232
9.1.1 “國”字型 232
9.1.2 拐角型 232
9.1.3 標題正文型 233
9.1.4 左右框架型 234
9.1.5 上下框架型 234
9.1.6 封面型 234
9.1.7 Flash型 235
9.1.8 變化型 235
9.2 文字在網頁中的作用 235
9.2.1 明確性 236
9.2.2 易讀性 236
9.2.3 美觀性 236
9.3 網頁文字的設計原則 237
9.3.1 可讀性 237
9.3.2 藝術化 238
9.4 網頁文字的排版設計 239
9.4.1 文字排版規則 239
9.4.2 文字排版的常用手法 241
9.5 根據內容決定布局 242
9.5.1 左側的頁面布局 242
9.5.2 水平居中的頁面布局 243
9.5.3 水平和垂直居中的頁面布局 243
9.5.4 滿屏的頁面布局 244
9.6 頁面分割方式 244
9.6.1 橫向分割 244
9.6.2 縱向分割 245
9.6.3 橫向縱向復合分割 245
9.6.4 運用固定區域 246
9.7 頁面布局的連貫性和多樣性 246
9.8 本章小結 247
10.1 制作帥氣的游戲網站 248
10.1.1 行業分類 248
10.1.2 色彩分析 248
10.1.3 版式分析 248
實例51+視頻：帥氣游戲網站——導航 249
實例52+視頻：帥氣游戲網站——Logo 251
實例53+視頻：帥氣游戲網站——主體 253
實例54+視頻：帥氣游戲網站——切圖 257
10.2 制作華麗的游戲網站 259
10.2.1 行業分類 259
10.2.2 色彩分析 259
10.2.3 版式分析 260
實例55+視頻：華麗游戲網站——
背景與導航 260
實例56+視頻：華麗游戲網站——
內容與裝飾 265
實例57+視頻：華麗游戲網站——
切圖 272
10.3 制作魔幻的游戲網站 273
10.3.1 行業分類 274
10.3.2 色彩分析 274
10.3.3 版式分析 274
實例58+視頻：魔幻游戲網站——背景與框架 274
實例59+視頻：魔幻游戲網站——導航與主體 278
實例60+視頻：魔幻游戲網站——切圖 284
10.4 本章小結 287
11.1 制作兒童類網站 288
11.1.1 行業分類 288
11.1.2 色彩分析 288
11.1.3 版式分析 288
實例61+視頻：兒童類網站——背景和導航 289
實例62+視頻：兒童類網站——主體和Logo 291
實例63+視頻：兒童類網站——切圖 295
11.2 制作大氣專業的汽車網站 298
11.2.1 行業分類 298
11.2.2 色彩分析 298
11.2.3 版式分析 298
實例64+視頻：大氣專業的汽車網站——導航與主體 299
實例65+視頻：大氣專業的汽車網站——版底與Logo 303
實例66+視頻：大氣專業的汽車網站——切圖 306
11.3 制作電子產品網站 308
11.3.1 行業分類 308
11.3.2 色彩分析 309
11.3.3 版式分析 309
實例67+視頻：電子產品網站——導航與背景 309
實例68+視頻：電子產品網站——Banner 312
實例69+視頻：電子產品網站——主體和版底 315
實例70+視頻：電子產品網站——切圖 317
11.4 本章小結 319
|
| 序： |
