页面设计与制作（全彩慕课版）（第2版）课件 第4、5章 活动抽奖页面的制作、测试问答页面的制作

活动抽奖H5制作活动抽奖H5通常可以在短时间内快速传播，吸引较多的流量，因此常用于引流推广活动。本章从实战角度对活动抽奖H5的项目策划、交互设计、视觉设计以及制作开发进行系统讲解与演练。通过对本章的学习，读者可以对活动抽奖H5有一个基本的认识，并快速掌握设计制作常用活动抽奖H5的方法。了解电子商务行业九宫格H5的项目策划掌握电子商务行业九宫格H5的交互设计学习目标项目策划交互设计视觉设计制作发布4.1课堂案例——电子商务行业九宫格H5制作Shopping是一款专业的综合类购物平台，此次想在618电商大促来临之际，推出一个活动抽奖H5刺激用户进行商品购买。在策划上，为了能让用户感受抽奖的真实与刺激，将结合H5制作工具的九宫格抽奖模板，分别设置一、二、三等奖，并限制用户1天3次的抽奖机会，进一步刺激用户进行抽奖。4.1.1项目策划通过前期基本的项目策划，对这支H5的原型进行了梳理，并运用Axure进行了绘制。4.1.2交互设计使用谷歌浏览器注册登录凡科官网，使用凡科互动免费模板制作电子商务行业九宫格，修改并替换首页中的素材、替换中奖页面素材、调整奖项设置以及高级设置。4.1.3视觉设计4.1.4制作发布效果图使用谷歌浏览器注册登录凡科官网，使用凡科互动免费模板制作金融理财行业摇一摇H5，修改并替换首页中的素材、替换中/未中奖页面素材、调整奖项设置以及高级设置。4.2课堂练习——金融理财行业摇一摇H5制作效果图

使用谷歌浏览器注册登录凡科官网，使用凡科互动免费模板制作文化传媒行业刮刮乐H5，修改并替换首页中的素材、中/未中奖页面素材、调整奖项设置以及高级设置。4.3课后习题——文化传媒行业刮刮乐H5制作效果图

测试问答H5制作测试问答H5因为够能激起用户参与分享的欲望，因此它一直都是众多H5中最受欢迎的一类。本章从实战角度对测试问答H5的项目策划、交互设计、视觉设计以及制作开发进行系统讲解与演练。通过对本章的学习，读者可以对测试问答H5有一个基本的认识，并快速掌握设计制作常用测试问答H5的方法。了解文化传媒行业知识分享H5的项目策划掌握文化传媒行业知识分享H5的交互设计学习目标项目策划交互设计视觉设计制作发布5.1课堂案例——IT互联网行业节日答题H5制作知学在五一劳动节来临之际，希望推出一款节日祝福及宣传自身品牌的H5。在策划上，沿用了5.2的经验，结合了H5制作工具的节日文化答题模板，既起到了节日祝福同时又可以很好的宣传公司的品牌。5.1.1项目策划通过前期基本的项目策划，对这支H5的原型进行了梳理，并运用Axure进行了绘制。5.1.2交互设计使用谷歌浏览器登录凡科官网，使用凡科互动免费模板制作IT互联网行业节日答题H5，修改并替换首页中的素材、替换中奖页面素材、调整奖项设置以及高级设置。5.1.3视觉设计5.1.4制作发布效果图使用谷歌浏览器登录凡科官网，使用凡科互动免费模板制作IT互联网行业脑力测试H5，修改并替换首页中的素材、调整奖项设置以及高级设置。5.2课堂练习——IT互联网行业脑力测试H5制作效果图

使用谷歌浏览器登录凡科官网，使用凡科互动免费模板制作文化传媒