在图文里也能刷视频、刷电梯!?

前几天发了一篇《在图文里也能拍照!?》(原文链接:https://mp.weixin.qq.com/s/Mba1hj8dVqHYZf9v08CS_Q)的文章 , 有小伙伴跟老沙感叹:
在图文里也能刷视频、刷电梯!?】「很早就知道这个组件 , 没想到还能这样玩 。 」
其实 , 模拟拍照的那个组件效果非常简单 。 好的交互图文都是这样 , 不是效果多么酷炫 , 而是交互、设计和内容的创意结合得好 , 即便是很简单的交互 , 有时候也能创造出有趣的效果 。
在图文里会「拍照」了 , 今天咱们再试试「刷视频」 , 向上轻滑图片:
在图文里也能刷视频、刷电梯!?
文章图片
有人可能想到了之前提过的上滑开车效果:
在图文里也能刷视频、刷电梯!?
文章图片
组件:三层滑动-上滑(多张)
编号:10803(组件)
教程:《七夕「开车」 , 东风标致的这篇浪漫之旅图文是怎么做的?》(原文链接:https://mp.weixin.qq.com/s/OqsGJfuMx0nlrTfeSqadOw)
但刷视频效果和开车有很大不同 , 前者有一个停顿的过程 , 它是由一个会自动对齐的上滑图片组件 , 然后覆盖一层遮罩制作成的 。
会自动对齐的上滑图片组件并不是一个热门组件 , 但却可以被有的品牌用得非常有意思 , 比如恒生银行的电梯创意:
在图文里也能刷视频、刷电梯!?
文章图片
对于这个会自动对齐的上滑图片组件 , 你还能想到什么创意玩法?
留言区聊一聊 , 老沙将会给所有说出新创意的小伙伴各送SVG案例库会员一个月 , 70000+案例随便搜 。
详细教程:
工具:iPaibanPro黑科技编辑器 , 网址:x.iPaiban.com
组件:单层滑动-上滑(自动对齐、支持多张)
编号:10269(组件)
第1步:选择组件
登录iPaibanPro编辑器后 , 在「组件」-「滑动」分类中找到「单层滑动-上滑(自动对齐、支持多张)」组件 , 或者直接搜索组件编号10269 , 点击选择 。
在图文里也能刷视频、刷电梯!?
文章图片
第2步:上传图片素材
准备好要滑动的图片 , 然后点击右侧「+」号即可上传 。 所有滑动图片的尺寸需保持一致 。
在图文里也能刷视频、刷电梯!?
文章图片
第3步:设置遮罩图片
在「特殊」分类中找到「遮罩」组件 , 点击选择 , 然后上传图片 。 注意该图片应与滑动图片的尺寸保持一致 。
在图文里也能刷视频、刷电梯!?
文章图片
第4步:导入公众号后台
点击页面最右侧「预览草稿」可预览效果 , 效果满意后继续点击「导入微信后台」就能开始导到公众号了 。
在图文里也能刷视频、刷电梯!?
文章图片
导入时使用iPaibanPro小助手更方便哦 , 最新v2.0版本的小助手还支持一键打包下载图文图片素材 , 非常方便 , 安装教程戳:《iPaibanPro小助手v2.0来啦!》(原文链接:https://mp.weixin.qq.com/s/0OjjcDQYPfubmcyYhJZ_2w)
现在新用户注册登录iPaibanPro黑科技编辑器 , 在「新手礼包」可领取3天企业标准版会员体验权 , 以及22个常用必备组件的大礼包(1年) 。
认准编辑器网址:x.iPaiban.com , 复制网址在PC端Chrome(谷歌)浏览器打开 , 即可开始创作SVG交互排版(又称公众号交互图文、互动图文、黑科技排版、互动式排版)返回搜狐 , 查看更多
责任编辑: