SVG版City Walk公众号推文设计 | 创意互动效果提升阅读体验

探索城市漫步的全新视角,本文为您带来SVG技术在City Walk主题推文中的创新应用。三儿精心设计的三款SVG效果,包括图片弹窗、双层滑动和点击扑克换图,不仅丰富了内容的表现形式,还增强了用户互动。每个效果都有详细的使用教程,帮助您轻松掌握并应用于自己的推文创作。

SVG效果推荐

City Walk


城市漫游计划















近段时间,与City Walk相关的话题占据各大平台榜首,“City Walk”即城市漫步,主打一个慢节奏、漫无目的游玩,是一种简单的放松方式,深受年轻人的喜爱。“City Walk”目前无疑成为了新的流量密码,各大品牌都开始借势此话题来增加曝光,所以三儿自然也得让各位小伙伴们蹭好热点,提高阅读量了。这不,三儿利用SVG组件设计了3款效果,一起来看看吧!




示例一


·

·


(点击图中闪烁的箭头↑)



使用讲解

此款图文效果利用了图片弹窗SVG组件来实现。三儿将City Walk与秋日赏景主题相结合,来介绍旅游景点。在图片设计中,采用黄色、枫叶等具有秋天代表性的元素来烘托氛围。在SVG创意上,将文章重点内容藏匿在首图下面,再利用线路图和闪烁的箭头图标做引导,吸引用户通过点击来进一步了解景点的详情介绍,增强与用户的互动感。这种创意思路除了单纯介绍旅游景点外,品牌方们也可以利用此效果来介绍自己的秋季新品。



使用教程

SVG组件:图片弹窗——自定义多个触发区

教程在这里:点击查看




示例二


·




使用讲解

在这款图文效果中,顶层是固定的,底图可以变换,与之前介绍的双层滑动效果其实是有异曲同工之妙,所以三儿在设计时就想到了利用虚实结合的展示方式,在底图部分利用ins风的风景图片,而在顶层图片滑动部分放置了动漫人物进行配合,使画面内容更加丰富,能让用户在浏览时有一种逛展览的感觉。

大家在做City Walk相关的内容时,可以将底部滑动的图片设计成胶片风格、ins风格等,并配上城市景点的摄影图,再与漫画人物相结合,就能呈现出不错的效果。



使用教程

SVG组件:点击顶层固定底图横向位移-自定义触发

教程在这里:点击查看




示例三






使用讲解

此款图文效果可以呈现图片快闪的特效,点击首图之后,图片之间以抽扑克牌的方式移出,是一种很新颖的自动播放效果。

大家也可以像三儿一样,利用此效果,将City Walk相关的旅游打卡地放置在其中,来交代推文主要介绍景点,并将此效果放在推文开头位置,让用户跟随图片快速闪动的同时,了解本篇推文的重点,同时也能吸引用户继续往下阅读。



使用教程

SVG组件:点击扑克换图

教程在这里:点击查看



以上就是三儿为大家

带来的全部内容了

希望今天的内容

可以给你带来更多灵感

如果觉得还不错

记得点赞+在看哦~


















扫码关注我们
干货内容
早知道


135编辑器,是一款一站式新媒体运营工具,帮助解决排版美化、作图、运营等一系列问题。平台已有超1200万用户使用,拥有超过15万+样式素材、3000+款模板素材、400+款svg互动效果素材,更有秒刷、一键排版、多公众号管理、云端草稿等46项在线功能。


为了更好地服务企业用户,135编辑器目前面向企业会员同时开放135编辑器会员、企业会员、svg编辑器会员三大权益。更专业的功能和服务,让企业会员享受最佳的会员体验。


END





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