H5的组成部分其实很简单。背景、文字、音乐、装饰要素等必要元素和可修改的功能组件相加,形成了朋友圈经常看到的宣传活动链接。

大家点进去会发现每一页内容都是动态的,文字素材图片的组合,各个元素出现都有各自的动画效果,转场翻页的时候也是各式各样。

看起来很高级,阅读也很赏心悦目。起主要作用的其实就是两个因素,动画效果和转场的翻页设置。

每一个H5中必不可少的一定是动画效果。但是动画效果要如何添加才能使场景更加的灵动和谐呢?

进入/强调/退出,是我们习以为常的三种模式。顾名思义,根据作品中元素的顺序的需求,可设置相应的动画效果。商城模板在使用之前就已经添加好了动画效果,只需要在新增的元素上添加。

真正需要注意的是那些刷屏h5中突出的效果,汽车在驰骋、飞机在前进、气球在飘动类似于这样的效果,秘诀是强调动画中的轨迹效果,勾画路线,停留时间、重复次数都可一键操作,预览就呈现意想不到惊喜。

其次是设置GIF动态图片,也可以达到类似动态效果。轻设计就为大家准备了这样的功能,图片秒变GIF,打破找不到动图的阻碍,生成图片直接导入H5。

转场设置在H5中也是不能缺少的部分,并不是大家眼中普普通通的上下移动或者是左右移动。转场翻页可以提高作品的使用体验,增加阅读者的代入感,也可以突出重点内容。

以其中翻书翻页为例,转场看起来更加有趣生动,内容的呈现形式增加了交互感。

合理选择动画和翻页方式就可以制作出一个刷屏的H5。

相关推荐