高考創意排版,選擇答題交互就用它!
一年一度的高考就要到了。
現在大家對答題交互的要求越來越高,問的最多的兩種:
一種是能不能根據每道題的不同答案最后生成得分或者生成不同結論;一種是能不能點擊每道題不同選項即時計算得分或出現解析。
前一種大家在《2022年新媒體人高考模擬題》中可以體驗相關效果,不過需要定制才能實現;后一種今天給大家推薦兩個組件吧,用編輯器就能制作。
組件1:點擊-選擇切換圖片
點擊不同選項,切換不同結果圖片。
*素材來自LANN蘭《2022LANN 復工福利考試——語文卷》
組件:點擊-選擇切換圖片
編號:11142(組件)
組件2:連續點擊答題
點擊封面開始答題,點擊任意選項出現正誤標注,間隔一定時間后自動顯示解析,再次點擊進入下一題,答題完成后進入封底。
組件:連續點擊答題
編號:10231(組件)
組件2教程見示例下面的鏈接,下面一起看下組件1教程:
詳細教程:
工具:iPaiban Pro 黑科技編輯器,網址:SVG.iPaiban.com
組件:點擊-選擇切換圖片
編號:11142(組件)
第1步:選擇組件
登錄 iPaiban Pro 編輯器后,點擊編輯器右側「組件」按鈕,在「點擊」分類中找到「點擊-選擇切換圖片」組件,或者直接搜索組件編號11142,點擊選擇。
第2步:上傳圖片素材
點擊右側「換圖」按鈕,上傳準備好的背景圖素材,點擊「+」號批量上傳選擇切換的圖片。切換圖數量沒有限制,注意所有圖片的尺寸應保持一致。
第3步:設置觸發區域
雙擊編輯區的圖片,在彈出的窗口中我們會看到帶有編號的縮略圖,每一個縮略圖的大小和位置都可以調整,縮略圖的大小和位置即為點擊觸發的區域。
我們移動每個縮略圖到指定位置,相互之間不能重疊,然后點擊「保存設置并退出」就可以了。注意一定要點擊「保存設置并退出」才會設置成功。
第4步:導入公眾號后臺
點擊最右側「預覽草稿」預覽效果,效果滿意后點擊「同步至微信后臺」就可以了。
使用同步功能不用頻繁在編輯器和微信后臺切換,同步成功后可以立即掃描二維碼預覽在公眾號的效果。
如需局部導入可參考:《iPaiban Pro小助手安裝和使用教程》
制作SVG交互圖文認準 iPaiban Pro 黑科技編輯器,網址:SVG.iPaiban.com,復制網址在 PC 端 Chrome(谷歌)瀏覽器打開,即可開始注冊并使用。
新用戶在「新手禮包」可領取3天企業標準版會員體驗權,以及22個常用必備組件的大禮包(1年)。隨禮包附贈千元優惠券,每單最高立降500元。
轉載請在文章開頭和結尾顯眼處標注:作者、出處和鏈接。不按規范轉載侵權必究。
未經授權嚴禁轉載,授權事宜請聯系作者本人,侵權必究。
本文禁止轉載,侵權必究。
授權事宜請至數英微信公眾號(ID: digitaling) 后臺授權,侵權必究。
評論
評論
推薦評論
暫無評論哦,快來評論一下吧!
全部評論(0條)