適合520的公眾號SVG模版（第Ⅲ期）
寶藏模版
E2 編輯器往期推薦（點擊閱讀）：
趣味效果｜高大上｜可愛風｜年終總結I｜年終總結II｜循環特效｜情人節I｜情人節II｜情人節IIII｜婦女節I｜婦女節II｜兒童節I｜兒童節II｜兒童節III｜618I｜618II｜父親節｜絲滑動畫｜端午節I｜端午節II｜滑動妙用｜圖片輪播I｜圖片輪播II｜又紅又專｜中秋節I｜中秋節II｜雙十一I｜雙十一II｜世界杯｜感恩節｜圣誕節I｜圣誕節II｜新年｜兔年春節｜元宵I ｜元宵節II｜愚人節I｜愚人節II｜雜志范兒｜520/521I｜520/521II｜五一I｜五一II｜五一III｜母親節I｜母親節I｜母親節III｜多巴胺｜微博｜夏日氛圍｜大唐國風｜反詐宣傳｜七夕節｜CityWalk｜開學季II｜開學季II｜校園主題｜揭露丑惡真相｜運動會I｜運動會II｜十一｜萬圣節I｜萬圣節II｜冬季氛圍｜新聞宣傳｜春節紅包I｜春節紅包II｜龍年春節｜開工新品｜地球日｜問答題｜人工智能｜踏青出行｜五四青年節
各位 E2.COOL 的會員，編輯器內 1700+ 的 SVG 正版組件你們都用過嗎？在開始閱讀本文之前，你還可以查看此前 520/情人節專題的匯總：
推薦適合520/521的SVG模版
推薦520主題的SVG模版 （第Ⅱ期）
推薦適合情人節的SVG模版 <br/> 推薦適合情人節的SVG模版 （第Ⅱ期）
推薦適合情人節的SVG模版 （第Ⅲ期）<br/> 推薦浪漫七夕的SVG模版
推薦適合七夕的SVG模版 （第Ⅱ期）
相對位移-消失（向上）
大疆《520 特別驚喜，已上新》的 SVG 交互以無人機為主角，基于點擊自下而上升空穿梭于不同的“人機戀愛”場景中，且無人機姿態對應變化：
這一圍繞核心視覺元素的黑科技排版，在 E2 編輯器內亦可應用。正如《這是一枚，SVG小火箭！咻咻咻！》超長篇幅中國航天事業科普模擬動畫一樣（第三方教學視頻）。
無限選擇器
為促銷 520 禮物選購，建議商家也可以參考包括《悅己心緒》、《放飛愛》、《翻開節日禮單》等多篇基于 SVG「無限選擇器」的布局方法，以菜單點選+產品滑動的組合方式開展公眾號宣傳，直達商品小程序/超鏈接：
可以通過 Ceep 老師錄制的專題課程進行學習，你甚至可以通過「無限選擇器」制作彈窗等豐富特效。
地圖多點游走縮放
多熱區觸控的 SVG「地圖多點游走縮放」由@2H 老師發明，而它的應用也不僅僅局限于地圖概念。如 ORIBE 公眾號《520抽獎｜以繁花釋放愛意》所示，它也適合產品組合置景圖的點選放大：
它的具體排版實現方法我們也錄制了專門的視頻課程進行講解。
無限往返刷新器
對于產品的輪播展示，在《... 我們彼此不分 ...》中運營人選擇了 SVG 黑科技編輯器中的「無限往返刷新器」循環呈現：
E2 編輯器為廣大用戶提供了極其豐富的輪播類型 SVG 組件特效，而且你還能通過創造性的自主組合，形成更奇妙的各色獨家效果，點擊《大開眼界：SVG輪播圖創意組合設計》查看有趣的 DIY 布局策略。
擠壓伸長
由@科蚪 老師發明的 SVG 擠壓伸長，在多產品組合展示中常有應用，如《愛的告白》就為用戶帶來了 520 的特色禮物推薦，點擊后可展開并支持鏈接跳轉，又能返回收縮繼續查看其他禮品：
在 E2.COOL 內 UGC 專區點擊「擠壓伸長」直接單獨購買該 SVG 特效，并可參考以下專題視頻進行學習：
滑屏拖拽撤場-伸長
這款 E2 編輯器的原創 SVG 模版一直備受各大奢侈品牌公眾號歡迎，正如《匠心摯愛》通過滑動提示引導用戶拖動屏幕引發伸長展開效果，以總分結構展示商品主視覺與詳情頁：
除此以外，在 E2 編輯器還可以采用如「滑動接伸長」、「層層滑動接伸長」等組件將滑動操作與伸長動畫融合。這里另外介紹第三方發布的其他創意滑動應用教程，也歡迎廣大用戶通過自己的自媒體投稿出色的 E2 編輯器公益教學指南，對于高品質視頻我們將免費推薦。
滑動解鎖-伸長
通過 E2 編輯器的「滑動解鎖-伸長」SVG 組件兼具優雅與動感，在《即刻，遇見Crush》中營造出了浪漫而絲滑的開場黑科技排版特效：
在 E2.COOL 內可以搜索功能內查找「滑動解鎖-伸長」組件即可使用！一起解鎖你的 520 主題設計創意！
無限開關彈窗
海藍之謎公眾號通過 E2 編輯器，在 520 主題下發布了長圖插畫+局部彈窗的SVG 交互設計作品《520｜兩情相愈 愛涌不息》，使得圖文設計兼具整體感的同時包含創意細節：
在 E2.COOL 內可以搜索功能內查找「無限開關彈窗」組件即可使用！除此以外，你還可以點擊《具備循環交互特征的SVG模板匯總》了解更多具備循環特性的 E2 編輯器 SVG 組件。
密碼解鎖-伸長
520 是一個非常適合與數字互動關聯的 SVG 設計場景，《情人節儀式感To Do List》由「密碼解鎖-伸長」形式組件開發而成：
在 E2.COOL 內可以搜索功能內查找「密碼解鎖-伸長」組件即可使用！若無需伸長效果，也可以直接采用「密碼解鎖」進行排版，以下推薦 Ceep 老師錄制的密碼型 SVG 交互設計解析：
熱區型彈出式海報
這一交互模式長盛不衰，幾乎適用于任何選題。正如《你的七夕情書，請查收。》所示，手繪的俯視圖中多款產品巧妙植入，結合彈出長圖：
在 E2 編輯器中，能實現多熱區互動的還有這些 SVG 組件：
1）黑科技編輯器｜多熱區無限切換-關閉
2）黑科技編輯器｜多熱區彈出式按鈕激活
3）黑科技編輯器｜無限選擇器
4）黑科技編輯器｜多熱區無限浮現-關閉
5）黑科技編輯器｜多熱區限時可見
6）黑科技編輯器｜多熱區視頻號跳轉
追光燈-收縮伸長
這是一款由@小楊 老師原創發明 SVG 互動特效，并在 E2 編輯器獨家正版上架。在《禮物，大一點》中的它的應用表現十分出色：
需注意，此組件具有「探秘」的互動邏輯，熱區劃定范圍應盡可能小，否則會引起不必要的誤觸問題。在 E2.COOL 內 UGC 專區點擊「追光燈」直接單獨購買該 SVG 特效，購買后請務必聯系平臺客服技術官，以獲取練習素材和視頻教程。
更多海量模板，平均不足 1 元！
E2.COOL 秉持著讓行業“人均 SVG”的生態理念，由多位黑科技排版設計的頭部資深開發者共同打造，斬獲包括法國設計獎、美國繆斯創意設計獎等諸多國際賽事大獎，幫助更多品牌以可視化形式完成互動式圖文創作。如有任何特效靈感和建議，也歡迎通過客服向我們提出，E2 將竭誠思考代碼轉化的可行性。
E2 平臺官網
https://www.e2.cool/
會的比別人多一點
轉載請在文章開頭和結尾顯眼處標注：作者、出處和鏈接。不按規范轉載侵權必究。
未經授權嚴禁轉載，授權事宜請聯系作者本人，侵權必究。
本文禁止轉載，侵權必究。
授權事宜請至數英微信公眾號(ID: digitaling) 后臺授權，侵權必究。
評論
評論
推薦評論
暫無評論哦，快來評論一下吧！
全部評論（0條）