世界杯图文，原来可以这样玩啊！（推荐8个适合的SVG效果）
正在进行中的卡塔尔世界杯，是目前社会上最大的热点之一。现在已经出现了不少世界杯主题品牌图文，这几天会给大家整理分享出来。
等不及的小伙伴可以在品牌时光机SVG案例库（Brandtime.cn）搜索世界杯、球等关键词，有超过2300个相关案例。
现在扫码添加下方企业微信回复关键词【案例库】即可领取案例库1个月会员，13万多案例畅快搜。
今天要给大家推荐的是8种适合世界杯主题的SVG交互效果，如果你正苦于缺乏好的创意，它们或许能为你带去一些火花。
*以下8种效果用 iPaiban Pro 黑科技编辑器就能制作，定位相关组件请在编辑器内直接搜索 Demo 下方的组件编号。
1
图片旋转切换
组件：自动-顺时针旋转切换(下)
编号：11329（组件）
组件：连续点击-图片顺时针旋转切换(下)
编号：11279（组件）
图片旋转切换，分为自动旋转（上）和点击旋转（下）。想要依次展示球员或球队，那展示动效就是出场方式，看惯了常见的轮播切换，不如试试新颖的旋转切换。
2
雪花飘落
组件：雪花飘落(有图案)
编号：11343（组件）
「雪花飘落(有图案)」组件有个最大的作用就是渲染氛围。名称叫雪花，但你可以上传任何图像使其覆盖全文飘落，比如足球、彩带等。
3
点击图片缩小
组件：点击-图片缩小(任意设置初始放大区域)
编号：11360（组件）
该组件的优势在于你可以框选一张高清图的任一局部作为起始图案，点击一下，图片将会按照设置的速度逐渐缩小到显现全景，有种镜头逐渐拉远的感觉。
用于世界杯主题可以是点击足球查看进球瞬间、点击足球查看一个个关于世界杯的故事等。
4
两列触发全屏左滑
组件：Apple同款-两列触发全屏左滑(有返回触发区)
编号：11340（组件）
教程：《两列触发全屏左滑，Apple这个丝滑效果用编辑器就能做啦！》
世界杯最重要的是一场场精彩的比赛，每场比赛少不了对阵双方，用两列触发全屏左滑在一屏内展示对阵双方再合适不过了，点击任一方可左滑查看详情，具有充足的内容空间。
比如我们用自己的两个产品模拟球队PK，就可以与世界杯热点结合起来。
5
点击抽屉切换图片
组件：点击-抽屉切换图片(无限次往返,有触发区,左)
编号：11123（组件）
该效果同样可以用来展示球员、球队、精彩瞬间等。相较于前面的旋转切换，读者可以有选择的查看，并且每个“抽屉”内能够容纳更多的内容。
该效果分为上、下、左、右四个抽出方向，在编辑器内搜索关键词「抽屉」可查看全部相关组件。
6
三层滑动-上滑(多张)
组件：三层滑动-上滑(多张)
编号：10803（组件）
现在已经看到很多品牌的世界杯热点图文，都是使用了该效果。该效果由三层图片组成，中间层的足球不动，背景层和前景层图片跟随手指上滑移动。在上滑过程中足球贯穿全文，具有很强的层次感。
7
点击直线移动
组件：点击-切换GIF直线移动(可拼接背景)
编号：10229（组件）
教程：《→→轨→→迹→→移→→动→→不用代码自己就能制作了！》
让足球贯穿全文的另一种方式，背景不动前景动。点击移动的可以是一个足球，也可以是人踢着足球前进，在前进过程中经过的一个个场景中可以加入产品或品牌信息。
8
新年签效果
1）点击轮播，点击停止：
组件：祈福签-点击轮播,点击停止
编号：10130（组件）
2）自动轮播，点击停止：
组件：祈福签-自动轮播,点击停止
编号：10131（组件）
3）长按轮播，松手停止：
组件：祈福签-长按轮播,松手停止
编号：10134（组件）
观众在看球之余往往少不了竞猜环节，比如猜比分、猜胜者、猜冠军……用新年签效果让读者凭运气参与竞猜，可以增加图文的娱乐性和互动性。
制作SVG交互图文认准 iPaiban Pro 黑科技编辑器，网址：x.iPaiban.com，复制网址在 PC 端 Chrome（谷歌）浏览器打开，即可开始注册并使用。
新用户在「新手礼包」可领取3天企业标准版会员体验权，以及22个常用必备组件的大礼包（1年）。随礼包附赠千元优惠券，每单最高立降500元。
转载请在文章开头和结尾显眼处标注：作者、出处和链接。不按规范转载侵权必究。
未经授权严禁转载，授权事宜请联系作者本人，侵权必究。
本文禁止转载，侵权必究。
授权事宜请至数英微信公众号(ID: digitaling) 后台授权，侵权必究。
评论
评论
推荐评论
暂无评论哦，快来评论一下吧！
全部评论（0条）