淺談H5廣告課程在高職院校的培育路徑

徐卉

摘要：近年，由html5技術(shù)發(fā)展并衍生，被稱為H5廣告的新媒體廣告形式在我國(guó)尤為盛行。在全國(guó)高職院校中，也作為熱門課程融入在各類專業(yè)課程中。但是由于H5廣告的發(fā)展時(shí)間短、制作平臺(tái)多、涉及技能復(fù)雜等原因，高職院校教師在開課時(shí)間、制作平臺(tái)選擇、課程內(nèi)容設(shè)置和“崗課賽證”融合幾個(gè)方面都沒有相對(duì)完善的分析路徑。本文將結(jié)合浙江金融職業(yè)學(xué)院廣告藝術(shù)設(shè)計(jì)專業(yè)的實(shí)踐案例，從這幾個(gè)方面探討H5廣告課程在高職院校的培育路徑，提供一定應(yīng)用價(jià)值。

關(guān)鍵詞：H5廣告;新媒體;培育路徑;高職教育

一、H5廣告概述

H5廣告在我國(guó)主要指基于html5編碼技術(shù)的一種新媒體廣告形式，泛指在網(wǎng)絡(luò)社交媒體中帶有聲效、特效和互動(dòng)體驗(yàn)的網(wǎng)頁，主要在手機(jī)和電腦端進(jìn)行展示和傳播，類型主要有場(chǎng)景類、測(cè)試類、展示類、視頻類等[1]。H5廣告處在快速發(fā)展階段，擁有互動(dòng)形式多樣、傳播速度快、投入成本底等優(yōu)勢(shì)，各大知名企業(yè)不乏使用H5廣告進(jìn)行了有效的品牌宣傳，典型的案例如2018年風(fēng)靡朋友圈的草莓音樂節(jié)《創(chuàng)造“我”的草莓音樂節(jié)》H5廣告和支付寶年終盤點(diǎn)類H5《十年生活賬本》等。這些案例充分運(yùn)用了H5廣告的個(gè)性化、多感官、多向傳播等特點(diǎn)，實(shí)現(xiàn)了用戶自主的進(jìn)行分享行為。愉悅的廣告體驗(yàn)，也實(shí)現(xiàn)了H5廣告病毒式的傳播，有效建立品牌形象和影響力。

二、H5廣告的市場(chǎng)與高職院校培養(yǎng)情況

在市場(chǎng)應(yīng)用中，H5廣告不僅支持品牌或活動(dòng)的宣傳，在功能和應(yīng)用主體上也有很多樣的形式，如一些平臺(tái)推出的定制電子請(qǐng)?zhí)⒈韱问占?wù)等，實(shí)質(zhì)上都是基于H5廣告的衍生品。目前，國(guó)內(nèi)擁有多個(gè)成熟的H5廣告制作平臺(tái)，如易企秀、木疙瘩、意派、MAKA等。這些平臺(tái)的發(fā)展讓沒有代碼基礎(chǔ)和設(shè)計(jì)基礎(chǔ)的人也可以快速獲得基本的H5廣告制作能力。因此，近年來企業(yè)不僅只有設(shè)計(jì)師和程序員會(huì)參與到H5廣告設(shè)計(jì)制作的過程，運(yùn)營(yíng)、策劃等行業(yè)也需要擁有一定的H5廣告制作能力。

在高職院校中，不僅在教學(xué)工具上越來越提倡數(shù)字化和信息化，在教學(xué)內(nèi)容上也需跟緊時(shí)代的潮流，越來越多高職院校將H5廣告內(nèi)容融入各類學(xué)科的課程中。以浙江金融職業(yè)學(xué)院為例，不僅在廣告、設(shè)計(jì)、編程相關(guān)專業(yè)課程中融入了H5廣告的內(nèi)容，在一些需要擁有運(yùn)營(yíng)策劃等能力的專業(yè)也設(shè)置了相關(guān)內(nèi)容的教學(xué)，如電子商務(wù)、市場(chǎng)營(yíng)銷、文秘等專業(yè)開設(shè)的《新媒體寫作與運(yùn)營(yíng)》課程，工商管理、房地產(chǎn)管理等專業(yè)開設(shè)的《新媒體營(yíng)銷》課程等。

