頁(yè)面設(shè)計(jì)與制作（全彩慕課版）（第2版）課件 第4、5章 活動(dòng)抽獎(jiǎng)頁(yè)面的制作、測(cè)試問(wèn)答頁(yè)面的制作

活動(dòng)抽獎(jiǎng)H5制作活動(dòng)抽獎(jiǎng)H5通常可以在短時(shí)間內(nèi)快速傳播，吸引較多的流量，因此常用于引流推廣活動(dòng)。本章從實(shí)戰(zhàn)角度對(duì)活動(dòng)抽獎(jiǎng)H5的項(xiàng)目策劃、交互設(shè)計(jì)、視覺(jué)設(shè)計(jì)以及制作開發(fā)進(jìn)行系統(tǒng)講解與演練。通過(guò)對(duì)本章的學(xué)習(xí)，讀者可以對(duì)活動(dòng)抽獎(jiǎng)H5有一個(gè)基本的認(rèn)識(shí)，并快速掌握設(shè)計(jì)制作常用活動(dòng)抽獎(jiǎng)H5的方法。了解電子商務(wù)行業(yè)九宮格H5的項(xiàng)目策劃掌握電子商務(wù)行業(yè)九宮格H5的交互設(shè)計(jì)學(xué)習(xí)目標(biāo)項(xiàng)目策劃交互設(shè)計(jì)視覺(jué)設(shè)計(jì)制作發(fā)布4.1課堂案例——電子商務(wù)行業(yè)九宮格H5制作Shopping是一款專業(yè)的綜合類購(gòu)物平臺(tái)，此次想在618電商大促來(lái)臨之際，推出一個(gè)活動(dòng)抽獎(jiǎng)H5刺激用戶進(jìn)行商品購(gòu)買。在策劃上，為了能讓用戶感受抽獎(jiǎng)的真實(shí)與刺激，將結(jié)合H5制作工具的九宮格抽獎(jiǎng)模板，分別設(shè)置一、二、三等獎(jiǎng)，并限制用戶1天3次的抽獎(jiǎng)機(jī)會(huì)，進(jìn)一步刺激用戶進(jìn)行抽獎(jiǎng)。4.1.1項(xiàng)目策劃通過(guò)前期基本的項(xiàng)目策劃，對(duì)這支H5的原型進(jìn)行了梳理，并運(yùn)用Axure進(jìn)行了繪制。4.1.2交互設(shè)計(jì)使用谷歌瀏覽器注冊(cè)登錄凡科官網(wǎng)，使用凡科互動(dòng)免費(fèi)模板制作電子商務(wù)行業(yè)九宮格，修改并替換首頁(yè)中的素材、替換中獎(jiǎng)頁(yè)面素材、調(diào)整獎(jiǎng)項(xiàng)設(shè)置以及高級(jí)設(shè)置。4.1.3視覺(jué)設(shè)計(jì)4.1.4制作發(fā)布效果圖使用谷歌瀏覽器注冊(cè)登錄凡科官網(wǎng)，使用凡科互動(dòng)免費(fèi)模板制作金融理財(cái)行業(yè)搖一搖H5，修改并替換首頁(yè)中的素材、替換中/未中獎(jiǎng)頁(yè)面素材、調(diào)整獎(jiǎng)項(xiàng)設(shè)置以及高級(jí)設(shè)置。4.2課堂練習(xí)——金融理財(cái)行業(yè)搖一搖H5制作效果圖

使用谷歌瀏覽器注冊(cè)登錄凡科官網(wǎng)，使用凡科互動(dòng)免費(fèi)模板制作文化傳媒行業(yè)刮刮樂(lè)H5，修改并替換首頁(yè)中的素材、中/未中獎(jiǎng)頁(yè)面素材、調(diào)整獎(jiǎng)項(xiàng)設(shè)置以及高級(jí)設(shè)置。4.3課后習(xí)題——文化傳媒行業(yè)刮刮樂(lè)H5制作效果圖

測(cè)試問(wèn)答H5制作測(cè)試問(wèn)答H5因?yàn)閴蚰芗て鹩脩魠⑴c分享的欲望，因此它一直都是眾多H5中最受歡迎的一類。本章從實(shí)戰(zhàn)角度對(duì)測(cè)試問(wèn)答H5的項(xiàng)目策劃、交互設(shè)計(jì)、視覺(jué)設(shè)計(jì)以及制作開發(fā)進(jìn)行系統(tǒng)講解與演練。通過(guò)對(duì)本章的學(xué)習(xí)，讀者可以對(duì)測(cè)試問(wèn)答H5有一個(gè)基本的認(rèn)識(shí)，并快速掌握設(shè)計(jì)制作常用測(cè)試問(wèn)答H5的方法。了解文化傳媒行業(yè)知識(shí)分享H5的項(xiàng)目策劃掌握文化傳媒行業(yè)知識(shí)分享H5的交互設(shè)計(jì)學(xué)習(xí)目標(biāo)項(xiàng)目策劃交互設(shè)計(jì)視覺(jué)設(shè)計(jì)制作發(fā)布5.1課堂案例——IT互聯(lián)網(wǎng)行業(yè)節(jié)日答題H5制作知學(xué)在五一勞動(dòng)節(jié)來(lái)臨之際，希望推出一款節(jié)日祝福及宣傳自身品牌的H5。在策劃上，沿用了5.2的經(jīng)驗(yàn)，結(jié)合了H5制作工具的節(jié)日文化答題模板，既起到了節(jié)日祝福同時(shí)又可以很好的宣傳公司的品牌。5.1.1項(xiàng)目策劃通過(guò)前期基本的項(xiàng)目策劃，對(duì)這支H5的原型進(jìn)行了梳理，并運(yùn)用Axure進(jìn)行了繪制。5.1.2交互設(shè)計(jì)使用谷歌瀏覽器登錄凡科官網(wǎng)，使用凡科互動(dòng)免費(fèi)模板制作IT互聯(lián)網(wǎng)行業(yè)節(jié)日答題H5，修改并替換首頁(yè)中的素材、替換中獎(jiǎng)頁(yè)面素材、調(diào)整獎(jiǎng)項(xiàng)設(shè)置以及高級(jí)設(shè)置。5.1.3視覺(jué)設(shè)計(jì)5.1.4制作發(fā)布效果圖使用谷歌瀏覽器登錄凡科官網(wǎng)，使用凡科互動(dòng)免費(fèi)模板制作IT互聯(lián)網(wǎng)行業(yè)腦力測(cè)試H5，修改并替換首頁(yè)中的素材、調(diào)整獎(jiǎng)項(xiàng)設(shè)置以及高級(jí)設(shè)置。5.2課堂練習(xí)——IT互聯(lián)網(wǎng)行業(yè)腦力測(cè)試H5制作效果圖

使用谷歌瀏覽器登錄凡科官網(wǎng)，使用凡科互動(dòng)免費(fèi)模板制作文化傳媒