6种高考简易答题模板(可套用).pdf

答题，真是一件让人类欲罢不能的事情。

2018年初，直播答题曾成为互联网的第一风口；

这几年，答题测试类H5时不时就会刷屏朋友圈；

《中国诗词大会》《一站到底》等答题类电视节目经久不衰；

……

图文中也少不了答题玩法。

老沙前天在《2021年新媒体人高考模拟题》一文中总结了8种答题形式，因为结构较为复杂，大部分都需要定制实现，技术和预算的门槛让许多小伙伴们左右为难。

其实，也有很多答题形式使用 iPaiban Pro 黑科技编辑器（x.iPaiban.com）就能制作，很适合高考以及端午节趣味答题，今天带大家一起看看。

形式一

点击变换图片

点击切换图片的效果真的太经典了，从诞生以来就不断被赋予各种创意玩法，将它用做答题也是非常适合。

▲来自「GQ实验室」公众号

「GQ实验室」这篇，一道题就是一个点击切换图片效果，点击任意选项，直接出现题目答案。原文戳：《找恋爱对象如何不看走眼？》

▲来自「微信公开课」公众号

「微信公开课」这篇，每一个选项使用一个点击切换图片效果，点击选项，变换图片显示该选项是否正确。原文戳：《世界上拥有微信用户第二多的国家是？》

▲来自「三三星球」公众号

「三三星球」这篇是一个测试类的答题，交互效果与「微信公开课」的相同，但玩法不同，点击某一选项不是直接显示对错，而是引导用户前往另一个题目作答，直到最后完成测试，大家一定要去原文感受下。原文戳：《恋爱时的你是《哈利波特》里的谁？一测便知！》

▲来自「三三星球」公众号

同样是来自「三三星球」的一篇答题图文，这篇是将选项横向排列，答案解析单独放在了选项下方，可点击查看。原文戳：《没做过这套题，十多年的《武林外传》就白看了！》

制作以上效果需使用的组件：

组件：点击-切换图片
编号：10005（组件）

其中第四个案例“将选项横向排列”的效果需使用组件：

组件：四宫格-点击切换GIF动图
编号：10138（组件）

形式二

点击擦除

现在点击擦除效果已经支持上、下、左、右四个方向了，你甚至可以自定义任意角度。

老沙没有找到将点击擦除应用在答题中的品牌案例，不过如果将形式一的点击切换图片效果都换成点击擦除，体验会很新颖。

点击试试：

制作以上效果需使用的组件：

组件：点击-擦除图片(由上向下)
编号：10248（组件）
组件：点击-擦除图片(由下向上)
编号：10208
组件：点击-擦除图片(由右向左)
编号：10384
组件：点击-擦除图片(由左向右)
编号：10386

形式三

点击展开

▲来自「GIADA」公众号

「GIADA」这篇是点击选项直接展开，出现答案和解析。因为展开长度没有限制，我们可以在展开的内容中放入丰富的内容。原文戳：《欢迎进入「水晶问答」》

制作以上效果需使用的组合：

组合：点击展开(宽屏)
编号：10307（组合）

形式四

点击切换图片+展开

‍

▲来自「宝马中国」公众号

「宝马中国」这篇，一道题使用了一个点击切换图片+展开的效果，简单直观，适用于题目较少且想要对正确选项详细说明的情况。原文戳：《黑的白的红的黄的紫的绿的蓝的灰的》

制作以上效果需使用的组合：

组合：点击切换图片+展开(设置触发区域,宽屏)
编号：10057（组合）

形式五

宫格答题

“出门前”方程式=要美、要帅！

那么下面这些物品中，哪些含有化工产品？点击小图标试试！

▲来自「壳牌中国」公众号

「壳牌中国」的一篇图文，九宫格答题，支持多选，点击每一个选项自动判断对错，适用于选项需要用多张图片表示的情况。戳原文：《高考过后，这里还有份不一样的“化学卷”》

制作以上效果需使用的组件：

组件：三宫格-点击切换GIF动图
编号：10137（组件）

