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创意形式。这些创意形式即可单独使用,也可与其他创意形式结合使用。而在这些创意形式的包装下,内容仍是王道。毕竟,好的作品都是需要不断打磨的。