Illustrator平面設(shè)計(jì)應(yīng)用教程（第2版）（Illustrator 2020）課件項(xiàng)目14 Banner 設(shè)計(jì)

項(xiàng)目引入：Banner是幫助提高品牌轉(zhuǎn)化的重要表現(xiàn)形式，直接影響到用戶是否購(gòu)買產(chǎn)品或參加活動(dòng)，因此Banner設(shè)計(jì)對(duì)于產(chǎn)品及UI乃至運(yùn)營(yíng)至關(guān)重要。本項(xiàng)目以多種題材的Banner廣告為例，講解Banner廣告的設(shè)計(jì)方法和制作技巧。項(xiàng)目14Banner

設(shè)計(jì)項(xiàng)目目標(biāo)了解Banner的概念。掌握Banner的設(shè)計(jì)風(fēng)格和版式構(gòu)圖。技能目標(biāo)掌握“美妝類App主頁(yè)Banner”的制作方法。掌握“箱包類App主頁(yè)Banner”的制作方法。素質(zhì)目標(biāo)培養(yǎng)對(duì)Banner的設(shè)計(jì)創(chuàng)意能力。培養(yǎng)對(duì)Banner的審美與鑒賞能力。相關(guān)知識(shí)——Banner設(shè)計(jì)概述Banner的概念Banner的設(shè)計(jì)風(fēng)格Banner的版式構(gòu)圖

1．Banner的概念Banner是網(wǎng)絡(luò)廣告最常用的形式，用來(lái)宣傳展示相關(guān)活動(dòng)或產(chǎn)品，提高品牌轉(zhuǎn)化。常用于Web界面、App界面或戶外展示等。2．Banner的設(shè)計(jì)風(fēng)格Banner的設(shè)計(jì)表現(xiàn)風(fēng)格豐富多樣，有中國(guó)風(fēng)格、極簡(jiǎn)風(fēng)格、插畫風(fēng)格、寫實(shí)風(fēng)格、2.5D風(fēng)格、三維風(fēng)格等。3．Banner的版式構(gòu)圖Banner的版式構(gòu)圖比較豐富，常用的有左右構(gòu)圖、上下構(gòu)圖、左中右構(gòu)圖、上中下構(gòu)圖、對(duì)角線構(gòu)圖、十字形構(gòu)圖和包圍形構(gòu)圖。相關(guān)知識(shí)——Banner設(shè)計(jì)概述任務(wù)14.1制美妝類App主頁(yè)Banner任務(wù)分析任務(wù)效果任務(wù)制作14.1.1任務(wù)分析本任務(wù)將使用“矩形”工具、“不透明度”選項(xiàng)制作半透明效果；使用“文字”工具、“字符”面板添加宣傳性文字；使用“字形”命令插入字形；使用“圓角矩形”工具、“直線段”工具繪制裝飾圖形。14.1.2任務(wù)效果制作Banner底圖添加產(chǎn)品介紹文字

最終效果任務(wù)14.2制作箱包類App主頁(yè)Banner任務(wù)分析任務(wù)效果任務(wù)制作14.2.1任務(wù)分析本任務(wù)將使用“文字”工具、“字符”面板添加標(biāo)題文字；使用“創(chuàng)建輪廓”命令、“直接選擇”工具、“刪除錨點(diǎn)”工具和“邊角”選項(xiàng)編輯標(biāo)題文字；使用“圓角矩形”工具、“文字”工具和填充工具繪制GO按鈕。14.2.2任務(wù)效果置入Banner底圖添加并編輯標(biāo)題文字最終效果項(xiàng)目實(shí)踐1—制作電商類App主頁(yè)Banner使用“文字”工具、“字符”面板、“傾斜”工具添加并編輯主題文字；使用“投影”命令為文字添加陰影效果。效果圖項(xiàng)目實(shí)踐2——制作生活家具類網(wǎng)站Banner使用“文字”工具添加宣傳性文字；使用“偏移路徑”命令添加文字描邊；使用“圓角矩形”工具、“投影”命令制作“查看詳情”按鈕。效果圖課后習(xí)題1——制作時(shí)尚女鞋網(wǎng)頁(yè)Banner使用“置入”命令添加背景圖片；使用“文字”工具、“字符”面板添加宣傳文字；使用“直線段”工具繪制裝飾線條；使用“圓角矩形”工具、“貼在后面”命令、“混合”工具和“文字”工具制作“點(diǎn)擊查看”按鈕。效果