《16种全国两会知识答题样式(SVG版)》

i排版编辑器

发布于:2023-03-06

  • 全能无缝图

  • 点击消失+展开(设置触发区域)

两会正在如火如荼召开中,怎么做推文才能方便直观地宣传两会内容呢?


当然是使用经典又实用的答题形式。


之前给大家推荐过15个关于政府会议的图文案例,回顾戳:《两会倒计时,来看央视新闻、人民日报等15个案例怎么做宣传?》


这次我们为大家准备了16种适合用作答题创意的交互效果,每个交互下面附有对应的组件或组合,在 iPaiban Pro 黑科技编辑器搜索编号即可制作。


下面一起体验下吧。



01


 




点击答案,出现正确和错误选项,正确答案解析就放在展开内
组合:点击消失+展开(设置触发区域)
编号:11186(组合)


02


 





翻页前查看问题,点击翻页后查看答案解析。
组件:点击-开门切换图片(翻页、左下)
编号:11196(组件)


03


 






点击答案,播放对应问题的答案音频。
组件:点击播放音频同时切换图片(需上传素材,防误触,不可转载)
编号:10107(组件)


04


 





点击错误选项出现解析,点击正确答案不变并展开。
组合:点击展开(宽屏)
编号:10307(组合)
组件:点击-切换图片(有触发区)
编号:10043(组件)


05


 




点击错误选项提示选错了,引导用户点击正确选项并且展开答案解析。
组合:点击展开(首屏可点击切换)
编号:11212(组合)


06


 






无限次点击切换问题和答案解析,引导用户反复互动。
组件:点击-切换图片(无限次)
编号:11161(组件)


07


 








左滑查看答案,直到看到正确答案和解析。
组件:四层滑动-左滑(自动对齐)
编号:10745(组件)


08


 




4个选项列表式排列,每个选项的交互为点击切换显示对错。
组件:列表式点击切换
编号:11216(组件)


09


 













4个选项列表式排列,其中错误选项点击后会提示重新作答并恢复原状,正确选项点击后显示正确。
组件:列表式点击切换(可恢复)
编号:11217(组件)



10


 






4个选项列表式排列,每个选项的交互为点击后从右侧水平快速移入图片显示对错。
组件:列表式点击切换(从右水平移入)
编号:11218(组件)



11


 






4个选项列表式排列,每个选项的交互为点击展开,展开后的内容除了显示对错外,还可以加入解析、产品展示等。
组件:列表式点击展开 | 答题
编号:11219(组件)



12


 




将所有选项设计在一张图片上,用户点击任一选项都会切换图片显示正常答案并展开,展开后的内容可以是解析、产品展示等。
组件:点击切换展开
编号:11220(组件)



13


 




3个选项横向排列,每个选项的交互为点击切换显示对错,3个选项的图片尺寸需保持一致。
组件:三宫格点击切换图片
编号:11221(组件)



14


 




4个选项宫格式排列,每个选项的交互为点击左右翻转显示对错,4个选项的图片尺寸需保持一致。
组件:四宫格点击左右翻转(带背景)
编号:11222(组件)



15


 



点击任意选项出现对应的正误标注,间隔一定时间后自动显示解析,只有一次选择机会。
组件:点击答题(显示对错并出现解析)
编号:11223(组件)



16


 




点击任意选项向上滚动出现答案。
组件:点击-向上滚动条
编号:11182(组件)




制作SVG交互图文认准 iPaiban Pro 黑科技编辑器,网址:x.iPaiban.com,复制网址在 PC 端 Chrome(谷歌)浏览器打开,即可开始注册并使用。


新用户在「新手礼包」可领取3天企业标准版会员体验权,以及22个常用必备组件的大礼包(1年)。随礼包附赠千元优惠券,每单最高立降500元。





SVG 黑科技交互排版👇🏻

 

                                                               
                                                               
                                                               








如需定制 SVG 黑科技排版,请添加玉兔微信(ID:playhudong15)沟通咨询。