SVG 排版 “邪修” 玩法：4 个案例让普通图文秒变高级

明明是一样的SVG排版效果，为什么人家的看着那么高级？

万物皆可「邪修」，排版也不例外。

很多普普通通的SVG效果，稍稍在设计或创意上花点儿心思，立马就不一样了。

今天就给大家分享4个「邪修」排版的案例，使用 iPaiban Pro 编辑器即可实现，一起看下。

自动滚动

*素材来自MOCO官方《过渡季穿搭方案，不止PLAN B》

以往我们印象中的自动滚动，大多是类似的图片进行滚动，这些效果平平无奇的。

但「邪修」一下，将滚动图设计的大小不一，给人一种前后空间感，这种独特的设计，让原本二维的屏幕，瞬间有了三维般的立体感。

想要实现同款效果可以在编辑器（SVG.iPaiban.com）搜索使用：

长按淡入，松手淡出

OPPO这个效果看着很有意思，但其实它和我们在春节常用的一个交互是相同的，这就是长按切换松手停止的新年签：

OPPO每一张开合不同角度的手机图片相当于上方新年签中的大学名称图片。

为了让图片切换得尽可能地顺滑流畅，这些手机图片都是背景透明的PNG格式，切换时间也需要尽可能得小，比如0.02s。而背景可以使用零高图片组件添加。

想要实现同款效果可以在编辑器（SVG.iPaiban.com）搜索使用：

自动轮播

自动轮播展示产品，大多中规中矩。

而 MaxMara将背景图精心设计成台阶样式，轮播的模特图背景是半透明的，就有了空间感，仿佛一位位模特穿着服装从T台走过。

想要实现同款效果可以在编辑器（SVG.iPaiban.com）搜索使用：

---

你还见过哪些化普通效果为高级的「邪修」排版案例？留言区分享一下。

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

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

● SVG 黑科技交互排版👇🏻

 

iPaiban 团队可提供运营服务、视频制作、GEO、创意策划、多种风格设计、SVG交互开发等服务，如需定制，请添加玉兔微信（ID：playhudong15）沟通咨询。