注重實(shí)用技能培養(yǎng)——打造“互聯(lián)網(wǎng)+”UI設(shè)計(jì)師 突出創(chuàng)意設(shè)計(jì)訓(xùn)練——授人以漁而不只是作品臨摹

真實(shí)商業(yè)項(xiàng)目驅(qū)動(dòng)——行業(yè)知識(shí)與專業(yè)設(shè)計(jì)相呼應(yīng) 學(xué)習(xí)體驗(yàn)時(shí)尚前衛(wèi)——傳統(tǒng)教材與二維碼革命性攜手

隨著移動(dòng)互聯(lián)技術(shù)的飛速發(fā)展，“互聯(lián)網(wǎng)+”時(shí)代已經(jīng)悄然到來，這自然催生了各行業(yè)、企業(yè)對(duì)UI設(shè)計(jì)人才的大量需求。與傳統(tǒng)美工、設(shè)計(jì)人員相比，新“互聯(lián)網(wǎng)+”時(shí)代對(duì)UI設(shè)計(jì)師提出了更高的要求，傳統(tǒng)美工、設(shè)計(jì)人員已無法勝任。在這樣的大環(huán)境下，這套“互聯(lián)網(wǎng)UI設(shè)計(jì)師”系列教材應(yīng)運(yùn)而生，它旨在幫助讀者朋友快速成長(zhǎng)為符合“互聯(lián)網(wǎng)+”時(shí)代企業(yè)需求的優(yōu)秀UI設(shè)計(jì)師。

這套教材是由課工場(chǎng)（kgc.cn）的UI/UE教研團(tuán)隊(duì)研發(fā)的。課工場(chǎng)是北大青鳥集團(tuán)下屬企業(yè)北京課工場(chǎng)教育科技有限公司推出的互聯(lián)網(wǎng)教育平臺(tái)，專注于互聯(lián)網(wǎng)企業(yè)各崗位人才的培養(yǎng)。平臺(tái)匯聚了數(shù)百位來自知名培訓(xùn)機(jī)構(gòu)、高校的頂級(jí)名師和互聯(lián)網(wǎng)企業(yè)的行業(yè)專家，面向大學(xué)生以及需要“充電”的在職人員，針對(duì)與互聯(lián)網(wǎng)相關(guān)的產(chǎn)品、設(shè)計(jì)、開發(fā)、運(yùn)維、推廣和運(yùn)營(yíng)等崗位，提供在線的直播和錄播課程，并通過遍及全國(guó)的幾十家線下服務(wù)中心提供現(xiàn)場(chǎng)面授以及多種形式的教學(xué)服務(wù)，且同步研發(fā)出版最新的課程教材。

課工場(chǎng)為培養(yǎng)互聯(lián)網(wǎng)UI設(shè)計(jì)人才設(shè)立了UI/UE設(shè)計(jì)學(xué)院及線下服務(wù)中心，提供各種學(xué)習(xí)資源和支持，包括：

　現(xiàn)場(chǎng)面授課程

　在線直播課程

　錄播視頻課程

　案例素材下載

　學(xué)習(xí)交流社區(qū)

　作業(yè)提交批改系統(tǒng)

　QQ討論組（技術(shù)、就業(yè)、生活）

以上所有資源請(qǐng)?jiān)L問課工場(chǎng)UI/UE學(xué)院：kgc.cn/uiue。

■ 本套教材特點(diǎn)

（1）課程高端、實(shí)用——拒絕培養(yǎng)傳統(tǒng)美工。

　培養(yǎng)符合“互聯(lián)網(wǎng)+”時(shí)代需求的高端UI設(shè)計(jì)人才，包括移動(dòng)UI設(shè)計(jì)師、網(wǎng)頁(yè)UI設(shè)計(jì)師、平面UI設(shè)計(jì)師。

　除UI設(shè)計(jì)師所必須具備的技能外，本課程還涵蓋網(wǎng)絡(luò)營(yíng)銷推廣內(nèi)容，包括：網(wǎng)絡(luò)營(yíng)銷基本常識(shí)、符合SEO標(biāo)準(zhǔn)的網(wǎng)站設(shè)計(jì)、Landing Page設(shè)計(jì)優(yōu)化、營(yíng)銷型企業(yè)網(wǎng)站設(shè)計(jì)等。

