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