第1章 平面設(shè)計(jì)基礎(chǔ)知識(shí)

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ì)　4

1.2.6　標(biāo)志設(shè)計(jì)　5

1.2.7　VI設(shè)計(jì)　5

1.2.8　UI設(shè)計(jì)　6

1.2.9　H5設(shè)計(jì)　7

1.3　平面設(shè)計(jì)的要素　8

1.3.1　圖形　8

1.3.2　文字　9

1.3.3　色彩　9

1.4　平面設(shè)計(jì)的常用軟件　9

1.4.1　Photoshop　9

1.4.2　Illustrator　10

1.4.3　InDesign　11

1.5　平面設(shè)計(jì)的工作流程　11







第2章　圖形圖像的基礎(chǔ)知識(shí)

2.1　位圖和矢量圖　14

2.1.1　位圖　14

2.1.2　矢量圖　14

2.2　分辨率　15

2.3　色彩模式　15

2.3.1　RGB模式　16

2.3.2　CMYK模式　16

2.3.3　灰度模式　17

2.3.4　Lab模式　18

2.4　文件格式　18



第3章　圖標(biāo)設(shè)計(jì)

3.1　微擬物歌單圖標(biāo)設(shè)計(jì)　21

3.1.1　繪制麥克風(fēng)拾音器　21

3.1.2　繪制麥克風(fēng)開關(guān)按鈕　23

3.2　課堂練習(xí)微擬物相機(jī)圖標(biāo)設(shè)計(jì)　25

3.3　課后習(xí)題扁平化家電圖標(biāo)

設(shè)計(jì)　25



第4章　網(wǎng)頁(yè)界面設(shè)計(jì)

4.1　盛發(fā)游戲標(biāo)志設(shè)計(jì)　27

4.1.1　制作標(biāo)志　27

4.1.2　制作標(biāo)志立體效果　31

4.2　課堂練習(xí)伯侖酒店標(biāo)志設(shè)計(jì)　33

4.3　課后習(xí)題天鴻達(dá)科技標(biāo)志設(shè)計(jì)　33



第5章　卡片設(shè)計(jì)

5.1　音樂(lè)會(huì)門票設(shè)計(jì)　35

5.1.1　制作背景效果　35

5.1.2　添加門票信息　40

5.1.3　制作副券　42

5.2　課堂練習(xí)產(chǎn)品宣傳卡設(shè)計(jì)　46

5.3　課后習(xí)題禮券設(shè)計(jì)　47



第6章　Banner設(shè)計(jì)

6.1　電商類App主頁(yè)Banner設(shè)計(jì)　49

6.1.1　制作Banner底圖　49

6.1.2　添加并編輯主題文字　52

6.2　課堂練習(xí)生活家具類網(wǎng)站Banner設(shè)計(jì)　54

6.3　課后習(xí)題女包類App主頁(yè)Banner設(shè)計(jì)　54



第7章　宣傳單設(shè)計(jì)

7.1　家居宣傳單三折頁(yè)設(shè)計(jì)　56

7.1.1　制作折頁(yè)正面　56

7.1.2　制作折頁(yè)內(nèi)頁(yè)　60

7.1.3　制作折頁(yè)展示效果　63

7.2　課堂練習(xí)鞋類宣傳單設(shè)計(jì)　65

7.3　課后習(xí)題食品宣傳單設(shè)計(jì)　66





第8章　廣告設(shè)計(jì)

8.1　汽車廣告設(shè)計(jì)　68

8.1.1　制作廣告底圖　68

8.1.2　添加廣告信息　72

8.1.3　制作汽車標(biāo)志　75

8.2　課堂練習(xí)咖啡廳廣告設(shè)計(jì)　79

