案例教学 | 长安福特的「夹层滑动」比普通滑动多一层!

前天直播分享给大家福虎迎春交互图文,想学更多知识的同学们可以点击预约下周三直播——虎年新创意案例分享。
点击预约下一期直播
????学更多知识????

拆解
原文案例使用组件:夹层滑动,聚焦Pantone 2022年度代表色。

????????左滑前、左滑后的动图演示????????

制作
1、添加组件:全能无缝图(10028),添加图片“无缝图”;

2、添加组件:夹层滑动-左滑(10239),分别添加图片“背景”、“前景”和“中间层”;

3、重复添加2个组件:夹层滑动-左滑(10239)),按顺序分别添加图片“背景”、“前景”和“中间层”;
4、添加组件视频号-图片(设置触发区域)(10575),添加图片“视频号封面”,粘贴视频号代码即可;
(打开公众号后台,新建图文添加视频号,之后点击小助手,提取视频号,复制视频号代码)

5、点击右侧“预览草稿”,可初步预览草稿效果(以导入公众号后台预览效果为准)。


导入公众号后台
6、在iPaiban Pro编辑器后台完成SVG交互图文后,点击右侧“导入微信后台”→点击“复制”;

7、打开微信公众号后台新建图文,点击浏览器右上角iPaiban Pro 小助手图标→点击“导入代码”→粘贴代码→点击“清空导入”;

8、操作成功后,记得添加标题、封面和保存,最后发送到手机预览最终的效果。
↓滑动体验还原后的效果↓
下期直播预告
12月29日(周三)直播教学虎年新创意案例????扫码预约学习SVG交互效果????
完成预约后添加白露老师(微信 brandbailu)????领取直播福利????



转载请在文章开头和结尾显眼处标注:作者、出处和链接。不按规范转载侵权必究。
未经授权严禁转载,授权事宜请联系作者本人,侵权必究。
本文禁止转载,侵权必究。
授权事宜请至数英微信公众号(ID: digitaling) 后台授权,侵权必究。




评论
评论
推荐评论
暂无评论哦,快来评论一下吧!
全部评论(0条)