　注重培養(yǎng)產(chǎn)品意識(shí)和用戶體驗(yàn)意識(shí)，包括電商網(wǎng)站設(shè)計(jì)、店鋪設(shè)計(jì)、用戶體驗(yàn)、交互設(shè)計(jì)等。

　學(xué)習(xí)W3C相關(guān)標(biāo)準(zhǔn)和設(shè)計(jì)規(guī)范，包括HTML5/CSS3、移動(dòng)端Android/iOS相關(guān)設(shè)計(jì)規(guī)范等內(nèi)容。

（2）真實(shí)商業(yè)項(xiàng)目驅(qū)動(dòng)——行業(yè)知識(shí)、專業(yè)設(shè)計(jì)一個(gè)也不能少。

　與知名4A公司合作，設(shè)計(jì)開發(fā)項(xiàng)目課程。

　幾十個(gè)實(shí)訓(xùn)項(xiàng)目，涵蓋電商、金融、教育、旅游、游戲等行業(yè)。

　不僅注重商業(yè)項(xiàng)目實(shí)訓(xùn)的流程和規(guī)范，還傳遞行業(yè)知識(shí)和業(yè)務(wù)需求。

（3）更時(shí)尚的二維碼學(xué)習(xí)體驗(yàn)——傳統(tǒng)紙質(zhì)教材學(xué)習(xí)方式的革命。

　每章提供二維碼掃描，可以直接觀看相關(guān)視頻講解和案例效果。

　課工場(chǎng)UI/UE學(xué)院（kgc.cn）開辟教材配套版塊，提供素材下載、學(xué)習(xí)社區(qū)等豐富的在線學(xué)習(xí)資源。

■ 讀者對(duì)象

（1）初學(xué)者：本套教材將幫助你快速進(jìn)入互聯(lián)網(wǎng)UI設(shè)計(jì)行業(yè)，從零開始，逐步成長(zhǎng)為專業(yè)UI設(shè)計(jì)師。

（2）設(shè)計(jì)師：本套教材將帶你進(jìn)行全面、系統(tǒng)的互聯(lián)網(wǎng)UI設(shè)計(jì)學(xué)習(xí)，傳遞最全面、科學(xué)的設(shè)計(jì)理論，提供實(shí)用的設(shè)計(jì)技巧和項(xiàng)目經(jīng)驗(yàn)，幫助你向互聯(lián)網(wǎng)方向迅速轉(zhuǎn)型，拓寬設(shè)計(jì)業(yè)務(wù)范圍。

課工場(chǎng)出品（kgc.cn）

