《H5設(shè)計與制作（全彩慕課版）（第2版）》 課件 3 互動游戲H5制作、4 活動抽獎H5制作

互動游戲H5制作互動游戲H5由于具備簡單有趣及交互性強的特點，因此給用戶帶來了一定的感官刺激，并且間接地將企業(yè)的品牌進行了宣傳。本章從實戰(zhàn)角度對互動游戲H5的項目策劃、交互設(shè)計、視覺設(shè)計以及制作開發(fā)進行系統(tǒng)講解與演練。通過對本章的學習，讀者可以對互動游戲H5有一個基本的認識，并快速掌握設(shè)計制作常用互動游戲H5的方法。了解花樣元宵消消樂H5的項目策劃掌握花樣元宵消消樂H5的交互設(shè)計學習目標項目策劃交互設(shè)計視覺設(shè)計制作發(fā)布3.1

課堂案例——花樣元宵消消樂H5制作飛羽是一家游戲工作室，此次想借助H5在網(wǎng)絡上獲取一定的關(guān)注度。在策劃上，結(jié)合了工作室的游戲性質(zhì)，運用H5制作工具中的模版設(shè)計一款消除類益智H5小游戲。旨在通過游戲，刺激用戶了解甚至關(guān)注到飛羽。3.1.1項目策劃通過前期基本的項目策劃，對這支H5的原型進行了梳理，并運用Axure進行了繪制。3.1.2交互設(shè)計花樣元宵消消消H5原型圖本次H5由于采用的是制作工具中的模版，因此可以直接到制作，不需要進行專門的視覺設(shè)計。3.1.3視覺設(shè)計3.1.4制作發(fā)布效果圖注冊登錄易企秀官網(wǎng)，查找符合要求的互動H5模板，調(diào)整相關(guān)的文字內(nèi)容。3.2

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

效果圖使用谷歌瀏覽器注冊登錄凡科官網(wǎng)，使用凡科互動免費模板制作情滿端午刮刮樂H5制作，修改并替