H5装备指南后续

ft01 · 发表于 2016-12-2 12:07:39

上一步讲了绝世武功…啊呸，讲了没灵感时快捷制作高逼格H5页面的前三种方法，现在，小编来补齐后续的部分，让你们习的绝世武功，啊呸，高逼格！

1、独立元素的动效联动

你以为只有马里奥动吗？身边的东西都会跟着他动…形式上是用PS处理好素材后，直接导入PSD，然后对各个独立的元素用常见的动效加以修饰：

动效循环播放，整体画面变成较为幽默的动画。另外，我们也可以对各元素的动效设置“延迟播放”，并用一定的交互逻辑加以触发，使整体动效展示出的效果更具联动性和交互性。除了上述的画面内多个动效间联动，还可以把内容和动效放一块儿：用户滑动页面，其他独立素材的淡入淡出等动效会随着内容的改变而改变。

2、可以看得见的素材运动轨迹

“骚年，你试过身体被线缠绕的快感吗？”额..这不是捆绑别想歪…

3、用插画/漫画代替页面，用对话代替内容

简单的漫画让大家看得乐此不疲，还让广告植入得毫无防备！

这种玩法对设计能力要求会相对高一点——设计带有剧情的漫画故事。主要玩法在设计好的漫画中，将其他独立的素材添加进去并对其进行加工：局部色彩填充、模糊效果等，尽量把每一个分镜变得有趣起来，最后就是添加关键的动效以及交互了。

相似案例：

更多案例访问我们官网https://h5.iebook.cn/ 哦！小编我等你来蹂躏啊呸，观赏啊呸。怎么说都怪怪的呢！