第1章 基礎(chǔ)知識(shí)
本章簡(jiǎn)介 2
理論講解 2
1.1 轉(zhuǎn)換色彩模式給紫藤女孩變色 2
1.1.1 Photoshop 軟件介紹 3
1.1.2 圖片文件的格式 5
1.1.3 色彩模式介紹 6
1.1.4 實(shí)現(xiàn)案例——轉(zhuǎn)換色彩模式給紫藤女孩變色 7
1.2  使用輔助工具制作彩旗圖案 9
1.2.1 Photoshop操作面板 9
1.2.2 Photoshop圖像文件的基本操作 14
1.2.3 保存為適合網(wǎng)頁(yè)使 用的格式 17
1.2.4 使用輔助工具制作彩旗圖案 18
實(shí)戰(zhàn)案例 20
實(shí)戰(zhàn)案例1——面板排排看 20
實(shí)戰(zhàn)案例2——神秘巨石陣 21
實(shí)戰(zhàn)案例3——雪糕圖標(biāo)瘦身記 22
實(shí)戰(zhàn)案例4——給涂鴉墻改變色彩模式 23
本章總結(jié) 25
本章作業(yè) 26
第2章 Photoshop基本操作
本章簡(jiǎn)介 30
理論講解 30
2.1 圖像視圖的調(diào)整 30
2.1.1 “縮放工具”與“抓手工具” 30
2.1.2 使用“縮放工具”和“抓手工具”處理圖像 32
2.1.3 實(shí)現(xiàn)案例——圖像視圖的調(diào)整 34
2.2 使用“裁剪工具”制作美少女圖像 35
2.2.1 畫布與圖像 36
2.2.2 圖像的旋轉(zhuǎn) 38
2.2.3 “裁剪工具” 39
2.2.4 實(shí)現(xiàn)案例——使用“裁剪工具”制作美少女圖像 40
2.3 使用“選區(qū)工具”和“自由變換”等命令制作立方體骰子 41
2.3.1 移動(dòng)工具 42
2.3.2 選區(qū) 42
2.3.3 “自由變換”命令 44
2.3.4 實(shí)現(xiàn)案例——制作立方體骰子（上） 46
實(shí)戰(zhàn)案例 49
實(shí)戰(zhàn)案例1——給奧特曼制作一寸黑白照片 49
實(shí)戰(zhàn)案例2——邪不勝正 50
實(shí)戰(zhàn)案例3——制作立方體骰子（下） 51
本章總結(jié) 52
本章作業(yè) 53
第3章
Photoshop的繪圖工具
本章簡(jiǎn)介 56
理論講解 56
3.1 使用“油漆桶工具”給小丑換裝 56
3.1.1 “油漆桶工具” 57
3.1.2 實(shí)現(xiàn)案例——使用“油漆桶工具”給小丑換裝 57
3.2 使用“漸變工具”給按鈕做美容 58
3.2.1 “漸變工具” 59
3.2.2 實(shí)現(xiàn)案例——使用“漸變工具”給按鈕做美容 61
3.3 使用“畫筆工具”制作超炫光斑壁紙 64
3.3.1 繪畫工具 64
3.3.2 “橡皮擦工具” 66
3.3.3 實(shí)現(xiàn)案例——使用畫筆工具制作超炫光斑壁紙 68
實(shí)戰(zhàn)案例 70
實(shí)戰(zhàn)案例1——繪制悠閑的橘子 70
實(shí)戰(zhàn)案例2——制作日歷精靈 70
實(shí)戰(zhàn)案例3——制作“網(wǎng)頁(yè)設(shè)計(jì)師”大賽宣傳欄 72
本章總結(jié) 74
本章作業(yè) 75
第4章
Photoshop圖像修飾工具
本章簡(jiǎn)介 78
理論講解 78
4.1 使用修飾工具美化照片 78
4.1.1 修飾工具簡(jiǎn)介 79
4.1.2 “仿制圖章工具” 80
4.1.3 “修復(fù)工具” 80
4.1.4 加深/減淡工具組與模糊/銳化工具組 82
4.1.5 實(shí)現(xiàn)案例——使用修飾工具處理照片 85
4.2 使用“紅眼工具”處理圖像 87
4.2.1 “紅眼工具” 88
4.2.2 實(shí)現(xiàn)案例——使用“紅眼工具”處理圖像 88
4.3 修飾工具的綜合運(yùn)用 89
實(shí)戰(zhàn)案例 93
實(shí)戰(zhàn)案例1——“給小狗治病” 93
實(shí)戰(zhàn)案例2——制作 照片“雨過天晴” 94
本章總結(jié) 95
本章作業(yè) 96
第5章
色彩調(diào)整與校正
本章簡(jiǎn)介 100
理論講解 100
5.1 調(diào)整圖像的亮度、對(duì)比度以實(shí)現(xiàn)過度曝光的藝術(shù)效果 100
5.1.1 調(diào)整圖像的亮度、對(duì)比度 101
5.1.2 實(shí)現(xiàn)案例——調(diào)整圖像的亮度、
對(duì)比度以實(shí)現(xiàn)過度曝光的藝術(shù)效果 107
5.2 使用“色彩平衡”命令實(shí)現(xiàn)黃昏變黎明 111
5.2.1 “色彩平衡”命令 111
5.2.2 實(shí)現(xiàn)案例——使用“色彩平衡”
命令實(shí)現(xiàn)黃昏變黎明 113
5.3 使用“色相/飽和度”命令調(diào)整偏色圖片 117
5.3.1 “色相/飽和度”命令 117
5.3.2 實(shí)現(xiàn)案例——使用“色相/飽和度”
命令調(diào)整偏色圖片 120
實(shí)戰(zhàn)案例 122
實(shí)戰(zhàn)案例1——懷舊效果 122
實(shí)戰(zhàn)案例2——豐富“海浪”照片色彩 123
實(shí)戰(zhàn)案例3——給“菊花”照片調(diào)色 124
本章總結(jié) 125
本章作業(yè) 126
第6章
圖層與蒙版
本章簡(jiǎn)介 130
理論講解 130
6.1 應(yīng)用圖層變幻魔術(shù)撲克牌 130
6.1.1 圖層簡(jiǎn)介 131
6.1.2 圖層的作用 134
6.1.3 圖層的對(duì)齊與分布 135
6.1.4 圖層樣式 137
6.1.5 實(shí)現(xiàn)案例——應(yīng)用圖層變幻魔術(shù)撲克牌 137
6.2 應(yīng)用圖層的混合模式給美女換裝 139
6.2.1 圖層混合模式簡(jiǎn)介 140
6.2.2 混合模式的效果 140
6.2.3 實(shí)現(xiàn)案例——應(yīng)用圖層的混合模式給美女換裝 143
6.3 使用圖層蒙版實(shí)現(xiàn)夢(mèng)里那片向日葵 144
6.3.1 圖層蒙版簡(jiǎn)介 145
6.3.2 實(shí)現(xiàn)案例——使用圖層蒙版實(shí)現(xiàn)
夢(mèng)里那片向日葵 146
6.4 使用剪貼蒙版給手機(jī)換壁紙 147
6.4.1 剪貼蒙版簡(jiǎn)介 147
6.4.2 實(shí)現(xiàn)案例——使用剪貼蒙版給手機(jī)換壁紙 149
實(shí)戰(zhàn)案例 151
實(shí)戰(zhàn)案例1——閃光的手表 151
實(shí)戰(zhàn)案例2——黃昏的UFO 151
本章總結(jié) 153
本章作業(yè) 154
第7章 文字工具
本章簡(jiǎn)介 158
理論講解 158
7.1 使用文字工具制作立頓奶茶的包裝 158
7.1.1 文字工具 158
7.1.2 文字蒙版工具 163
7.1.3 轉(zhuǎn)換文字圖層 165
7.1.4 實(shí)現(xiàn)案例——使用文字工具制作
立頓奶茶的包裝 165
7.2 使用文字工具制作樓盤廣告 172
7.2.1 “字符”“段落”調(diào)板 173
7.2.2 實(shí)現(xiàn)案例——使用“文字工具”
制作樓盤廣告 176
實(shí)戰(zhàn)案例 183
實(shí)戰(zhàn)案例1——制作形象頁(yè) 183
實(shí)戰(zhàn)案例2——制作化妝品廣告 184
本章總結(jié) 186
本章作業(yè) 187
第8章
路徑、形狀工具與選區(qū)
本章簡(jiǎn)介 192
理論講解 192
8.1 使用鋼筆工具和路徑工具制作合成圖片 192
8.1.1 路徑工具 193
8.1.2 鋼筆工具 194
8.1.3 實(shí)現(xiàn)案例——使用鋼筆工具和路徑工具
制作合成圖片 196
8.2 使用形狀工具制作購(gòu)物流程指示圖 199
8.2.1 “形狀工具” 199
8.2.2 路徑、形狀與選區(qū) 200
8.2.3 實(shí)現(xiàn)案例——使用形狀工具
制作購(gòu)物流程指示圖（上） 202
實(shí)戰(zhàn)案例 206
實(shí)戰(zhàn)案例1——購(gòu)物流程指示圖（下） 206
實(shí)戰(zhàn)案例2——繪制可愛小牛造型 208
本章總結(jié) 211
本章作業(yè) 212
第9章 濾鏡與通道
本章簡(jiǎn)介 216
理論講解 216
9.1 使用濾鏡制作透明彩色特效 216
9.1.1 常用濾鏡組 217
9.1.2 實(shí)現(xiàn)案例——使用濾鏡制作透明彩色特效 233
9.2 使用通道制作幻想海報(bào) 236
9.2.1 通道的原理和應(yīng)用 237
9.2.2 實(shí)現(xiàn)案例——使用通道制作幻想海報(bào) 245
實(shí)戰(zhàn)案例 255
實(shí)戰(zhàn)案例1——魔法水晶球（上） 255
實(shí)戰(zhàn)案例2——魔法水晶球（中） 257
實(shí)戰(zhàn)案例3——魔法水晶球（下） 258
本章總結(jié) 260
本章作業(yè) 261
第10章 圖標(biāo)設(shè)計(jì)
本章簡(jiǎn)介 264
理論講解 264
10.1 設(shè)計(jì)制作漂亮的下載圖標(biāo) 264
10.1.1 初識(shí)Icon 264
10.1.2 實(shí)現(xiàn)案例——設(shè)計(jì)制作漂亮的下載圖標(biāo) 266
10.2 自制收藏夾圖標(biāo) 271
10.2.1 圖標(biāo)的表現(xiàn)形式 271
10.2.2 自制收藏夾圖標(biāo) 272
10.3 自制網(wǎng)絡(luò)文件夾圖標(biāo) 277
10.3.1 圖標(biāo)的設(shè)計(jì)原則 277
10.3.2 自制網(wǎng)絡(luò)文件夾圖標(biāo) 279
實(shí)戰(zhàn)案例 284
實(shí)戰(zhàn)案例1——制作上傳圖標(biāo) 284
實(shí)戰(zhàn)案例2——銀灰色漸變IE瀏覽器圖標(biāo) 284
實(shí)戰(zhàn)案例3——繪制精美的可回收?qǐng)D標(biāo) 285
本章總結(jié) 286
本章作業(yè) 287
第11章 按鈕設(shè)計(jì)
本章簡(jiǎn)介 290
理論講解 290
11.1 設(shè)計(jì)制作Download按鈕 290
11.1.1 按鈕的基本常識(shí) 291
11.1.2 按鈕的表現(xiàn)形式 291
11.1.3 實(shí)現(xiàn)案例——設(shè)計(jì)制作Download按鈕 292
11.2 設(shè)計(jì)制作磨砂金屬按鈕 298
11.2.1 按鈕的設(shè)計(jì)原則 298
11.2.2 設(shè)計(jì)制作磨砂金屬按鈕 299
實(shí)戰(zhàn)案例 304
實(shí)戰(zhàn)案例1——疑問的紅（上） 304
實(shí)戰(zhàn)案例2——疑問的紅（下） 305
本章總結(jié) 307
本章作業(yè) 308
第12章
Logo設(shè)計(jì)
本章簡(jiǎn)介 312
理論講解 312
12.1 制作寶馬汽車Logo 312
12.1.1 Logo的概念特征 313
12.1.2 Logo的格式 314
12.1.3 實(shí)現(xiàn)案例——制作寶馬汽車Logo 314
12.2 制作ATI公司Logo 318
12.2.1 Logo的設(shè)計(jì)原則 319
12.2.2 Logo的表現(xiàn)形式 320
12.2.3 實(shí)現(xiàn)案例——制作ATI公司Logo 321
12.3 優(yōu)秀Logo賞析 327
實(shí)戰(zhàn)案例 329
實(shí)戰(zhàn)案例1——制作中國(guó)銀行Logo 329
實(shí)戰(zhàn)案例2——制作大眾汽車Logo 330
實(shí)戰(zhàn)案例3——DIY制作個(gè)人BLOG Logo 332
本章總結(jié) 335
本章作業(yè) 336
第13章
特效字設(shè)計(jì)
本章簡(jiǎn)介 340
理論講解 340
13.1 天空之城特效字 340
13.1.1 文字常識(shí) 341
13.1.2 特效字的常用表現(xiàn)形式 343
13.1.3 實(shí)現(xiàn)案例——制作天空之城特效字 344
13.2 制作夢(mèng)幻琉璃特效字 347
13.2.1 特效字的設(shè)計(jì)原則 348
13.2.2 實(shí)現(xiàn)案例——制作夢(mèng)幻琉璃特效字 349
實(shí)戰(zhàn)案例 355
實(shí)戰(zhàn)案例1——制作餅干特效字 355
實(shí)戰(zhàn)案例2——制作金屬質(zhì)感文字 357
本章總結(jié) 361
本章作業(yè) 362
第14章
創(chuàng)意的概念
本章簡(jiǎn)介 366
故事背景 366
理論講解 366
14.1 設(shè)計(jì)是什么 366
14.1.1　設(shè)計(jì)的含義 366
14.1.2　設(shè)計(jì)的要素 368
14.1.3　平面設(shè)計(jì)的特征 370
14.2 創(chuàng)意的概念 371
14.2.1　創(chuàng)意的出現(xiàn) 372
14.2.2　創(chuàng)意的含義 373
14.2.3　創(chuàng)意的本質(zhì) 373
14.2.4　思維的概述 374
14.3 創(chuàng)意的特點(diǎn)及要素 376
14.3.1　創(chuàng)意的特點(diǎn) 377
14.3.2　創(chuàng)意三要素 379
14.3.3　缺乏創(chuàng)意的原因 380
實(shí)戰(zhàn)案例 382
實(shí)戰(zhàn)案例1——百變圓形 382
實(shí)戰(zhàn)案例2——?jiǎng)?chuàng)意變臉 383
本章總結(jié) 385
本章作業(yè) 386
第15章
階段項(xiàng)目
本章簡(jiǎn)介 390
故事背景 390
項(xiàng) 目 實(shí) 戰(zhàn) “禁止酒后駕車”宣傳海報(bào)再設(shè)計(jì) 390
15.1 原有案例分析 390
15.2 技術(shù)要點(diǎn) 391
15.3 案例分析 392
15.4 案例制作 396
15.5 案例總結(jié) 400
第16章
項(xiàng)目綜合案例
本章簡(jiǎn)介 402
項(xiàng)目實(shí)戰(zhàn) 402
16.1 制作“艾爾之光”官方網(wǎng)站首頁(yè) 402
16.2 理論概要 404
16.3 技術(shù)要點(diǎn) 410
16.4 思路分析 411
16.5 操作步驟 412
16.6 案例總結(jié) 434

