頁面設(shè)計與制作（全彩慕課版）（第2版）課件 第4、5章 活動抽獎頁面的制作、測試問答頁面的制作

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

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

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

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