




要是咱们希望制作出的图文不复杂但又有意思,不妨转换一下思路,把生活中常见的一些操作搬进给图文里。
但想要在图文中通过排版模拟日常生活中习以为常的效果,会不会很难哇?
今天给大家举3个有趣好玩的小例子就知道了,分别为:打分、划重点、字幕滚动
3个案例分别来自用我要WhatYouNeed、戴尔、我是FARMER BOB 3个公众号。
下面一起简单拆解一下。
一
*素材来自我要WhatYouNeed《好人微瑕,我们都做过的26件坏事。》
将前景中的星星区域做成镂空的,背景中设计填充星星的颜色,这样「背景右滑」就可以让用户在微信文章中为不同的行为打分。
素材如下:
该效果可使用 iPaiban Pro 黑科技编辑器中的「双层滑动-背景右滑」组件(编号:10140)制作。
前景和背景图片上传如下:
想要实现同款效果可以在编辑器(SVG.iPaiban.com)搜索使用:
组件:双层滑动-背景右滑
编号:10140(组件)
二
*素材来自戴尔《Buff叠满,戴尔官网福利真的强!》
素材如下:
组件:双层滑动-前景左滑
编号:10018(组件)
三
自动向上滚动播放不同的名字。简单的效果赋予了推文如同电影般的仪式感。
这个效果由3层图片组成:背景层、中间层和前景层。
前景层的滚动图是多张图拼接而成的,需要使用 iPaiban Pro 黑科技编辑器中的「自动-向上滚动条」组件(编号:10891),支持设置滚动时间。
组件:自动-向上滚动条
编号:10891(组件)
组件:零高图片 | 万能背景图
编号:10224(组件)
组件:遮罩
编号:10829(组件)




































要是咱们希望制作出的图文不复杂但又有意思,不妨转换一下思路,把生活中常见的一些操作搬进给图文里。
但想要在图文中通过排版模拟日常生活中习以为常的效果,会不会很难哇?
今天给大家举3个有趣好玩的小例子就知道了,分别为:打分、划重点、字幕滚动
3个案例分别来自用我要WhatYouNeed、戴尔、我是FARMER BOB 3个公众号。
下面一起简单拆解一下。
一
*素材来自我要WhatYouNeed《好人微瑕,我们都做过的26件坏事。》
将前景中的星星区域做成镂空的,背景中设计填充星星的颜色,这样「背景右滑」就可以让用户在微信文章中为不同的行为打分。
素材如下:
该效果可使用 iPaiban Pro 黑科技编辑器中的「双层滑动-背景右滑」组件(编号:10140)制作。
前景和背景图片上传如下:
想要实现同款效果可以在编辑器(SVG.iPaiban.com)搜索使用:
组件:双层滑动-背景右滑
编号:10140(组件)
二
*素材来自戴尔《Buff叠满,戴尔官网福利真的强!》
素材如下:
组件:双层滑动-前景左滑
编号:10018(组件)
三
自动向上滚动播放不同的名字。简单的效果赋予了推文如同电影般的仪式感。
这个效果由3层图片组成:背景层、中间层和前景层。
前景层的滚动图是多张图拼接而成的,需要使用 iPaiban Pro 黑科技编辑器中的「自动-向上滚动条」组件(编号:10891),支持设置滚动时间。
组件:自动-向上滚动条
编号:10891(组件)
组件:零高图片 | 万能背景图
编号:10224(组件)
组件:遮罩
编号:10829(组件)





































小黄人科技@2025 | 服务协议