全网都在用的横屏H5到底怎么玩儿?意派Epub360告诉你!

222天前发布

原创文章 / 多领域 / 教程
意派 原创,如需商业用途或转载请与意派联系,谢谢配合。

虽然横屏H5早就不是什么新鲜事儿了,但仍然有很多人还不会自由创作,只能依赖于模板,以至于让创意扼杀在摇篮中。


很多人在制作H5前,常常在横屏和竖屏之间权衡利弊、来回纠结。建议大家在陷入这种两难抉择中时,先大致构想一下这两种方案的页面布局、逻辑结构等,再用思维脑图把关键流程走向画下来,然后再进行比较。


虽然横屏H5早就不是什么新鲜事儿了,但仍然有很多人还不会自由创作,只能依赖于模板,以至于让创意扼杀在摇篮中。相比较而言,横屏H5的制作方式还是挺简单的,只要通过意派Epub360就可轻松实现。


如何利用意派Epub360制作横屏H5?


通过意派Epub360制作横屏H5的基本思路有三种:①在设计软件中做好横长图,旋转90°后放在画布中进行排版;②直接修改画布尺寸;③采用意派的强制横屏功能。


若使用强制横屏模式,便无需担心用户是否处于锁屏状态。若使用前两种方式,最好加上横屏切换提示。


虽然这三种方法都不复杂,但由于整体操作比较系统化,这里就不进行详细的步骤拆解了,具体方法可通过在意派Epub360的教程中心搜索关键词找到。



如何利用意派Epub360“包装”横屏H5?


随着意派Epub360等H5制作工具的优化和普及,每天都有各式各样的H5作品在朋友圈传播,而用户们眼光也逐渐变得“挑剔”,只凭单一的创意形式是很难获得TA们的芳心的,横屏H5也不例外。对此,我们可以将横屏H5结合其他交互效果或创意形式,再配合优质的视觉设计与文案策划,打造不同的趣味性玩法,进而提升整个作品的市场口碑及传播效果。


1、横屏+点击触发


这是横屏H5最基本的玩法,虽然操作较为简单,但若在内容上有所突破,依然能产出不错的作品。


《313奥粉节,赢奥克斯空调大奖》

(技术支持:意派Epub360)

 

该案例主要用于宣传奥克斯“313奥粉节”,整个作品在横屏的基础上增加了一系列点击触发的交互效果,用户只需根据提示进行操作,即可解锁相应的图片元素,整体有点类似于某些简单的寻宝小游戏,而页面中的卡通动画也为作品增色不少。最后,用户还可通过转盘抽奖的方式进一步提升参与感。

 

2、横屏+长页面


这种方式可以结合滑动屏幕或长按触发等操作,给予用户另类的一镜到底式交互体验。而为了保证页面的清晰度与流畅性,我们可在制作长图的过程中进行适当切图,以确保不影响用户体验。

 

《生活的另一面 惊喜在发生》

(技术支持:意派Epub360)

 

该案例主要通过横屏长页面的形式营造出一种具有品牌特色的展览场景。用户可通过长按按钮控制人物动画以及页面左右滑动,以自由浏览展示墙上的品牌信息。而当用户停止长按操作时,页面及卡通人物则皆处于静止状态。整个作品设计简约清新,且操作也较为流畅。

 

3、横屏+视频


咱们平时用手机追剧时大都采用横屏形式,因此,横屏H5与视频的有效融合也更为契合用户的使用习惯。即使整个作品中并没有设置什么有创意性的交互操作,也可以凭借一只酷炫的视频吸睛揽客。

 

《雄起!西海岸新区》

(技术支持:意派Epub360)

 

该案例主要通过横向快闪视频的方式多角度展示青岛西海岸新区的华丽蜕变,可看性强且极具震撼力。而在页尾,用户还可通过页面中的两个按钮选择重看一遍或将作品分享出去。


除以上创意融合形式外,还有更多的新鲜玩法等着大家去探索~而我们在追求创新的同时,日常累积也是必不可少的。建议大家平时多多留意意派Epub30案例库及模板库中的一些优质H5作品,全方位了解其创意来源、文案构思、设计风格等,并加以吸收运用。长此以往,你的制作技巧及思维一定会有所改变~

0
- 位站酷推荐设计师推荐 -

声明:站酷(ZCOOL)内网友所发表的所有内容及言论仅代表其本人,并不反映任何站酷(ZCOOL)之意见及观点。

    没有新消息