H5廣告課程培育思路

藝術(shù)設(shè)計(jì)類專業(yè)和其他專業(yè)在H5廣告設(shè)計(jì)制作技能的要求和側(cè)重方向上有所不同，藝術(shù)設(shè)計(jì)類更側(cè)重創(chuàng)意和視覺表達(dá)，其他專業(yè)在H5廣告的教學(xué)上更加側(cè)重平臺(tái)的操作技能和營(yíng)銷場(chǎng)景的運(yùn)用實(shí)踐。因此，不同專業(yè)的課程開設(shè)安排、軟件平臺(tái)的選擇、課程內(nèi)容的設(shè)置、實(shí)踐內(nèi)容的結(jié)合都應(yīng)有各專業(yè)方向的針對(duì)性。

1.H5廣告課程開設(shè)安排

（1）藝術(shù)設(shè)計(jì)類專業(yè)

設(shè)計(jì)和制作原創(chuàng)性的H5廣告對(duì)學(xué)生綜合能力要求較高，學(xué)生不僅需要構(gòu)思創(chuàng)意、完成頁面原型設(shè)計(jì)和交互設(shè)計(jì)、完成頁面視覺設(shè)計(jì)和制作、制作動(dòng)畫，還需要學(xué)習(xí)H5制作平臺(tái)的軟件操作或代碼的編寫，了解代碼邏輯，學(xué)習(xí)利用軟件如何將交互和功能實(shí)現(xiàn)。因此，藝術(shù)設(shè)計(jì)類專業(yè)開展H5廣告的設(shè)計(jì)和制作的課程前提是需要學(xué)生已具有一定的交互和設(shè)計(jì)基礎(chǔ)，建議學(xué)生在了解基礎(chǔ)交互設(shè)計(jì)原理，了解界面交互基本知識(shí)，具有一定的美學(xué)基礎(chǔ)，并熟練使用設(shè)計(jì)工具，具有能夠?qū)⒆约旱膭?chuàng)意用軟件轉(zhuǎn)化成視覺元素的能力后開設(shè)此課程，以達(dá)到更好的教學(xué)效果。鑒于此，藝術(shù)設(shè)計(jì)類專業(yè)應(yīng)將H5廣告內(nèi)容的課程設(shè)置在較靠后的教學(xué)環(huán)節(jié)或?qū)W期。

以浙江金融職業(yè)學(xué)院廣告藝術(shù)設(shè)計(jì)專業(yè)2019級(jí)為例，H5廣告的內(nèi)容開設(shè)在廣告藝術(shù)設(shè)計(jì)專業(yè)大二的下學(xué)期《網(wǎng)頁動(dòng)態(tài)設(shè)計(jì)制作》課程中。學(xué)生在經(jīng)歷了大一的藝術(shù)設(shè)計(jì)基礎(chǔ)課程，學(xué)習(xí)了廣告創(chuàng)意、設(shè)計(jì)構(gòu)成、色彩構(gòu)成等專業(yè)基礎(chǔ)知識(shí)，以及大二上學(xué)期的專業(yè)技能學(xué)習(xí)，并能熟練使用如AI、PS等設(shè)計(jì)軟件之后，在擁有一定的創(chuàng)意能力、設(shè)計(jì)思維、編排知識(shí)、交互原理和動(dòng)手能力的前提下，將H5廣告設(shè)計(jì)的內(nèi)容作為一門綜合課程，結(jié)合H5廣告平臺(tái)軟件操作的教學(xué)，貫通課程，達(dá)到更好的教學(xué)效果。

（2）其他專業(yè)

