稿定学院 教程详情

技能六 制作一款小游戏,刷屏朋友圈

最后更新时间 2021-11-02 16:37

欢迎参加这一期的设计教学和挑战。很开心陪伴你完成在稿定设计的第一个作品。

完成此任务可获得“行动派设计师”称号。

 

伴随社交流量的传播,H5网页成为了企业不可缺少的宣传物料。其中小游戏类型的H5尤其受欢迎,例如:年度歌单、年度账单等小游戏,更是刷屏朋友圈。低成本引发社交传播,帮助企业省下高昂的广告费,获得超预期的推广收益。

 

这类型H5小游戏做起来会不会很难?本篇教程将教大家零基础制作一个小游戏,体验H5网页的乐趣。

H5网页不仅可以制作小游戏,还可以用于电商促销、企业宣传、人事招聘等用户。让我们来看看吧!

 

H5网页特点:

  • 添加音乐,营造氛围
  • 添加动效,增加页面趣味
  • 增加交互操作,让用户乐在其中

 

操作步骤:

第一步:找一款喜欢的H5网页模板

通过首页左侧【H5网页】进入H5模板中心,根据用途分类、行业等属性,挑选想要的H5网页模板。

 

第二步:预览模板效果

这里我们以游戏类模板为例,选择一个小游戏模板。预览模板效果,初步判断需要修改的页数。

 

第三步:修改和替换模板素材

例如案例中的H5模板,进行替换二维码和企业logo,即可生成你的H5游戏作品。不仅非常适合初学者使用,还能帮助我们在短时间内做好一个专业的H5网页游戏。

如图所示,将二维码替换为自己或公司的公众号二维码。这样在分享的时候,大家可以扫码关注你的公众号,给公众号涨粉。(建议大家在公众号后台设置对应的新关注回复,或关键词回复。用户关注后,或者输入“玩游戏”等关键词,系统自动给用户发送小游戏H5的链接,方便用户进入)

 

如果不需要用户关注公众号,而是直接扫码就可以玩游戏。可以用以下这个方法。我们先发布作品,发布作品后复制作品链接。

 

接着回到需要替换二维码的页面,从左侧【组件】选项中添加【二维码】,并在右侧二维码的设置项中,粘贴刚才复制好的作品链接。将新添加的二维码移动到模板默认二维码的位置,覆盖住它。按照这个方法,完成其它页面的二维码替换。

完成替换后,重新发布作品。这样转发分享出去后,用户扫码即可直接参与游戏。

 

H5模板的组件功能相当丰富,不仅可以添加二维码,还可以制作表单、数据图表、地图导航、跳转链接等,可玩性非常高,用途很广泛。大家可以在练习中,摸索出自己的玩法。

做好H5游戏后,就去转发分享给你的朋友们体验吧!他们一定会因你的作品感到惊讶不已!

 

以上就是H5网页制作小游戏的教学,除了做小游戏,也通常用于邀请函、生日祝福、电商、餐饮、招聘和企业展示。

 

点击下方按钮,完成本章教程作业,前往制作H5网页作品。

 

圣诞小游戏模板:

 

如果你想使用收集信息、投票、分享等更多功能,可以点击下方按钮,查看进阶教程,学习更多高阶H5网页的用法。

h5游戏设计
你可能会喜欢?
查看全部
探索优质素材库,一键get海量设计灵感探索优质素材库,一键get海量设计灵感
稿定社群稿定社群
稿定新人技能包,全面提升你的设计能力!稿定新人技能包,全面提升你的设计能力!
在线海量模板和正版素材,
3分钟轻松搞定设计。