看到这3个春节图文创意,我噗嗤笑了……

小黄人科技

发布于:2021-02-02

摘要:

春运、买年货、集五福……年味儿越来越浓了。


老沙早在一周前就为大家推荐了7大类图文创意交互玩法,每一类都有相应的品牌案例,当然也包括最受欢迎的「新年签」,直接戳右方查看:《春🥟节🥟图🥟文🥟有🥟年🥟味🥟儿》


但是,有人还是想看到更新颖的玩法,新颖到几乎不见其他品牌用过的那种。


这几天,我们用简单的素材为大家制作了3个适合春节主题的交互玩法,一起体验下。



一

点击收缩展开变换图片


·

                       
1.87,0.7,1.2_-_-_-[{"title":"无标题","abstract":"","article_id":"8ca253bae6551e18b87ba4c25a1d90c4","widgets":"[{\"type\":\"Shrink2Spread\",\"isMagic\":true,\"options\":{\"clickDisappearImg\":\"\",\"disappearDur\":1,\"LongImages\":[],\"fisrtPageHeight\":200,\"prePageHeight\":500,\"duration\":\"2\",\"shrink\":false,\"maxHeight\":573,\"slots\":[{\"type\":\"Img\",\"widgetObj\":{\"type\":\"Img\",\"options\":{\"singleImg\":{\"media_id\":\"2f655211bc00e5355835ffe5ece19bfa.jpg\",\"src\":\"http://black-resource-1257307183.cos.ap-beijing.myqcloud.com/2f655211bc00e5355835ffe5ece19bfa.jpg\",\"type\":0,\"star\":false,\"name\":\"23_1610345882000_7499--沙僧祝春节快乐.jpg\",\"size\":1576273,\"total\":473,\"img_width\":1000,\"img_height\":1670,\"is_deleted\":false},\"isTop\":true,\"bgMode\":\"without\",\"widthMode\":\"autofix\",\"width\":\"343\",\"containerWidth\":\"343\",\"containerWidthMode\":\"autofix\",\"bgImg\":{\"src\":\"http://black-resource-1257307183.cos.ap-beijing.myqcloud.com/8cd93f014d244d778c77fc32105e5bd1.png\"},\"imgs\":[],\"bgRepeat\":\"no-repeat\"},\"styles\":\"\"}}],\"preSlots\":[{\"type\":\"Shrink2SpreadPreSlot\",\"widgetObj\":{\"type\":\"Shrink2SpreadPreSlot\",\"options\":{\"defaultImg\":{\"src\":\"http://black-resource-1257307183.cos.ap-beijing.myqcloud.com/456622905399b9486e723441c6568811.png\"},\"baseImg\":{\"media_id\":\"839f6937bbb8c3fdfcc88cb35821cea7.gif\",\"src\":\"http://black-resource-1257307183.cos.ap-beijing.myqcloud.com/839f6937bbb8c3fdfcc88cb35821cea7.gif\",\"type\":0,\"star\":false,\"name\":\"23_1610345846000_418--沙僧放鞭炮动图1.gif\",\"size\":902125,\"total\":472,\"img_width\":1000,\"img_height\":1670,\"is_deleted\":false},\"toggleImg\":{\"src\":\"http://black-resource-1257307183.cos.ap-beijing.myqcloud.com/Active.png\"},\"dur\":1,\"isShow\":true},\"styles\":\"\"}}]},\"styles\":\"\"}]"}]-_-_-_


●不同于普通的点击收缩展开,此Demo点击后只收缩部分高度,且收缩节奏与动图设计密切配合。


随着鞭炮的燃放,图文收缩,达到设定高度后,未收缩部分和收缩部分的图片同时变换,展开后展现新的内容。



二

下拉新年签



●我们常见的新年签大概有3种:「图片点击轮播,点击停止」「图片自动轮播,点击停止」和「图片长按轮播,松手停止」。


这3种经典实用,但有个局限是一屏只能展示一种签面,「下拉新年签」用分屏滑动的形式突破了这种局限性。



三

脱单转盘


脱单


● 转盘自带游戏的性质,且常用于抽奖,配合有趣和充满吸引力的选项,极易让人在玩起来肾上腺素飙升。


在图文中每个选项被选择的概率可以设置,比如此Demo中,工程师将「会」区域被选中的概率设置为1/6,将「不会」区域被选中的概率设置为5/6,所以大家如果点击后不幸抽中了「不会」,放宽心……(摸着良心讲,如果只有5/6的概率其实已经很不错了是吧?)

最后再给大家推荐一个这几天突然爆火的一个样式:信封式滑动,它交互简单却非常实用,一个样式就是一篇推文,品牌们将它玩出了花。

来自「平安人寿」:

点此查看原文

在今日推送的二条,有更多信封式滑动的品牌案例以及制作教程哦。

距离春节还有不到10天的时间,如果有感兴趣的企业或品牌需要定制,请尽快添加玉兔微信(ID:Playhudong15)沟通咨询,晚了可能就排不上了。



如果你对文章开头提到的7大类交互形式更感兴趣,其中九宫格滑动图片、双层前景滑动以及3种「新年签」形式用  iPaiban Pro 编辑器就能实现了。


现在新用户注册 iPaiban Pro 编辑器,可免费使用全部组件和组合,个人用户免费使用1天,企业用户免费使用3天。


此外,个人还可领取包含了7个常用必备组件的大礼包(30天)和700元优惠券,企业还可领取包含了7个常用必备组件的大礼包(1年)和2400元优惠券,先到先得。



认准编辑器网址:x.iPaiban.com,复制网址在 PC 端 Chrome(谷歌)浏览器打开,即可开始注册并使用。



一个互动

你最喜欢哪个春节交互玩法?

留言区聊聊


●黑科技交互排版样式👇🏻

                       
                       
                       
                       
                       
                       
                       
                       
如果有感兴趣的企业或品牌需要定制黑科技排版,请添加玉兔微信沟通。

点个“在看”
戳沙小僧(playhudong033)
抱走《公众号排版规范手册》PPT