其他專業(yè)如電子商務(wù)、市場(chǎng)營(yíng)銷、文秘這類專業(yè)教學(xué)內(nèi)容側(cè)重方向主要在新媒體廣告形式和功能的了解，以及H5廣告平臺(tái)的基礎(chǔ)操作和快速使用，往往作為一門課的一個(gè)章節(jié)在課程中呈現(xiàn)。因此，在這類專業(yè)的課程設(shè)置時(shí)沒有藝術(shù)設(shè)計(jì)類那樣需要考慮太多課程的連貫性，更多的是在專業(yè)知識(shí)和技能需求的基礎(chǔ)上學(xué)習(xí)融媒體時(shí)代中H5廣告這種新媒體的基礎(chǔ)應(yīng)用。

H5廣告課程平臺(tái)和軟件的選擇

H5廣告的制作平臺(tái)眾多，主要可以分為模板應(yīng)用型平臺(tái)、功能引擎型平臺(tái)、可視化編輯工具型平臺(tái)[3]。模板應(yīng)用型平臺(tái)指的是如易企秀、MAKA等這類，主打提供優(yōu)質(zhì)大量的H5廣告模板，用戶可通過文字、圖片、視頻等素材替換，利用模板快速制作H5廣告并傳播。功能引擎型平臺(tái)主要應(yīng)用在游戲類H5廣告，引擎相當(dāng)于一套可編輯的源碼系統(tǒng)，能讓開發(fā)者在現(xiàn)成框架內(nèi)快速創(chuàng)建項(xiàng)目，國(guó)內(nèi)知名的平臺(tái)如白鷺引擎。這類平臺(tái)需要用戶有代碼基礎(chǔ)，因此在高校中的計(jì)算機(jī)、編程類專業(yè)才有應(yīng)用?？梢暬庉嫻ぞ咝推脚_(tái)則是提供制作H5廣告的可視化編輯工具。國(guó)內(nèi)此類平臺(tái)如iH5，采用自主研發(fā)的閉源引擎，應(yīng)用領(lǐng)域較模板應(yīng)用型平臺(tái)更廣，涵蓋各類營(yíng)銷、直播應(yīng)用、電商應(yīng)用、視頻、動(dòng)畫、游戲、展示等方面。

近年來，一些平臺(tái)將模板應(yīng)用和可視化編功能逐漸相互覆蓋，形成提供功能模板又具有可視化編輯工具的平臺(tái)，如意派、木疙瘩等。這類平臺(tái)打破模板應(yīng)用型平臺(tái)的元素替換思維，可以自主的進(jìn)行H5廣告的創(chuàng)意實(shí)現(xiàn)。同時(shí)相比iH5這類可視化編輯工具型平臺(tái)的來說功能的復(fù)雜度也有所降低，更加適合設(shè)計(jì)藝術(shù)類學(xué)生入門學(xué)習(xí)，作為H5廣告創(chuàng)作的實(shí)現(xiàn)工具。

新媒體、融媒體相關(guān)課程中，授課對(duì)象多為營(yíng)銷、管理類專業(yè)學(xué)生，在課程中H5廣告內(nèi)容的側(cè)重方向是了解如何快捷使用H5廣告平臺(tái)工具去創(chuàng)建一些營(yíng)銷活動(dòng)、廣告頁面或表單收集功能，模板應(yīng)用型平臺(tái)就更加適合作為這類專業(yè)課程的教學(xué)工具。根據(jù)易企秀2019年的用戶使用報(bào)告顯示，易企秀的用戶排名前三的用戶職業(yè)為品牌市場(chǎng)（30.3%）、人力資源（12.5%）、個(gè)體商戶（11.5%），藝術(shù)設(shè)計(jì)從業(yè)者和程序員用戶甚至不到10%，由此可見易企秀、MAKA這類模板應(yīng)用型平臺(tái)的需求主體，也映證了這類H5廣告制作平臺(tái)與營(yíng)銷、管理類專業(yè)學(xué)生的行業(yè)技能需求匹配性較高。

3.H5廣告課程內(nèi)容設(shè)置

