《图文视频号图片设计大全

一种是在给视频号覆盖一张图片,用户在文案和标识的引导下点击图片打开视频号。

今天整理了民生信用卡、GUCCI、五菱汽车、极米投影、ZARA、lululemon、UnderArmour、波司登、法拉利中国、乐乐茶、绝对MINI、企业微信12个品牌的12种视频号图片设计样式,都超好看,大家在设计时可以参考~

注意,这不是视频号原生卡片,而是将图片设计为了原生卡片的形式。虽然表面上看着一样,但设计成图片可以灵活地控制卡片的视觉范围,另外通过 iPaiban Pro 黑科技编辑器的「视频号-图片(有触发区)」组件(编号:10575),你还可以任意设置点击触发的位置和大小。

当长图整体为横版设计时,你还可以像下方「沃尔沃汽车」一样将视频号卡片的样式设计为横版,整体更统一。

「GUCCI」将卡片样式简化,去掉了多余的文字,卡片背景为炫丽的产品展示动画,很是具有吸引力。

在实际制作素材的过程中,如果将卡片样式和动画设计为一张动图时,你会发现卡片样式会变得模糊。

「GUCCI」的做法很是机智,它将两张图分开,然后利用 iPaiban Pro 的「视频号-图片」组件(编号:10228)和「遮罩」组件(编号:10829)将其叠加在一起,在视频号可正常跳转的同时保证了卡片样式的清晰度。

「五菱汽车」不仅将原生卡片简化了,还做了一定修改设计,将其与背景图很好地融入在了一起。

五菱在图文中插入视频号,经常会采用这种设计,其他图文:《五菱佳辰 7座家用车 内饰大揭秘》(链接:)

「极米投影」同样是以视频号原生卡片样式为基础,作了改化设计,同时增加了一段疑问句文案引起用户好奇心。背景是酷炫的产品展示动画。

「ZARA」只保留了原生卡片的圆角矩形样式,上面仅放置一个播放按钮和品牌LOGO,卡片下面是不断切换的动画。卡片的投影设计给人感觉像是漂浮在动画之上。

「lululemon」完全舍弃了原生卡片的样式设计,仅用一个播放按钮和简单的文案引导用户点击,但动态背景具有一定的吸引力。

「UnderArmour」并没有让动态图片充满全屏,四周边框的设计使其很好地与长图上下衔接。中间用播放按钮引导用户点击,将文案放在了图片左上角。原文中插入了同一系列的多个视频号内容,使用了统一的设计风格。

「波司登」的视频号图片配合长图整体设计采用横版设计,局部的长方形动态图片上方有一个播放按钮,像是嵌入了一个视频,点击播放按钮却跳转到视频号,让人出于意料。

「法拉利中国」将视频号图片设计成了一张海报,仅用一个简单的播放按钮引导用户点击,仪式感满满。

「乐乐茶LELECHA」用一个可爱的小电视加上播放按钮表示此处为视频,画风与长图可爱风格保持一致。

别人都在图片内容上下功夫,「绝对MINI」创作性地将播放按钮认真设计了一番。设计师与产品特点结合,将按钮设计得熔金立体化,不再是简单的白色按钮。

「企业微信」在设计上将多个视频号卡片错落放置,在同一个张图片上设置了4个视频号内容热区,大大缩小了图文占用空间,用户可以很方便地选择观看。

如果你还查看更多视频号图片相关案例,可以到「品牌时光机」交互图文案例库(网址:按交互类型分类去查找,目前总案例数已达22000+。

现在新用户注册登录iPaiban Pro 黑科技编辑器,在「新手礼包」可领取3天企业标准版会员体验权,以及22个常用必备组件的大礼包(1年)。

认准编辑器网址:复制网址在 PC 端 Chrome(谷歌)浏览器打开,即可开始创作SVG交互排版(又称公众号交互图文、互动图文、黑科技排版、互动式排版)返回搜狐,查看更多