拍一拍，敲一敲，戳一戳……
拍一拍，敲一敲，戳一戳……
看到這些詞，是不是覺得動作做兩下才合理？
在SVG排版中，基本上所有點擊類的交互都是只需點擊一次就能觸發，面對「拍一拍，敲一敲，戳一戳……」這樣的創意場景時就少了些儀式感。
點擊類交互，也可以快速點擊兩次也就是雙擊觸發！
雙擊體驗：
*素材來自伊利《“玉樹臨風的營養界男神”拍了拍你》
組件：雙擊-切換圖片
編號：10029（組件）
*素材來自PRphoto《元旦快樂 來砸個金蛋吧！》
組件：雙擊-切換圖片
編號：10029（組件）
*素材來自妍璽芝嘉《三維祛痘，芝初植萃舒瀅系列》
組件：雙擊-切換GIF動圖
編號：10076（組件）
詳細教程：
工具：iPaiban Pro 黑科技編輯器，網址：SVG.iPaiban.com
組件：雙擊-切換圖片
編號：10029（組件）
第1步：選擇組件
登錄 iPaiban Pro 編輯器后，點擊編輯器左側「組件」按鈕，在「雙擊」分類中找到「雙擊-切換圖片」組件，或者直接搜索組件編號10029，點擊選擇。
第2步：上傳圖片素材
點擊頁面右側兩個「換圖」按鈕，分別雙擊前和雙擊后的圖片素材。兩張圖片尺寸需保持一致。
第3步：調整動畫參數
在右側上傳圖片位置的下方，滑動滑桿可調整雙擊后圖片切換的動畫時間，最少為0.1s。
第4步：導入公眾號后臺
點擊最右側「預覽草稿」預覽效果，效果滿意后點擊「同步至微信后臺」就可以了。
使用同步功能不用頻繁在編輯器和微信后臺切換，同步成功后可以立即掃描二維碼預覽在公眾號的效果。
如需局部導入可參考：《iPaiban Pro小助手安裝和使用教程》
制作SVG交互圖文認準 iPaiban Pro 黑科技編輯器，網址：SVG.iPaiban.com，復制網址在 PC 端 Chrome（谷歌）瀏覽器打開，即可注冊，編輯器1500+組件/組合現已全部支持免費試用了。
新用戶在「新手禮包」可領取3天企業標準版會員免費商用，以及22個常用必備組件的大禮包（1年）。隨禮包附贈千元優惠券，每單最高立降500元。
轉載請在文章開頭和結尾顯眼處標注：作者、出處和鏈接。不按規范轉載侵權必究。
未經授權嚴禁轉載，授權事宜請聯系作者本人，侵權必究。
本文禁止轉載，侵權必究。
授權事宜請至數英微信公眾號(ID: digitaling) 后臺授權，侵權必究。
評論
評論
推薦評論
暫無評論哦，快來評論一下吧！
全部評論（0條）