8.3　課后習(xí)題豆?jié){機(jī)廣告設(shè)計(jì)　79





第9章　海報(bào)設(shè)計(jì)

9.1　店慶海報(bào)設(shè)計(jì)　81

9.1.1　制作海報(bào)底圖　81

9.1.2　添加宣傳語(yǔ)　84

9.1.3　添加活動(dòng)詳情　86

9.2　課堂練習(xí)街舞大賽海報(bào)設(shè)計(jì)　91

9.3　課后習(xí)題餐飲海報(bào)設(shè)計(jì)　91



第10章　書籍封面設(shè)計(jì)

10.1　少兒書籍封面設(shè)計(jì)　93

10.1.1　制作背景　93

10.1.2　制作封面　96

10.1.3　制作封底和書脊　102

10.1.4　制作封面立體效果　105

10.2　課堂練習(xí)旅游書籍封面設(shè)計(jì)　108

10.3　課后習(xí)題美食書籍封面

設(shè)計(jì)　108



第11章　畫冊(cè)設(shè)計(jì)　109

11.1　房地產(chǎn)畫冊(cè)封面設(shè)計(jì)　110

11.1.1　制作畫冊(cè)封面底圖　110

11.1.2　制作畫冊(cè)封面和封底　111

11.2　房地產(chǎn)畫冊(cè)內(nèi)頁(yè)1設(shè)計(jì)　114

11.2.1　制作公司簡(jiǎn)介　115

11.2.2　制作年增長(zhǎng)圖表　120

11.3　課堂練習(xí)房地產(chǎn)畫冊(cè)內(nèi)頁(yè)2設(shè)計(jì)　123

11.4　課后習(xí)題房地產(chǎn)畫冊(cè)內(nèi)頁(yè)3設(shè)計(jì)　124



第12章　包裝設(shè)計(jì)

12.1　蘇打餅干包裝設(shè)計(jì)　126

12.1.1　繪制包裝平面展開圖　126

12.1.2　制作產(chǎn)品正面和側(cè)面　131

12.1.3　制作包裝頂面和底面　137

12.1.4　制作包裝廣告效果　140

12.2　課堂練習(xí)藍(lán)莓口香糖包裝設(shè)計(jì)　143

12.3　課后習(xí)題奶粉包裝設(shè)計(jì)　144



第13章　網(wǎng)頁(yè)設(shè)計(jì)

13.1　生活家具類網(wǎng)頁(yè)設(shè)計(jì)　146

13.1.1　制作Banner和導(dǎo)航條　146

13.1.2　制作網(wǎng)頁(yè)內(nèi)容　149

13.1.3　制作底部信息　151

13.2　課堂練習(xí)教育咨詢類網(wǎng)頁(yè)設(shè)計(jì)　153

13.3　課后習(xí)題電商類手機(jī)網(wǎng)頁(yè)設(shè)計(jì)　153



第14章　UI設(shè)計(jì)

14.1　社交類App閃屏頁(yè)設(shè)計(jì)　155

14.1.1　制作頭像框　155

14.1.2　添加其他頭像　157

14.2　社交類App聊天頁(yè)設(shè)計(jì)　159

14.2.1　添加參考線和導(dǎo)航欄內(nèi)容　160

14.2.2　制作內(nèi)容區(qū)和錄音界面　162

14.3　課堂練習(xí)社交類App注冊(cè)頁(yè)設(shè)計(jì)　165

14.4　課后習(xí)題社交類App通知頁(yè)設(shè)計(jì)　166





第15章　H5設(shè)計(jì)

15.1　餐飲行業(yè)營(yíng)銷H5首頁(yè)設(shè)計(jì)　168

15.1.1　制作標(biāo)題和內(nèi)容區(qū)　168

15.1.2　制作代金券　171

15.2　餐飲行業(yè)營(yíng)銷H5抽獎(jiǎng)頁(yè)設(shè)計(jì)　173

15.2.1　制作標(biāo)題和裝飾圖形　174

15.2.2　制作獎(jiǎng)項(xiàng)介紹　175

15.2.3　添加底部信息　178

15.3　課堂練習(xí)餐飲行業(yè)營(yíng)銷H5優(yōu)惠券頁(yè)設(shè)計(jì)　179

15.4　課后習(xí)題餐飲行業(yè)營(yíng)銷H5詳情頁(yè)設(shè)計(jì)　179





第16章　VI設(shè)計(jì)

16.1　盛發(fā)游戲VI手冊(cè)設(shè)計(jì)　181

16.1.1　制作模板A　181

16.1.2　制作模板B　184

16.1.3　制作標(biāo)志制圖　186

16.1.4　制作標(biāo)志組合規(guī)范　189

16.1.5　制作標(biāo)志墨稿與反白應(yīng)用規(guī)范　191

16.1.6　制作標(biāo)準(zhǔn)色　194

16.1.7　制作公司名片　197

16.1.8　制作信紙　200

16.1.9　制作信封　203

16.1.10　制作傳真　209

16.2　課堂練習(xí)伯侖酒店VI手冊(cè)設(shè)計(jì)　211

16.3　課后習(xí)題天鴻達(dá)科技VI手冊(cè)設(shè)計(jì)　212