宝藏模版
往期推荐(点击阅读):
🤑618排版必备SVG模版🤑http://mp.weixin.qq.com/s?__biz=Mzk0NDIyMjU0OQ==&mid=2247505052&idx=1&sn=40d88344ea787fbfcdfe7d4597a02faa&chksm=c3256ca6f452e5b041deaba9838b1159bdec451d455d2ba9cd60e8db194a95cae7af58b08b2b&scene=21#wechat_redirect
🤠属于爸爸们的SVG模版🤠http://mp.weixin.qq.com/s?__biz=Mzk0NDIyMjU0OQ==&mid=2247505196&idx=1&sn=b3e267edfa44b86de7331e476f538d20&chksm=c3256d16f452e4008624efa170c4b6d2949be8dde287af4375eeaece0642305428230183e926&scene=21#wechat_redirect
各位黑科技编辑器会员,编辑器内 900+ 的 SVG 组件你们都用过吗?2023 年,品牌终于可以和用户畅聊旅游话题了!那么如何通过交互设计打造更精彩的旅游产品广告?一起来看看我们的推荐!
多热区弹出式海报
风景区、游乐场、博物馆等景点大多会向用户提供导航地图,而在微信图文中我们可以通过「多热区弹出式海报」,将地图画面和地标详情有机结合。所以无论是北京环球度假区还是上海迪士尼度假区,其公众号都采用过该形式 SVG 组件进行广告,点击下方两组景区地图体验:
卡片堆叠(无限往返伸缩器等)
如果你的图文信息量非常大,尤其是牵涉到多个景点/地标的排列,那也可以考虑将「伸长」结构的组件进行多次反复的叠加应用。以定制(by JZCreative)案例喜茶公众号的《终于,阿喜冰箱贴被文旅局“盯”上了🤩》为典型,本质是多个「无限往返伸缩器」的交错堆叠改造:
除了纵向的叠加形式,我们还可以参考 Apple 公众号的《跟着这份 macOS Ventura 词汇表,开始新操作。》进行横向的选项叠加:
具体操作可以点击阅读《Apple同款|SVG扑克序列横向展开只需5分钟搞定》学习。另外对于「伸长」结构的复合还可以点击阅读《SVG「多段伸长」和「伸长嵌套」到底有什么区别?》进一步了解。
旋转式切换
由业内知名开发者@三千喵 设计的 SVG 交互模型「旋转式切换」,适用于多个场景的连续切换,最早应用于奔驰公众号的《想去哪儿就去哪儿,云旅游安排!》,是当下 E2.COOL 黑科技编辑器中 UGC 专区的热门组件,非常适合旅行主题交互设计:
黑科编辑器作为高度推崇原创精神的先锋新媒体工具,在 UGC 专区上架有业内各大顶尖开发者发明并投稿的精彩模版,欢迎点击不同组件直接购买或点击组件名右侧的「i」符号预览基本效果。
任意点放大-消失
想告诉读者某个准确位置?甚至超链接前往详情页面?不妨试试像 Google Earth 一样基于 SVG 编辑器创作连续 ZOOM IN 特效吧!请连续点击下方画面查找当下的北方美食热点:
结合「零高容器」就可以实现这样的创意排版,这里提供一个排版结构参考:
多热区渐现
淄博还有哪里好玩?通过「多热区渐现」SVG 组件,你可以点击下方地图不同位置,获得淄博市各区县的景区介绍:
在 E2.COOL 的组件搜索功能内查找「多热区渐现」即可体验!同样如果需要超出筛选器数量的渐现图片,可以通过「零高容器」的叠加实现无限数量浮层交互喔!
朋友圈模拟(组件综合运用)
节日出游,必然少不了朋友圈动态的更新。参考香港旅游发展局公众号的《我和香港的这些年》作为第二届 E2 编辑器「1024 节」的三等奖作品,综合运用了「点击-伸长」、「视频号跳转美化」、「多热区弹出式海报」等组件,模拟了热闹非凡朋友圈场景。
最后,祝所有五一出行的朋友们自由又自在,祝所有运营景区的朋友们业绩腾飞!