底部拓展阅读怎么排版?教你NewBalance、天梭表等3种效果

原创 收藏 评论
举报 2024-08-05

现在品牌公众号中,每一篇图文加一个底部签名区(也常叫做底部媒体矩阵)已经是固定配置。


在签名区上方,不少品牌图文中还会加一个拓展阅读的栏目,之前出过签名区的教程了,今天咱们再看看底部拓展阅读的3种常见的自动轮播样式和教程


第1种是带超链接的自动扑克牌切换,推荐阅读的推文链接和封面图相结合呈现在文末,吸引读者观看更多账号内容:

1.gif

*素材来自VENCHI源自1878《年度会员节 | 双旦‍回馈,温暖相邀

组件:自动-扑克牌切换(向左)+超链接

编号:10608(组件)


第2种是带超链接的自动放大轮播切换,在轮播的过程中,重点放大展示中间的一张图片,点击即可跳转链接:

2.gif

*素材来自NewBalance中国《全新三方联名1906U,重构实用美学》

组件:放大式轮播-向左(超链接)

编号:11525(组件)


第3种是带超链接的3D橱窗逐张轮播,同样是轮播跳转超链接,这个交互立体性更强,像橱窗展示商品一样展示图片。


看下瑞士天梭表Tissot的应用:

3.gif

*素材来自瑞士天梭表Tissot《“星”动VLOG录制中

组件:3D橱窗轮播-逐张向左(超链接)

编号:11443(组件)


以上3种拓展阅读的样式效果,都可以使用 iPaiban Pro 编辑器实现。


在选择对应的组件后,制作方法类似,下面以案例3瑞士天梭表Tissot的「3D橱窗轮播-逐张向左(超链接)」效果为例,一起看下是如何制作的吧。



详细教程:

工具:iPaiban Pro 黑科技编辑器,网址:SVG.iPaiban.com

组件:3D橱窗轮播-逐张向左(超链接)

编号:11443(组件)

第1步:选择组件


登录 iPaiban Pro 编辑器后,点击编辑器右侧「组件」按钮,在「自动」-「Banner/轮播」分类中找到「3D橱窗轮播-逐张向左(超链接)」组件,或者直接在搜索框中搜索组件编号11443,点击选择。



第2步:上传图片
点击右侧「+」号上传滚动图,所有图片尺寸需保持一致。上传后如果发现顺序不对,还可以上下拖动图片进行调整。




第3步:调整每张滚动时间
根据所需效果,拖拽滑块调整每张滚动时间,这里设置为1.5s。




第4步:填写跳转链接
依次在右侧「跳转链接」位置输入轮播图片对应的链接。

第5步:导入到公众号


内容编辑完毕后,点击最右侧「预览草稿」。



效果满意后接着点击「同步至微信后台」就可以了。



使用同步功能无需频繁在编辑器和微信后台切换,同步成功后可以立即扫描二维码查看。

本文系作者授权数英发表,内容为作者独立观点,不代表数英立场。
转载请在文章开头和结尾显眼处标注:作者、出处和链接。不按规范转载侵权必究。
本文系作者授权数英发表,内容为作者独立观点,不代表数英立场。
未经授权严禁转载,授权事宜请联系作者本人,侵权必究。
本内容为作者独立观点,不代表数英立场。
本文禁止转载,侵权必究。
本文系数英原创,未经允许不得转载。
授权事宜请至数英微信公众号(ID: digitaling) 后台授权,侵权必究。

    评论

    文明发言,无意义评论将很快被删除,异常行为可能被禁言
    DIGITALING
    登录后参与评论

    评论

    文明发言,无意义评论将很快被删除,异常行为可能被禁言
    800

    推荐评论

    暂无评论哦,快来评论一下吧!

    全部评论(0条)