高職院校目標(biāo)培養(yǎng)高技能應(yīng)用性人才，在課程內(nèi)容的設(shè)計(jì)上也更加注重專業(yè)方向上的理實(shí)結(jié)合和職業(yè)技能培養(yǎng)[2]。藝術(shù)設(shè)計(jì)類專業(yè)的H5廣告課程內(nèi)容設(shè)置更多關(guān)注學(xué)生的廣告創(chuàng)意策劃、視覺表達(dá)和H5廣告制作技能。以浙江金融職業(yè)學(xué)院廣告藝術(shù)設(shè)計(jì)專業(yè)為例，專業(yè)核心課程《網(wǎng)頁動(dòng)態(tài)設(shè)計(jì)制作》目標(biāo)培養(yǎng)學(xué)生的綜合設(shè)計(jì)能力和H5廣告平臺(tái)工具的應(yīng)用能力。課程依據(jù)廣告、設(shè)計(jì)相關(guān)崗位工作場(chǎng)景，提煉教學(xué)內(nèi)容。銜接課程《UI設(shè)計(jì)》之后，主要講授網(wǎng)頁和H5廣告的概念、H5廣告中的交互形式、H5廣告策劃與認(rèn)知、H5廣告平臺(tái)工具的操作教學(xué)等環(huán)節(jié)。培養(yǎng)學(xué)生認(rèn)知、形式、創(chuàng)意策劃、設(shè)計(jì)制作全流程的技能，采用混合式教學(xué)模式，實(shí)現(xiàn)學(xué)生由易入難、累積成果、不斷進(jìn)階的綜合廣告設(shè)計(jì)能力提升。在整個(gè)教學(xué)過程中突出學(xué)生主體地位，強(qiáng)化創(chuàng)意策劃、設(shè)計(jì)制作、交互實(shí)現(xiàn)的實(shí)戰(zhàn)訓(xùn)練，注重創(chuàng)意方法和風(fēng)格表達(dá)的歸納，培育創(chuàng)新創(chuàng)造、精益求精的工匠精神，融合結(jié)合融媒體內(nèi)容制作1+X證書中所需的職業(yè)技能教學(xué)，融通設(shè)計(jì)競(jìng)賽或企業(yè)項(xiàng)目，以此達(dá)成有效提升廣告設(shè)計(jì)制作能力的教學(xué)目標(biāo)。

其他專業(yè)則更加關(guān)注H5廣告在平臺(tái)工具上的功能實(shí)現(xiàn)，因此在課程的內(nèi)容設(shè)置中偏向新媒體內(nèi)容的接軌和企業(yè)應(yīng)用場(chǎng)景中的仿真項(xiàng)目的模擬，對(duì)一些功能和操作進(jìn)行練習(xí)。如仿真項(xiàng)目?jī)?nèi)容為：為某企業(yè)制作一個(gè)宣傳廣告，并加入表單收集用戶信息的功能，學(xué)生只需在H5平臺(tái)中選擇相應(yīng)的模板，運(yùn)用文字和素材替換等一系列功能，即可完成次項(xiàng)目功能的制作和技能的要求。

3.H5廣告課程的“崗課賽證”融合

“崗課賽證”改革主要融合課程學(xué)習(xí)、崗位能力、技能競(jìng)賽、1+X證書四個(gè)方面，能夠?qū)5廣告課程的內(nèi)容校企融通并給教學(xué)效果賦能。

高職院校中藝術(shù)設(shè)計(jì)類專業(yè)的H5廣告課程可以結(jié)合“融媒體內(nèi)容制作1+X證書”的知識(shí)技能要求，以證書評(píng)價(jià)課程學(xué)習(xí)?！叭诿襟w內(nèi)容制作1+X證書”是基于“木疙瘩”平臺(tái)的H5廣告制作相關(guān)證書，分為三個(gè)級(jí)別（初級(jí)、中級(jí)、高級(jí)），制定課程成績(jī)與考證情況或畢業(yè)要求掛鉤等一系列制度，可以一定程度上提升學(xué)生對(duì)課程學(xué)習(xí)的重視程度和學(xué)習(xí)效率。

