Apple公众号的排版,从不为了炫技而炫技。
它的排版首先服务于主题与内容。
在这篇《这几张交通卡的新卡面,地球都💚了。》环保主题的文章中,Apple用了一种竖向叠加展开的效果,用户在留言区直夸「排版一百分」。
点击试试:
*素材来自Apple这几张交通卡的新卡面,地球都💚了。
组件:点击-竖向叠加展开
编号:12157(组件)
也可以点击展开时不回弹:
*素材来自Apple这几张交通卡的新卡面,地球都💚了。
组件:点击-竖向叠加展开
编号:12157(组件)
推荐大家在即将到来的世界环境日推文中用起来。另外像平级内容比较多的场景都可以用,比如招聘、多个商品介绍等。
简单来看,这不就是多个点击展开效果平铺在一起嘛。其实不止,这平铺的多个展开之间,还有一定的叠加。
类似的效果之前给大家出过排版教程:重叠叠叠叠叠叠叠叠叠叠叠展开
如果和苹果一样,展开的内容都是纯图片,今天教大家一种更为简单的排版实现方式。
详细教程:
工具:i排版SVG编辑器,网址:SVG.iPaiban.com
组件:点击-竖向叠加展开
编号:12157(组件)
第1步:选择组件
登录i排版SVG辑器后,点击编辑器右侧「组件」按钮,在「点击」分类中找到「点击-竖向叠加展开」组件,或者直接搜索组件编号12157,点击选择。
第2步:上传图片素材
点击右侧两个「+」号,分别上传点击消失图和展开图。所有图片宽度保持一致,消失图和展开图的数量相同。
其中点击消失图的高度用来确定展开前的高度。展开图为完整的展开画面。
Apple的效果展开前没有任何点击提示,直接上传的纯透明图。
第3步:调整动画效果
选择是否回弹,设置回弹程度,调整展开时间与点击消失时间。
第4步:设置全局背景(可不设置)
如果展开图背景透明,为了保证点击展开后不露出文章的白底,可在文章开头设置一个全局背景,上传需要的背景图片。
第5步:导入公众号后台
使用同步功能不用频繁在编辑器和微信后台切换,同步成功后可以立即扫描二维码预览在公众号的效果。
如需局部导入可参考《iPaiban Pro小助手安装和使用教程》中导入功能的「导入代码」部分。
























