適合端午節的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｜520/521Ⅲ｜五一I｜五一II｜五一III｜母親節I｜母親節I｜母親節III｜多巴胺｜微博｜夏日氛圍｜大唐國風｜反詐宣傳｜七夕節｜CityWalk｜開學季II｜開學季II｜校園主題｜揭露丑惡真相｜運動會I｜運動會II｜十一｜萬圣節I｜萬圣節II｜冬季氛圍｜新聞宣傳｜春節紅包I｜春節紅包II｜龍年春節｜開工新品｜地球日｜問答題｜人工智能｜踏青出行｜五四青年節
各位 E2.COOL 的會員，編輯器內 1700+ 的 SVG 正版組件你們都用過嗎？在開始閱讀本文之前，你還可以查看此前端午專題的匯總：
推薦適合端午節的SVG模版 <br/>第Ⅱ期｜ 適合端午節的SVG模版
密碼解鎖-伸長
以端午日期為線索，《輸入開箱密碼 >>>》采用「密碼解鎖-伸長」的方式開啟圖文：
值得一提的是，本作的密碼解鎖素材應用了 GIF 動態，滾動的數字比表盤讓互動更具真實感！
幸運抽簽-點擊式
粽子的款式選擇，是端午節不變的全民話題。人民日報的《今日端午》以 SVG 交互抽簽形式，讓用戶獲取屬于自己的幸運祝福：
該作以封面向上移動開場，隨后點擊停止抽簽。其具體布局方式非常簡單，以下為 E2 編輯器中的參考示意：
錯層滑動
在霸王茶姬公眾號的《茶香粽香，端午的福利更香！》和復旦大學公眾號的《復旦er，你的“粽”來了！》中，一方小巧的龍舟徽印懸浮其中，文章滑動時它在粽葉、文案、產品之間穿梭：
這是經典的 E2 編輯器「錯層滑動」布局，在不同專題都有極佳的通用性。建議編輯器新人通過 Ceep 老師錄制的專題視頻進行入門學習。
層層滑動接伸長
層層滑動接伸長是由知名開發者 GL 和@計育韜 老師共同發明的互動形式，獨家正版上架 E2 編輯器中。《端午 | 賽龍爭先，還看今朝》開場左右剝離粽葉點擊展開畫面，十分符合剝粽子的動作體驗：
在 E2.COOL 內 UGC 專區點擊「層層滑動接伸長」直接單獨購買該 SVG 特效。如果沒有圖文展開需求，則也可以通過「層層滑動」組件進行排版設計。
點擊撤場伸長
阿爾法羅密歐公眾號的《吃粽子了嗎？（低息好“利”端午大放“粽”）》采用開幕形式的開場，并展開多組滑動效果：
多熱區無限浮現-關閉
瀘州老窖公眾號的《香囊傳情，舉杯端午》在畫面內設計了多組粽型掛飾，點擊后出現浮窗卡片并支持關閉。同理，雷克薩斯公眾號《開“香”時間》也采用它創作了開啟香囊的 SVG 互動：
這一效果，需通過 E2 編輯器中「多熱區無限浮現-關閉」組件實現。你還可以通過第三方發布的專題視頻了解該組件其他 SVG 創意排版形式。
圖書翻頁接伸長
《古詩里的端午》則聚焦詩詞文化，以連續的翻頁為開場展示不同的詩詞佳作，隨后展開圖文內頁：
在 E2.COOL 內還有大量具備翻轉特性的 SVG 特效可供選擇：
黑科技編輯器 | 日歷翻頁教程
黑科技編輯器 | 計分牌翻頁教程
黑科技編輯器 | 雙面翻轉教程
黑科技編輯器｜雙面傾斜翻轉（左右）教程
黑科技編輯器｜翻花燈猜謎教程
黑科技編輯器 | 點擊翻頁-伸長教程
黑科技編輯器｜互斥翻牌教程
UGC 原創設計介紹｜手帳翻頁
此外，對于多組知識/廣告信息的組合呈現，我們還推薦如「SVG 撲克出牌」這樣的 E2 編輯器獨創組件進行設計。
一條線軌跡動畫
快手科技的《2023端午節，這個粽子千萬別亂拆！》采用了屢試不爽的 SVG 一條線動畫，將手繪、文案、照片通過矢量軌跡的勾勒進行串聯：
如何在 E2 編輯器中實現一條線的部署？你可以點擊閱讀《熱門SVG｜一條線動畫，串聯空間/時間/你我他》了解，并查看完整操作錄像。
地圖多點游走縮放
宜昌發布的《為什么是宜昌？》以端午文化科普為導向，將五大端陽風俗以地標方式設計于手繪畫面中，點擊后放大浮現知識卡片：
這是由知名開發者 @2H 老師發明的「地圖多點游走縮放」SVG 模版實現，它也能廣泛應用于各色產品置景、數據可視化圖表等選題，由 Ceep 老師錄制的兩期專題教學。
更多海量模板，平均不足 1 元！
E2.COOL 秉持著讓行業“人均 SVG”的生態理念，由多位黑科技排版設計的頭部資深開發者共同打造，斬獲包括法國設計獎、美國繆斯創意設計獎等諸多國際賽事大獎，幫助更多品牌以可視化形式完成互動式圖文創作。如有任何特效靈感和建議，也歡迎通過客服向我們提出，E2 將竭誠思考代碼轉化的可行性。
E2 平臺官網
https://www.e2.cool/
會的比別人多一點
轉載請在文章開頭和結尾顯眼處標注：作者、出處和鏈接。不按規范轉載侵權必究。
未經授權嚴禁轉載，授權事宜請聯系作者本人，侵權必究。
本文禁止轉載，侵權必究。
授權事宜請至數英微信公眾號(ID: digitaling) 后臺授權，侵權必究。
評論
評論
推薦評論
暫無評論哦，快來評論一下吧！
全部評論（0條）