
问对人了,来看看 SVG 编辑器中有多少种能让你轻松驾驭的 SVG 答题互动!
最简单的答题互动形式,本质是两张图的切换,但通过选项的正误变化产生答题的选择反馈感。点击下方画面体验:
将某个伸长组件多次反复应用连续排列,也可以实现作出选择并展示对应结果的黑科技排版。点击下方画面体验:
显示选择的正误,并随后切换出答案解析画面。设计时建议制作纯色底,并注意切图导出画面的精确性。点击下方画面体验:
根据题目的不同选项,最终生成对应的答案(共 8 种结果对应 8 个画面设计)。点击下方画面体验:
点击A/B选项,跳转至对应选项答案图片。点击下方画面体验:
更多案例参考(长按识别二维码):
http://xhslink.com/N4yM5A (二维码自动识别)
点击三项中其中一个选项,跳转至对应选项答案图片。点击下方画面体验:
点击四项中其中一个选项,跳转至对应选项答案图片。点击下方画面体验:
点击A/B选项,跳转至对应选项答案图片,并且伸长图文。点击下方画面体验:
二选项的问答题模式,选项均可点击查看并改变画面其他要素。点击下方画面体验:
通过无限选择器的嵌套逻辑,形成答题互动效果。点击下方画面体验:
更多案例参考(长按识别二维码):
http://xhslink.com/etVYxw (二维码自动识别)
点击错误选项时,错误提示短暂浮现;点击正确选项时,画面整体切换:
操作参考(长按识别二维码):
http://xhslink.com/7WwNft (二维码自动识别)
更多海量模板,平均不足 1 元!
E2.COOL 秉持着让行业“人均 SVG”的生态理念,由多位黑科技排版设计的头部资深开发者共同打造,斩获包括法国设计奖、美国缪斯创意设计奖等诸多国际赛事大奖,帮助更多品牌以可视化形式完成互动式图文创作。如有任何特效灵感和建议,也欢迎通过客服向我们提出,E2 将竭诚思考代码转化的可行性。
E2 平台官网
https://www.e2.cool/
会的比别人多一点
