想要给产品来个神秘亮相？用这个交互看着就很强
精心打造的新产品，隆重签约的代言人，正式亮相之前总想来点神秘感？
今天给大家推荐的交互效果，或许能够满足你。戳图试试：
组件：点击-圆圈移动扩大切换
编号：11213（组件）
该交互模拟的是舞台追关灯的效果。点击后灯光来回移动寻找主体，直至来到舞台中央，灯光放大变亮，露出全貌，很是酷炫。
像这种在切换过程中切换动画就能引起用户好奇心，牢牢抓住眼球的效果，之前推荐过一个「点击描边切换」的效果也能做到。用同样的素材，我们再来感受下：
组件：点击-描边切换图片
编号：11055（组件）
点击描边切换效果的教程见《点击描边切换，这个新效果有点儿炫！》，相比「点击描边切换」，「点击圆圈移动扩大切换」在制作时就非常简单了。
一起看下教程：
详细教程：
工具：iPaiban Pro 黑科技编辑器，网址：x.iPaiban.com
组件：点击-圆圈移动扩大切换
编号：11213（组件）
第1步：选择组件
登录 iPaiban Pro 编辑器后，点击编辑器左侧「组件」按钮，在「点击」分类中找到「点击-圆圈移动扩大切换」组件，或者直接在搜索框中搜索组件编11213。
第2步：上传图片素材
点击右侧「换图」按钮分别上传「单击前」和「单击后」的图片，两张图片尺寸需保持一致。
注意该交互的完整效果为：点击后「单击前」的图片消失，画面变黑并出现圆圈移动，最后圆圈移至中央放大显现「单击后」的图片。所以为了效果不那么突兀，「单击前」的图片尽量使用全黑或黑色背景的。
第3步：调整动画时间
在右侧拖动滑杆可调整切换动画的时间，点击页面最右侧「预览草稿」可随时预览效果。
第4步：导入公众号后台
效果满意后接着点击「同步至微信后台」同步到自己的公众号就可以了。
局部导入可参考：《iPaiban Pro小助手v2.0安装和使用教程》
制作SVG交互图文认准 iPaiban Pro 黑科技编辑器，网址：x.iPaiban.com，复制网址在 PC 端 Chrome（谷歌）浏览器打开，即可开始注册并使用。
新用户在「新手礼包」可领取3天企业标准版会员体验权，以及22个常用必备组件的大礼包（1年）。随礼包附赠千元优惠券，每单最高立降500元。
转载请在文章开头和结尾显眼处标注：作者、出处和链接。不按规范转载侵权必究。
未经授权严禁转载，授权事宜请联系作者本人，侵权必究。
本文禁止转载，侵权必究。
授权事宜请至数英微信公众号(ID: digitaling) 后台授权，侵权必究。
评论
评论
推荐评论
暂无评论哦，快来评论一下吧！
全部评论（0条）