Photoshop+Illustrator平面設(shè)計(jì)實(shí)例教程（第2版 電子活頁(yè)微課版）

第 1 章平面設(shè)計(jì)的基礎(chǔ)知識(shí) 1
1.1　平面設(shè)計(jì)的概念　2
1.2　平面設(shè)計(jì)的應(yīng)用　2
1.2.1　廣告設(shè)計(jì)　2
1.2.2　書籍設(shè)計(jì)　3
1.2.3　期刊設(shè)計(jì)　3
1.2.4　包裝設(shè)計(jì)　4
1.2.5　網(wǎng)頁(yè)設(shè)計(jì)　5
1.2.6　標(biāo)志設(shè)計(jì)　6
1.2.7　VI 設(shè)計(jì)　6
1.2.8　UI 設(shè)計(jì)　7
1.2.9　H5 設(shè)計(jì)　8
1.3　平面設(shè)計(jì)的基本要素　8
1.3.1　圖形　9
1.3.2　文字　9
1.3.3　色彩　9
1.4　平面設(shè)計(jì)的常用軟件　10
1.4.1　Photoshop　10
1.4.2　Illustrator　11
1.4.3　InDesign　11
1.5　平面設(shè)計(jì)的工作流程　12
1.5.1　信息交流　12
1.5.2　調(diào)研分析　12
1.5.3　草稿討論　12
1.5.4　簽訂合同　12
1.5.5　提案討論　12
1.5.6　修改完善　13
1.5.7　驗(yàn)收完成　13
1.5.8　后期制作　13
第　2 章圖形圖像的基礎(chǔ)知識(shí)　14
2.1　位圖和矢量圖　15
2.1.1　位圖　15
2.1.2　矢量圖　15
2.2　分辨率　16
2.2.1　圖像分辨率　16
2.2.2　屏幕分辨率　16
2.2.3　輸出分辨率　16
2.3　顏色模式　17
2.3.1　RGB 模式　17
2.3.2　CMYK 模式　17
2.3.3　灰度模式　18
2.3.4　Lab 模式　19
2.4　文件格式　19
2.4.1　TIF（TIFF）格式　19
2.4.2　PSD 格式　20
2.4.3　AI 格式　20
2.4.4　Indd 和Indb 格式　20
2.4.5　JPEG 格式　20
2.4.6　EPS 格式　20
2.4.7　PNG 格式　20
第3　章圖標(biāo)設(shè)計(jì)　21
3.1　扁平風(fēng)格旅行箱圖標(biāo)設(shè)計(jì)　22
Illustrator　應(yīng)用　22
3.1.1　繪制旅行箱箱體　22
3.1.2　繪制旅行箱滾輪　26
3.2　擬物風(fēng)格時(shí)鐘圖標(biāo)設(shè)計(jì)　29
Photoshop　應(yīng)用　29
3.2.1　繪制時(shí)鐘表盤和指針　29
3.2.2　繪制時(shí)鐘表芯　31
3.3　課后習(xí)題——扁平風(fēng)格家電圖標(biāo)設(shè)計(jì)　34
第4　章標(biāo)志設(shè)計(jì)　35
4.1　速益達(dá)科技標(biāo)志設(shè)計(jì)　36
Illustrator　應(yīng)用　36
4.1.1　制作標(biāo)志　36
Photoshop　應(yīng)用　38
4.1.2　制作標(biāo)志立體效果　38
4.2　課后習(xí)題——伯侖酒店標(biāo)志設(shè)計(jì)　40
第5　章卡片設(shè)計(jì)　41
5.1　產(chǎn)品宣傳卡設(shè)計(jì)　42
Photoshop　應(yīng)用　42
5.1.1　制作背景圖　42
Illustrator　應(yīng)用　46
5.1.2　制作宣傳卡正面　46
5.1.3　制作宣傳卡背面　54
5.2　課后習(xí)題——音樂會(huì)門票設(shè)計(jì)　60
第6　章Banner 設(shè)計(jì)　61
6.1　電商類App 主頁(yè)Banner 設(shè)計(jì)　62
Photoshop　應(yīng)用　62
6.1.1　制作廣告底圖　62
Illustrator　應(yīng)用　66
6.1.2　添加并編輯主題文字　66
6.2　生活家電類App 主頁(yè)Banner設(shè)計(jì)　68
Photoshop　應(yīng)用　69
6.2.1　制作廣告底圖　69
Illustrator　應(yīng)用　70
6.2.2　添加產(chǎn)品名稱和功能介紹　70
6.3　課后習(xí)題——生活家居類網(wǎng)站Banner 設(shè)計(jì)　73
第7　章宣傳單設(shè)計(jì)　75
7.1　家居宣傳單 頁(yè)設(shè)計(jì)　76
Illustrator　應(yīng)用　76
7.1.1　制作折頁(yè)正面　76
7.1.2　制作折頁(yè)內(nèi)頁(yè)　80
Photoshop　應(yīng)用　83
7.1.3　制作折頁(yè)展示效果　83
7.2　課后習(xí)題——食品宣傳單設(shè)計(jì)　86
第8　章廣告設(shè)計(jì)　88
8.1　咖啡廳廣告設(shè)計(jì)　89
Photoshop　應(yīng)用　89
8.1.1　制作背景圖　89
Illustrator　應(yīng)用　91
8.1.2　制作標(biāo)牌圖形　91
8.1.3　添加廣告信息　95
8.2　課后習(xí)題——汽車廣告設(shè)計(jì)　98
第9　章海報(bào)設(shè)計(jì)　100
9.1　店慶海報(bào)設(shè)計(jì)　101
Photoshop　應(yīng)用　101
9.1.1　制作海報(bào)底圖　101
Illustrator　應(yīng)用　104
9.1.2　添加宣傳語　104
9.1.3　添加活動(dòng)詳情　108
9.2　課后習(xí)題——籃球賽海報(bào)設(shè)計(jì)　112
第　10 章書籍設(shè)計(jì)　113
10.1　少兒讀物封面設(shè)計(jì)　114
Illustrator　應(yīng)用　114
10.1.1　制作背景　114
10.1.2　制作封面　118
10.1.3　制作封底和書脊　124
Photoshop　應(yīng)用　126
10.1.4　制作封面立體效果　126
10.2　課后習(xí)題——旅游書籍封面設(shè)計(jì)　130
第　11 章畫冊(cè)設(shè)計(jì)　131
11.1　房地產(chǎn)畫冊(cè)封面設(shè)計(jì)　132
Photoshop　應(yīng)用　132
11.1.1　制作畫冊(cè)封面底圖　132
Illustrator　應(yīng)用　134
11.1.2　制作畫冊(cè)封面和封底　134
11.2　房地產(chǎn)畫冊(cè)內(nèi)頁(yè)1 設(shè)計(jì)　137
Illustrator　應(yīng)用　138
11.2.1　制作公司簡(jiǎn)介　138
11.2.2　制作年增長(zhǎng)圖表　143
11.3　課后習(xí)題——房地產(chǎn)畫冊(cè)內(nèi)頁(yè)2設(shè)計(jì)　146
第　12 章包裝設(shè)計(jì)　148
12.1　蘇打餅干包裝設(shè)計(jì)　149
Illustrator　應(yīng)用　149
12.1.1　繪制包裝平面展開圖　149
12.1.2　制作包裝正面和側(cè)面　155
12.1.3　制作包裝頂面和底面　161
Photoshop　應(yīng)用　163
12.1.4　制作包裝廣告效果　163
12.2　課后習(xí)題——堅(jiān)果食品包裝設(shè)計(jì)　167
第　13 章網(wǎng)頁(yè)設(shè)計(jì)　169
13.1　生活家居類網(wǎng)頁(yè)設(shè)計(jì)　170
Photoshop　應(yīng)用　171
13.1.1　制作Banner 和導(dǎo)航欄　171
13.1.2　制作網(wǎng)頁(yè)內(nèi)容　173
13.1.3　制作底部信息　176
13.2　課后習(xí)題——品茗茶業(yè)網(wǎng)頁(yè)設(shè)計(jì)　177
第　14 章UI 設(shè)計(jì)　179
14.1　食品餐飲類App 首頁(yè)設(shè)計(jì) 180Photoshop 應(yīng)用　180
14.1.1　制作狀態(tài)欄和導(dǎo)航欄　180
14.1.2　制作內(nèi)容區(qū)　183
14.1.3　制作標(biāo)簽欄　185
14.2　食品餐飲類App 收藏頁(yè)設(shè)計(jì)　187
Photoshop　應(yīng)用　188
14.2.1　制作狀態(tài)欄和導(dǎo)航欄　188
14.2.2　制作內(nèi)容區(qū)　190
14.2.3　制作標(biāo)簽欄　193
14.3　課后習(xí)題——食品餐飲類App 購(gòu)物車頁(yè)設(shè)計(jì)　195
第　15 章H5 設(shè)計(jì)　196
15.1　文化傳媒行業(yè)企業(yè)招聘H5 首頁(yè)設(shè)計(jì)　197
Photoshop　應(yīng)用　197
15.1.1　添加并編輯文字　197
15.1.2　添加其他首頁(yè)信息　199
15.2　文化傳媒行業(yè)企業(yè)招聘H5 工作環(huán)境頁(yè)設(shè)計(jì)　201
Photoshop　應(yīng)用　202
15.2.1　制作背景效果　202
15.2.2　制作展示環(huán)境圖片　205
15.3　課后習(xí)題——文化傳媒行業(yè)企業(yè)招聘H5 待遇頁(yè)設(shè)計(jì)　208
第　16 章VI 設(shè)計(jì)　209
16.1　速益達(dá)科技VI 手冊(cè)設(shè)計(jì)　210
Illustrator　應(yīng)用　211
16.1.1　制作模板A　211
16.1.2　制作模板B　212
16.1.3　制作標(biāo)志墨稿　213
16.1.4　制作標(biāo)志反白稿　215
16.1.5　制作標(biāo)志預(yù)留空間與 小比例限定　216
16.1.6　制作企業(yè)全稱中文字體　220
16.1.7　制作企業(yè)全稱英文字體　222
16.1.8　制作企業(yè)標(biāo)準(zhǔn)色　222
16.1.9　制作企業(yè)輔助色系列　225
16.1.10　制作名片　227
16.1.11　制作信紙　232
16.1.12　制作信封　235
16.1.13　制作傳真紙　242
16.1.14　制作員工胸卡　244
16.1.15　制作文件夾　250
16.2　課后習(xí)題——伯侖酒店VI 手冊(cè)設(shè)計(jì)　259