来聊聊Epub360状态组常用应用场景.docxVIP

来聊聊Epub360状态组的常用应用场景[原创]2016-09-06 小派 意派科技前半个月左右，我们Epub360发布了“状态组”功能，“状态组”主要能自动补间动画和轻松实现边框样式变化特效，那“状态组”有哪些常用应用场景呢？小派在这里先分享“H5研究院”的两个Demo，抛砖引玉。注：前两个Demo描述来自“H5研究院”，配图为动态gif图，在word里无法正常播放，建议另存图片在其它地方打开查看。虚实变化如上图，点击详情按钮，弹出详情介绍的同时，背景变模糊了（原谅gif图的质量）。之前的做法：准备两个图片，一个清晰的，一个模糊的分别给两个图片添加渐隐渐现的动画......分别给两个图片设置触发器，前一个动画结束时候一个动画开始......如果模糊效果不好，还要回到设计软件中重新调整图片，然后重新上传替换，来回往往复复......万一不用这张图了，那前功尽弃效果是达到了，未必太繁琐了。现在的做法：准备一张清晰的图片添加一个状态组，并添加清晰和模糊两个状态设置触发器完成看起来是不是很简单？分页符光顾着看美女了吧，有没有注意到下面个性的分页符呢？有的同学说，简单啊，用联动不就得了，没错联动确实可以做类似的效果，麻烦的就是你得切出同内容图片等同数量的图，这样无疑增加了工作量，而且效果你敢说跟这一模一样？我觉得这种切换效果要比联动好一些，更理所当然，你觉得呢？还有同学说，直线运动啊，这样就一模一样了，只能说，这样的同学脑洞很大，能为了效果不择手段，赞一个～但是，你画多条直线运动，能敢说坐标对得正正的？我觉得工作量好像比联动还要大吧......所以嘛。下面我们再来温习一遍《Epub360状态组功能演示Demo》怎么样？看完上面的演示和讲解，派友们有没有“爱上”Epub360这个厉害又便捷的“状态组”呢？期待大家打开脑洞，直接在下面评论补充常用应用场景，能附上案例Demo链接更好不过呢，小派后续也许会整理出《Epub360状态组常用应用场景》一文。附：Demo具体教程攻略H5研究院：虚实变化—状态组系列教程H5研究院：分页符—状态组系列教程Epub360：Epub360状态组上线，自带神奇补间动画Epub360-专业H5设计工具Coolsite360-专业响应式网站/小程序设计工具公众微信号/新浪微博：epub360关注我们，一起探索营销之道和设计之术