同時(shí)，將技能競(jìng)賽或設(shè)計(jì)競(jìng)賽融入課程項(xiàng)目，以賽促練、以賽促學(xué)，提升課程教學(xué)水平和實(shí)現(xiàn)職教課堂的“提質(zhì)培優(yōu)、增值賦能”的效果。以浙江金融職業(yè)學(xué)院廣告藝術(shù)設(shè)計(jì)專業(yè)為例，課程開設(shè)時(shí)段考慮了與設(shè)計(jì)大賽的開展時(shí)間重疊性，選擇了一些綜合性的大型競(jìng)賽如大學(xué)生廣告藝術(shù)大賽這類有H5廣告設(shè)計(jì)競(jìng)賽專項(xiàng)的比賽，作為實(shí)踐項(xiàng)目讓學(xué)生提高實(shí)踐設(shè)計(jì)能力和制作水準(zhǔn)。除此之外，在教學(xué)過程中以項(xiàng)目制教學(xué)，或帶入企業(yè)仿真項(xiàng)目，讓學(xué)生學(xué)習(xí)的內(nèi)容和市場(chǎng)需求和行業(yè)標(biāo)準(zhǔn)接軌。

除此之外，在課程結(jié)束時(shí)可舉辦課程成果展覽。H5廣告這類的課程成果可用新媒體工具和平臺(tái)進(jìn)行線上展覽，促進(jìn)學(xué)生相互學(xué)習(xí)和交流，強(qiáng)化學(xué)生制作真實(shí)項(xiàng)目后的獲得感和技能自信。

四、結(jié)語

H5廣告在傳播過程中雖有一定局限性，主要通過微信和用戶的自發(fā)傳播達(dá)到廣告效果。但是H5廣告內(nèi)容的教學(xué)遠(yuǎn)遠(yuǎn)不只是學(xué)習(xí)H5廣告的制作工具，將廣告用H5頁面的形式去進(jìn)行傳播，對(duì)于藝術(shù)設(shè)計(jì)類專業(yè)來說更重要的是帶領(lǐng)學(xué)生了解新時(shí)代多樣的新媒體形式，串聯(lián)前后的課程知識(shí)和技術(shù)技能，學(xué)習(xí)H5廣告的交互構(gòu)建原理，最后能夠通過課程獲得對(duì)行業(yè)更深刻的了解和對(duì)職業(yè)技能更深入的探索。

新媒體形式的層出不窮，網(wǎng)頁設(shè)計(jì)和技術(shù)的快速更新迭代，讓H5廣告可能隨時(shí)都成為一個(gè)過時(shí)的產(chǎn)物。H5廣告這塊內(nèi)容的教學(xué)也應(yīng)隨著時(shí)代的變化而不斷更新、升級(jí)、迭代，不斷完善專業(yè)人才培養(yǎng)方案和課程標(biāo)準(zhǔn)，與技術(shù)發(fā)展協(xié)同共進(jìn)，促進(jìn)我國(guó)新媒體藝術(shù)設(shè)計(jì)的發(fā)展。

參考文獻(xiàn)：

[1]夏超群， 蔡煒倫. 傳播學(xué)視角下的H5廣告研究[J]. 新聞傳播， 2017（10X）：3.

[2]汝宇林， 楊柳春， 李志飛，等. 高技能人才培養(yǎng)課程體系的設(shè)計(jì)與實(shí)踐[J]. 職業(yè)技術(shù)教育， 2006（31）：3.

[3]黃嬌. 基于中國(guó)藍(lán)云平臺(tái)的市縣融媒體中心業(yè)務(wù)系統(tǒng)設(shè)計(jì)[J]. 電視技術(shù)， 2020， 44（3）：4.

基金項(xiàng)目：

本文系浙江金融職業(yè)學(xué)院2020年度校級(jí)重點(diǎn)科研項(xiàng)目《“工匠精神”培育與學(xué)生職業(yè)技能培養(yǎng)融合探索和實(shí)踐（以浙江金融職業(yè) 學(xué)院廣告設(shè)計(jì)與制作專業(yè)為例）》（項(xiàng)目編號(hào)：2020ZD04）的研究成果。