用SVG做公众号人物介绍排版,高级感直接拉满!

掌握2024年最新的SVG排版技巧,为你的人物介绍推文增添创意与互动性。本文详细介绍两种SVG玩法,包括多图竖向叠加点击回弹展开和横向无限次点击标签抽出卡片效果,教你如何使用135编辑器轻松实现高级感满满的人物介绍排版。立即阅读,让你的内容脱颖而出!

人物介绍

SVG玩法

CREATIVE

METHODS

又学一招

135


都2024年了,你不会还在用传统的图文排版方式做人物介绍类推文吧?其实我们完全可以换个思路,尝试用SVG效果进行展示,今天三儿就为大家介绍两种人物介绍的SVG玩法,为你的推文增加“亿”点点创意吧!






又学一招

人物介绍SVG玩法一


点击不同卡片查看内容↓


·

·


此款SVG效果可以容纳多张图片,很适合大家放入人物介绍海报进行展示。此效果最初的展示形态为收缩在一起的卡片,当用户点击不同卡片,每张卡片的详细内容就会展开呈现。此款效果既增加了人物介绍形式的神秘感,也能与用户形成良好的互动。



此效果的名称为多图竖向叠加点击回弹展开,SVG效果ID:677。在135编辑器左侧菜单栏选择【SVG编辑器】,即可进入到SVG编辑器界面,在【互动效果】中搜索677,即可使用。










又学一招

人物介绍SVG玩法二


·

·


在面对一篇内容较长的推文需要排版时,此效果可以帮助我们优化推文排版布局,同时还能确保用户可以反复浏览内容。


这款效果可以放在推文开头的位置,起到一个统领全文的作用,在正文部分再分别对上述人物进行详细介绍。



此效果的名称为横向无限次点击标签抽出卡片,SVG效果ID:241。在135编辑器左侧菜单栏选择【SVG编辑器】,即可进入到SVG编辑器界面,在【互动效果】中搜索241,即可使用。







以上就是三儿分享的全部内容了

如果觉得还不错

记得点赞+在看哦

如果你还有什么想看想学的

欢迎在评论区留言哦





END






文章申明:本文章转载自互联网公开渠道,如有侵权请联系我们删除
文章评价
登录后可以评论
立即登录
分享到