形式六

连续点击答题

iPaiban Pro 黑科技编辑器也有专门为答题上线的一个组件，Demo：

_-_-_-[{"title":"答题","abstract":"","article_id":"466fd53826f31209699c3a9a79cf385f","widgets":"[{\"type\":\"Scantron\",\"options\":{\"imgs\":[{\"media_id\":\"89ed5747d7c13605de5c95dbb61241d1.png\",\"src\":\"http://black-resource-1257307183.cos.ap-beijing.myqcloud.com/89ed5747d7c13605de5c95dbb61241d1.png\",\"type\":0,\"star\":false,\"name\":\"7f813d30-45dc-11eb-9378-6d24f14f52da_1618737402000_3517--1-1.png\",\"size\":1419337,\"total\":142,\"img_width\":1242,\"img_height\":1209,\"is_deleted\":false,\"x\":0,\"y\":0,\"width\":80,\"height\":80},{\"media_id\":\"e589542c261f403939aad4a3daf4e921.png\",\"src\":\"http://black-resource-1257307183.cos.ap-beijing.myqcloud.com/e589542c261f403939aad4a3daf4e921.png\",\"type\":0,\"star\":false,\"name\":\"7f813d30-45dc-11eb-9378-6d24f14f52da_1618737403000_8579--2-1.png\",\"size\":1426875,\"total\":142,\"img_width\":1242,\"img_height\":1209,\"is_deleted\":false,\"x\":0,\"y\":0,\"width\":80,\"height\":80},{\"media_id\":\"a3b6eb71155df16565970e333dbadf3e.png\",\"src\":\"http://black-resource-1257307183.cos.ap-beijing.myqcloud.com/a3b6eb71155df16565970e333dbadf3e.png\",\"type\":0,\"star\":false,\"name\":\"7f813d30-45dc-11eb-9378-6d24f14f52da_1618737404000_2608--3-1.png\",\"size\":1439924,\"total\":142,\"img_width\":1242,\"img_height\":1209,\"is_deleted\":false,\"x\":0,\"y\":0,\"width\":80,\"height\":80}],\"imgs2\":[{\"media_id\":\"5a7218be4729cd038de10b3037feab54.png\",\"src\":\"http://black-resource-1257307183.cos.ap-beijing.myqcloud.com/5a7218be4729cd038de10b3037feab54.png\",\"type\":0,\"star\":false,\"name\":\"7f813d30-45dc-11eb-9378-6d24f14f52da_1618737418000_7806--1-2.png\",\"size\":1433706,\"total\":145,\"img_width\":1242,\"img_height\":1209,\"is_deleted\":false,\"x\":0,\"y\":0,\"width\":80,\"height\":80},{\"media_id\":\"08123e2640ca0e0cfb37558f862d59b1.png\",\"src\":\"http://black-resource-1257307183.cos.ap-beijing.myqcloud.com/08123e2640ca0e0cfb37558f862d59b1.png\",\"type\":0,\"star\":false,\"name\":\"7f813d30-45dc-11eb-9378-6d24f14f52da_1618737419000_6145--2-2.png\",\"size\":1442695,\"total\":145,\"img_width\":1242,\"img_height\":1209,\"is_deleted\":false,\"x\":0,\"y\":0,\"width\":80,\"height\":80},{\"media_id\":\"5253bb6e12abf44fc8e5991910ae5a67.png\",\"src\":\"http://black-resource-1257307183.cos.ap-beijing.myqcloud.com/5253bb6e12abf44fc8e5991910ae5a67.png\",\"type\":0,\"star\":false,\"name\":\"7f813d30-45dc-11eb-9378-6d24f14f52da_1618737420000_4694--3-2.png\",\"size\":1455884,\"total\":145,\"img_width\":1242,\"img_height\":1209,\"is_deleted\":false,\"x\":0,\"y\":0,\"width\":80,\"height\":80}],\"imgs3\":[{\"media_id\":\"940adabef30b86c56b7fadcd3d50800b.png\",\"src\":\"http://black-resource-1257307183.cos.ap-beijing.myqcloud.com/940adabef30b86c56b7fadcd3d50800b.png\",\"type\":0,\"star\":false,\"name\":\"7f813d30-45dc-11eb-9378-6d24f14f52da_1618737435000_2556--1-3.png\",\"size\":1466376,\"total\":148,\"img_width\":1242,\"img_height\":1209,\"is_deleted\":false,\"x\":0,\"y\":0,\"width\":80,\"height\":80},{\"media_id\":\"d6d6d34fc54fafcc098a7d25a7149195.png\",\"src\":\"http://black-resource-1257307183.cos.ap-beijing.myqcloud.com/d6d6d34fc54fafcc098a7d25a7149195.png\",\"type\":0,\"star\":false,\"name\":\"7f813d30-45dc-11eb-9378-6d24f14f52da_1618737436000_8722--2-3.png\",\"size\":1516250,\"total\":148,\"img_width\":1242,\"img_height\":1209,\"is_deleted\":false,\"x\":0,\"y\":0,\"width\":80,\"height\":80},{\"media_id\":\"6db6a15af2e4675154e60de1b7dacfd6.png\",\"src\":\"http://black-resource-1257307183.cos.ap-beijing.myqcloud.com/6db6a15af2e4675154e60de1b7dacfd6.png\",\"type\":0,\"star\":false,\"name\":\"7f813d30-45dc-11eb-9378-6d24f14f52da_1618737436000_4052--3-3.png\",\"size\":1461682,\"total\":148,\"img_width\":1242,\"img_height\":1209,\"is_deleted\":false,\"x\":0,\"y\":0,\"width\":80,\"height\":80}],\"baseImg\":{\"media_id\":\"e1a840e7d93ebf7355cc6dfecb52cf52.png\",\"src\":\"http://black-resource-1257307183.cos.ap-beijing.myqcloud.com/e1a840e7d93ebf7355cc6dfecb52cf52.png\",\"type\":0,\"star\":false,\"name\":\"7f813d30-45dc-11eb-9378-6d24f14f52da_1618737387000_7710--封面.png\",\"size\":1398456,\"total\":139,\"img_width\":1242,\"img_height\":1209,\"is_deleted\":false},\"toggleImg\":{\"media_id\":\"6b13de1b78144ab51a89fd7c9f4a326b.png\",\"src\":\"http://black-resource-1257307183.cos.ap-beijing.myqcloud.com/6b13de1b78144ab51a89fd7c9f4a326b.png\",\"type\":0,\"star\":false,\"name\":\"7f813d30-45dc-11eb-9378-6d24f14f52da_1618737388000_2556--封底图.png\",\"size\":1413790,\"total\":139,\"img_width\":1242,\"img_height\":1209,\"is_deleted\":false},\"actionType\":\"click\",\"dur_gap\":1,\"dur\":1},\"styles\":\"\"}]"}]-_-_-_

点击封面开始答题，点击任意选项出现正误标注，间隔一定时间后自动显示解析，再次点击进入下一题，答题完成后进入封底。

制作以上效果需使用的组件：

组件：连续点击答题
编号：10231（组件）
教程：《来，教你在公众号中制作答题！》

使用 iPaiban Pro 黑科技编辑器，不只可以实现这6种答题形式，我们结合高考以及端午节主题，将多个交互效果搭配组合，可以制作出更多趣味答题玩法，比如一道题的选项，错误的使用点击切换图片，正确的使用点击展开显示解析。

还可以怎么玩？大家不如自行探索下吧！

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

认准编辑器网址：x.iPaiban.com，复制网址在 PC 端 Chrome（谷歌）浏览器打开，即可开始注册并使用。

●黑科技交互排版样式👇🏻

如果有感兴趣的企业或品牌需要定制黑科技排版，请添加玉兔微信沟通。

点个“在看”

戳沙小僧（playhudong033）

抱走《公众号排版规范手册》PPT