H5案例教程丨H5网页设计中最受欢迎的9大创意形式

H5网页设计拥有多种创意形式,每一种创意形式都可以获得不同的感官体验。而要想有的放矢地进行H5网页设计,则需要考虑到具体的受众和应用场景。以下列举了9种主流H5创意形式及相关案例和教程(均来自意派Epub360平台),希望可以帮助大家更好地学习制作H5。

 

H5网页设计拥有多种创意形式,每一种创意形式都可以获得不同的感官体验。而要想有的放矢地进行H5网页设计,则需要考虑到具体的受众和应用场景。以下列举了9种主流H5创意形式及相关案例和教程(均来自意派Epub360平台),希望可以帮助大家更好地学习制作H5。

 

所有案例及教程的查找方式为:进入意派Epub360平台,点击平台顶部导航栏的【H5案例】or【教程】,在相应的搜索框中输入案例或教程标题即可。

 

视频

视频H5具备各种风格的表现能力,不管是动画类、实拍类、快闪类、交互类还是其他类型,都非常受各大企业的青睐和热捧。

视频H5制作教程:本地视频制作规范

视频H5案例:抗“压”之战,哪个瞬间你会炸(怂)?

 

一镜到底

一镜到底H5区别于扁平化的呈现形式,赋予了画面更多的律动感和层次性。

一镜到底H5制作教程:一镜到底怎么做?

一镜到底H5案例:转融新时代,南方新作为!

 

长页面

长页面H5多采用滑动手势推进故事的发展,中间不需要缓冲停顿,且让用户更有参与感,整体非常流畅。

长页面H5制作教程:Epub360可以制作滑动长页面吗?

长页面H5案例:“菜霸”受审记

 

 

画中画

画中画H5的各画面之间是层层嵌套的关系,任意一个画面都是整个全局画面的局部。

画中画H5制作教程:画中画组件

画中画H5案例:非法集资警示录

 

 

场景模拟

场景模拟H5主要通过模拟手机界面、手机来电、短信对话、微信聊天、微信朋友圈、各类App等,带领用户进入一个仿真的交互场景。

模拟微信朋友圈H5制作教程:怎样模拟微信朋友圈?

模拟来电H5案例:【燕之屋】匠系女神林志玲向你发出了求助电话

 

 

答题测试

答题测试H5主要利用了用户的好奇心和求知欲,常用于品牌营销。

答题测试H5制作教程:测试题案例教程

答题测试H5案例:重返青春,我们唱着K,青春不会老,分享有好礼。

 

 

小游戏

小游戏H5简单易上手且参与时间短。

接物体小游戏H5制作教程:接物体小游戏怎么做?

小游戏H5案例:《反贪风暴3》手速大作战!

 

 

合成海报

合成海报H5可让用户通过上传图片、输入文字、选择个性元素等方式生成富有个人特色的专属海报。

合成海报H5制作教程:截屏组件(合成海报)

合成海报H5案例:你的2019超能幸运符!!

 

 

全景VR

全景VR H5视角范围广且不受空间限制,无论是圆柱型效果还是球型效果都非常独特。

全景VR H5制作教程:Epub360可以做全景吗?

全景VR H5案例:绿水青山 节能增效

 

 

以上就是最受欢迎的9种H5创意形式。这些创意形式即可单独使用,也可与其他创意形式结合使用。而在这些创意形式的包装下,内容仍是王道。毕竟,好的作品都是需要不断打磨的。

 

10