过年回家,是每个游子一年中最期待的旅程,但回家的过程往往充满故事。
美的就带来了一个超有创意的案例,不仅让过年回家的场景更加鲜活,还赋予了读者强烈的参与感,仿佛自己也置身于这趟充满爱的归途中。
左滑试试:
*素材来自美的集团到时间了!自动触发新副本“春节回家”?(文末有惊喜🧧)
组合:背景左滑+点击展开
编号:11900(组合)
滑动与点击展开都挺熟悉了,但没想到背景左滑搭配点击展开,效果瞬间提升了一个档次!
尤其是前景镂空的框架,让读者观看滑动的画面时更加沉浸。
还有一个非常适合用作春节回家创意的排版,大家也可以尝试下,左滑同时下方元素提示滑动进度:
*素材来自i排版编辑器
组件:视差进度条-左滑(自动对齐)
编号:12129(组件)
这个滑动显示进度的排版教程戳:
下面一起看下前面美的案例排版教程吧。
详细教程:
工具:i排版SVG编辑器,网址:SVG.iPaiban.com
组合:背景左滑+点击展开
编号:11900(组合)
第1步:选择组合
登录i排版SVG编辑器后,点击编辑器左侧「组合」按钮,在「花样展开」分类中找到「背景左滑+点击展开」组合,或者在组合中直接搜索编号11900,点击选择。
第2步:进入组合编辑模式
如下所示,点击「编辑组合」,进入组合编辑模式。
在组合编辑模式中,我们需要分别设置展开前和展开后的内容。
第3步:设置「展开前」内容
点击「展开前」区域,接着点击右侧「换图」按钮,上传前景图片。
点击「+」号,依次上传滑动图,注意滑动图的宽高和前景图一致。
双击「展开前」区域上传的图片,调整点击触发的区域。尽量避免整张图片都是触发区,因为所设置的触发区域内可能不能进行左滑。
第4步:设置「展开后」内容
第5步:设置动画参数
第6步:导入公众号后台
内容编辑完毕后,点击左上角「保存并退出」退出组合编辑模式回到编辑器主页面。
点击最右侧「预览草稿」可随时扫码预览效果,效果满意后点击「同步至微信后台」同步到自己的公众号就可以了。
使用同步功能可以不用频繁在编辑器和微信后台切换,同步成功后可以立即扫码预览二维码查看。
如需局部导入可参考《iPaiban Pro小助手安装和使用教程》中导入功能的「导入代码」部分。
更多新年春节排版教程:























