图文中插入视频号的方式有两种:
一种是直接插入视频号原生卡片,用户点击卡片进入视频号;
一种是在给视频号覆盖一张图片,用户在文案和标识的引导下点击图片打开视频号。
后者覆盖的这张图片,无疑给了创作者很大的发挥空间去提高视频号打开率。
今天整理了民生信用卡、GUCCI、五菱汽车、极米投影、ZARA、lululemon、UnderArmour、波司登、法拉利中国、乐乐茶、绝对MINI、企业微信12个品牌的12种视频号图片设计样式,都超好看,大家在设计时可以参考~
1、民生信用卡
注意,这不是视频号原生卡片,而是将图片设计为了原生卡片的形式。虽然表面上看着一样,但设计成图片可以灵活地控制卡片的视觉范围,另外通过 iPaiban Pro 黑科技编辑器的「视频号-图片(有触发区)」组件(编号:10575),你还可以任意设置点击触发的位置和大小。
当长图整体为横版设计时,你还可以像下方「沃尔沃汽车」一样将视频号卡片的样式设计为横版,整体更统一。
2、GUCCI
「GUCCI」将卡片样式简化,去掉了多余的文字,卡片背景为炫丽的产品展示动画,很是具有吸引力。
在实际制作素材的过程中,如果将卡片样式和动画设计为一张动图时,你会发现卡片样式会变得模糊。
「GUCCI」的做法很是机智,它将两张图分开,然后利用 iPaiban Pro 的「视频号-图片」组件(编号:10228)和「遮罩」组件(编号:10829)将其叠加在一起,在视频号可正常跳转的同时保证了卡片样式的清晰度。
3、五菱汽车
「五菱汽车」不仅将原生卡片简化了,还做了一定修改设计,将其与背景图很好地融入在了一起。
五菱在图文中插入视频号,经常会采用这种设计,其他图文:《五菱佳辰 | 7座家用车 内饰大揭秘》
4、极米投影
「极米投影」同样是以视频号原生卡片样式为基础,作了改化设计,同时增加了一段疑问句文案引起用户好奇心。背景是酷炫的产品展示动画。
5、ZARA
「ZARA」只保留了原生卡片的圆角矩形样式,上面仅放置一个播放按钮和品牌LOGO,卡片下面是不断切换的动画。卡片的投影设计给人感觉像是漂浮在动画之上。
6、lululemon
「lululemon」完全舍弃了原生卡片的样式设计,仅用一个播放按钮和简单的文案引导用户点击,但动态背景具有一定的吸引力。
7、UnderArmour
「UnderArmour」并没有让动态图片充满全屏,四周边框的设计使其很好地与长图上下衔接。中间用播放按钮引导用户点击,将文案放在了图片左上角。原文中插入了同一系列的多个视频号内容,使用了统一的设计风格。
8、波司登
「波司登」的视频号图片配合长图整体设计采用横版设计,局部的长方形动态图片上方有一个播放按钮,像是嵌入了一个视频,点击播放按钮却跳转到视频号,让人出于意料。
9、法拉利中国
「法拉利中国」将视频号图片设计成了一张海报,仅用一个简单的播放按钮引导用户点击,仪式感满满。
10、乐乐茶LELECHA
「乐乐茶LELECHA」用一个可爱的小电视加上播放按钮表示此处为视频,画风与长图可爱风格保持一致。
11、绝对MINI
别人都在图片内容上下功夫,「绝对MINI」创作性地将播放按钮认真设计了一番。设计师与产品特点结合,将按钮设计得熔金立体化,不再是简单的白色按钮。
12、企业微信
同一张图片上是可以设置多个视频号内容热区的。
「企业微信」在设计上将多个视频号卡片错落放置,在同一个张图片上设置了4个视频号内容热区,大大缩小了图文占用空间,用户可以很方便地选择观看。
附:
如果你还查看更多视频号图片相关案例,可以到「品牌时光机」交互图文案例库(网址:brandtime.cn)按交互类型分类去查找,目前总案例数已达22000+。
现在新用户注册登录iPaiban Pro 黑科技编辑器,在「新手礼包」可领取3天企业标准版会员体验权,以及22个常用必备组件的大礼包(1年)。
认准编辑器网址:x.iPaiban.com,复制网址在 PC 端 Chrome(谷歌)浏览器打开,即可开始创作SVG交互排版(又称公众号交互图文、互动图文、黑科技排版、互动式排版)