1. 平面設(shè)計(jì)與制作項(xiàng)目化教程 [主編　李晨]
2. Photoshop 平面設(shè)計(jì)（微課版） [主編　趙艷莉]
3. 數(shù)字圖像處理（OpenCV 實(shí)現(xiàn)） [主編 張廣淵]
4. Photoshop圖像處理與制作 [主編 李觀金 林龍健 李春燕]
5. 數(shù)字圖像編輯制作 [張立里 夏麗雯 編著]
6. Photoshop圖像處理案例教程 [張志勇 宋陽(yáng) 唐永林 劉紅梅 ]
7. Photoshop CS6經(jīng)典案例教程 [主編 李滿 王兆龍]
8. 中文版Photoshop CS6圖形圖像處理案例教程 [主編 石利平]
9. 毫無PS痕跡——你的第一本Photoshop書 [趙鵬 著]
10. 圖形圖像處理Photoshop CS教程 [張峰 龔毅]
11. Photoshop CS5中文版模塊教程 [彭德林 明麗宏]
12. Photoshop圖形圖像處理教程 [主編 朱子江 廖曉芳]
13. Photoshop CS5實(shí)訓(xùn)教程 [方奮奇]
14. 圖像處理與平面設(shè)計(jì)必備軟件——Photoshop CS5詳解 [主編 李凱 鄭宏]
15. Photoshop圖像處理案例教程 [主編 邵靜 云正富]