局部视频、局部切换、局部滑动……要怎么做？

在一张图片上面，能玩出什么花样？

在排版中，我们经常看到的都是一整张图触发一个交互，但实际上在1张图片上是可以添加多个触发区域的，教程戳：《1张图片上添加多个弹出图/超链接/小程序/公众号/视频号，怎么弄？》

今天我们再来说说在1张图片上局部设置交互的玩法，注意不是局部设置触发区，而是直接以1张图片为背景，在这张图片上面的某个位置设置效果。

最简单的就是在1张图片的某个位置再叠加1张图片，比如锦颐连锁酒店的这个例子：

 

*素材来自锦颐连锁酒店《【消息通知】春节免房券，限量发放！》

*素材来自BOE招聘《校招宝典004 | 探秘我们BOE人的真实生活》

*素材来自华为终端《端午另一面,「粽」是与众不同》

 

*素材来自NewBalance中国《New Balance x Stone Island再续新章》

*素材来自法拉利中国《法拉利认证易手车金融服务》

可以看到，GIF、视频、点击切换、轮播、滑动等都可以在1张图片的局部设置，交互位置支持随意摆放，给人一种「画中画」的高级感。

工具：iPaiban Pro 黑科技编辑器，网址：SVG.iPaiban.com

---

制作SVG交互图文认准 iPaiban Pro 黑科技编辑器，网址：SVG.iPaiban.com，复制网址在 PC 端 Chrome（谷歌）浏览器打开，即可注册，编辑器所有组件/组合现已全部支持免费试用了。

新用户在「新手礼包」可领取3天企业标准版会员免费商用，以及22个常用必备组件的大礼包（1年）。随礼包附赠千元优惠券，每单最高立降500元。

● SVG 黑科技交互排版👇🏻

 

如需定制 SVG 黑科技排版，请点此查看定制流程和套餐，低至500元/篇。