第四章-網(wǎng)絡(luò)廣告創(chuàng)意設(shè)計(jì)

網(wǎng)絡(luò)廣告創(chuàng)意設(shè)計(jì)第四章

01了解常見的網(wǎng)絡(luò)廣告類型和特點(diǎn)

02掌握設(shè)計(jì)橫幅廣告和主圖廣告的技巧

03能在實(shí)踐中根據(jù)需要設(shè)計(jì)網(wǎng)絡(luò)廣告學(xué)習(xí)目標(biāo)01目錄02

網(wǎng)絡(luò)廣告漫談1

案例一設(shè)計(jì)臺(tái)扇主圖廣告2

案例二設(shè)計(jì)剃須刀主圖廣告3

案例三設(shè)計(jì)化妝品橫幅廣告4

案例四設(shè)計(jì)年終促銷橫幅廣告5網(wǎng)絡(luò)廣告漫談0103網(wǎng)絡(luò)廣告是依托于互聯(lián)網(wǎng)發(fā)布信息的一種廣告形式，具有覆蓋面廣、針對(duì)性強(qiáng)、不受時(shí)間限制、廣告費(fèi)用低、形式多樣、可交互和可精確統(tǒng)計(jì)受眾數(shù)量等優(yōu)勢。橫幅廣告也稱Banner，是網(wǎng)頁中尺幅最大的廣告類型之一。這類廣告通常位于網(wǎng)站的頁首部分，其寬度根據(jù)網(wǎng)站布局而定，一般在520～1920像素之間，內(nèi)容以網(wǎng)站主推的商品或事物為主。一、網(wǎng)絡(luò)廣告的類型04（一）橫幅廣告主圖廣告是指網(wǎng)店商品詳情頁的第一張商品展示圖，用于展示商品的外觀或特點(diǎn)，能起到介紹商品，促成購買的作用。一、網(wǎng)絡(luò)廣告的類型05（二）主圖廣告（三）彈窗廣告彈窗廣告是打開網(wǎng)頁時(shí)以彈窗形式出現(xiàn)的廣告。這類廣告可根據(jù)需要設(shè)置尺寸小型或全屏，優(yōu)點(diǎn)具有很強(qiáng)的廣告效應(yīng)，缺點(diǎn)突然出現(xiàn)會(huì)使瀏覽者產(chǎn)生反感。懸浮廣告一般懸浮在頁面主體內(nèi)容的單側(cè)或兩側(cè)，隨頁面的上下移動(dòng)而移動(dòng)，從而一直停留在訪問者的視覺中。懸浮廣告的具體尺寸可根據(jù)實(shí)際頁面的寬度而定。其優(yōu)點(diǎn)是覆蓋面廣，互動(dòng)性強(qiáng)，受眾群體鮮明，廣告費(fèi)用低，缺點(diǎn)是廣告隨頁面移動(dòng)會(huì)降低訪問者的瀏覽體驗(yàn)。一、網(wǎng)絡(luò)廣告的類型06（四）懸浮廣告二、網(wǎng)絡(luò)廣告的設(shè)計(jì)要點(diǎn)CMYK顏色是基于打印設(shè)備的顏色模式，而RGB顏色是基于顯示設(shè)備的顏色模式，因此在制作網(wǎng)絡(luò)廣告時(shí)，可將廣告文檔的顏色模式設(shè)置為RGB顏色，分辨率設(shè)置為72像素/英寸。另外在輸出時(shí)，可根據(jù)需要將廣告存儲(chǔ)為JPG、PNG或GIF等體積較小的格式。07（一）文檔參數(shù)與輸出格式二、網(wǎng)絡(luò)廣告的設(shè)計(jì)要點(diǎn)網(wǎng)絡(luò)廣告的尺寸各異，但構(gòu)圖形式大致相同，如圖所示。不同的構(gòu)圖形式可產(chǎn)生不同的視覺效果，設(shè)計(jì)師應(yīng)根據(jù)廣告的主題風(fēng)格、產(chǎn)品特點(diǎn)和文案字?jǐn)?shù)等因素，選擇合適的構(gòu)圖形式，使廣告中的各元素相互呼應(yīng)并達(dá)到平衡。08（二）網(wǎng)絡(luò)廣告的構(gòu)圖形式圖文居中式左右對(duì)稱式二、網(wǎng)絡(luò)廣告的設(shè)計(jì)要點(diǎn)09對(duì)角式平鋪式輻射式設(shè)計(jì)臺(tái)扇主圖廣告0210該案例廣告以臺(tái)扇為主體，將文案與臺(tái)扇左右排列，通過室內(nèi)背景的襯托，清楚地展現(xiàn)了臺(tái)扇的形態(tài)、特點(diǎn)和價(jià)格等信息，能有效激發(fā)消費(fèi)者的購買欲望。設(shè)計(jì)思路

首先明確廣告的尺寸、分辨率、作品類型和作品載體。該廣告為主圖廣告，尺寸為800×800像素，分辨率為72像素/英寸，顏色模式為RGB顏色。

其次考慮廣告的風(fēng)格。臺(tái)扇的作用是給人帶來清涼，因此由“清涼”進(jìn)行聯(lián)想，將象征清新、健康的綠色作為廣告的主色，將低飽和度的背景圖像和簡潔的文案進(jìn)行組合。

最后考慮廣告的版面布局。由于產(chǎn)品本身具有向左的方向性，因此可采用左右結(jié)構(gòu)來安排文案和臺(tái)扇圖像。11實(shí)際制作：1.導(dǎo)入“底圖”等素材，搭建場景；2.導(dǎo)入“臺(tái)扇”素材，制作吹風(fēng)效果；3.制作文案，并添加輔助圖形；4.對(duì)圖像進(jìn)行Web優(yōu)化和存儲(chǔ)。案例步驟一、導(dǎo)入素材搭建場景二、制作臺(tái)扇吹風(fēng)效果12掃碼觀看完整步驟案例步驟三、制作文案部分13四、存儲(chǔ)圖像微軟雅黑，Bold，32點(diǎn)和72點(diǎn)，白色設(shè)計(jì)剃須刀主圖廣告0314該案例廣告的構(gòu)圖采用左右結(jié)構(gòu)，將文案在左，剃須刀在右，利用質(zhì)感和顏色使文案與剃須刀形成呼應(yīng)，在深色背景的襯托之下顯得簡潔大氣，從而有效吸引瀏覽者視線。設(shè)計(jì)思路

首先明確廣告的尺寸、分辨率、作品類型和作品載體。該廣告為主圖廣告，其尺寸為800×800像素，分辨率為72像素/英寸，顏色模式為RGB顏色。其次考慮廣告的風(fēng)格。剃須刀是男性用品，其外表的金屬質(zhì)感給人干凈利落、性能強(qiáng)勁的感覺，將廣告背景設(shè)為深色，利用光效和金屬材質(zhì)裝飾剃須刀與標(biāo)題文案，以此突出剃須刀的特點(diǎn)和簡潔大氣的風(fēng)格。15

最后考慮廣告的版面布局。廣告中直立擺放的剃須刀輪廓接近長方形，因此可采用左右結(jié)構(gòu)安排文案和主體圖像。制作時(shí)，可根據(jù)文案內(nèi)容添加輔助圖像以突出關(guān)鍵信息。設(shè)計(jì)思路16導(dǎo)入“底圖”“剃須刀”和“水花”素材，適當(dāng)調(diào)整后，確定主體圖像的位置；通過“橢圓工具”“描邊”“圖層蒙版”等功能為剃須刀制作光環(huán)效果；在剃須刀左側(cè)制作標(biāo)題文案，并添加肌理效果，使其與剃須刀機(jī)身相呼應(yīng)；在標(biāo)題文案下方依次制作特色文案和價(jià)格文案，并調(diào)整字符參數(shù)，添加底色效果。實(shí)際制作案例步驟一、制作剃須刀光環(huán)效果二、制作文案部分17掃碼觀看完整步驟設(shè)計(jì)化妝品橫幅廣告0418該廣告通過大理石和水面將畫面分為兩塊，補(bǔ)水的精華液和精華水化妝品作為主體置于水面之上，暗示產(chǎn)品強(qiáng)大的補(bǔ)水功能；文案置于產(chǎn)品左側(cè)的大理石背景中，使畫面中的信息左右平衡。設(shè)計(jì)思路

首先明確廣告的尺寸、分辨率、作品類型和作品載體。根據(jù)網(wǎng)絡(luò)店鋪中橫幅廣告位的尺寸，在制作時(shí)可設(shè)置其尺寸為1920×800像素，分辨率為72像素/英寸，顏色模式為RGB顏色。

其次確定廣告的風(fēng)格。考慮廣告中的產(chǎn)品是補(bǔ)水化妝品，且消費(fèi)者都希望化妝品是天然和無刺激的，因此通過水波、大理石、綠葉等素材營造出清新、純凈和自然的感覺，以此呼應(yīng)產(chǎn)品特點(diǎn)，貼合消費(fèi)者心理。19

最后考慮廣告的布局。畫面中采用左右布局，將產(chǎn)品與文案進(jìn)行平鋪展示。由于文案內(nèi)容較少，因此將文案集中置于產(chǎn)品右側(cè)，并通過底色形狀適當(dāng)突出標(biāo)題和價(jià)格，使消費(fèi)者在瀏覽廣告時(shí)能輕松抓住廣告的關(guān)鍵信息。案例步驟一、導(dǎo)入素材搭建場景二、制作文案并銳化圖像20掃碼觀看完整步驟先導(dǎo)入“大理石”“綠葉”等素材搭建場景，將畫面分割為左右兩部分制作文案并通過“高反差保留”濾鏡和圖層“混合模式”中的“線性光”模式，提升畫面清晰度設(shè)計(jì)年終促銷橫幅廣告0521該案例以“年終限時(shí)促銷”為主題，通過中國風(fēng)元素和大面積紅色圖像搭建場景，并以四面環(huán)繞的構(gòu)圖方式突出產(chǎn)品和宣傳語，以此吸引消費(fèi)者眼球，突出喜慶的節(jié)日促銷氣氛。設(shè)計(jì)思路設(shè)計(jì)前首先明確廣告的尺寸、分辨率、作品類型和作品載體。根據(jù)店鋪中橫幅廣告位的尺寸，在制作時(shí)可設(shè)置尺寸為1200×540像素，分辨率為72像素/英寸顏色模式為RGB顏色。

其次考慮廣告風(fēng)格。由于廣告主題為年終促銷，為了突出過年時(shí)的喜慶氣氛，因此將紅色作為廣告的主色，結(jié)合中國風(fēng)元素烘托過年的喜慶氣氛和促銷的熱烈場面。22

最后考慮廣告的版面布局。由于廣告中文案內(nèi)容較多，因此將文案集中于畫面中心，適當(dāng)夸張、放大廣告語和關(guān)鍵數(shù)字，并更改它們的顏色，從而突出主要信息，使瀏覽者一目了然。文案制作完，可適當(dāng)傾斜，增加文案動(dòng)感，突出喜慶和熱鬧的氣氛。案例步驟一、導(dǎo)入素材搭建場景23掃碼觀看完