適合母親節的SVG模版
寶藏模版
往期推薦（點擊閱讀）：
趣味效果｜高大上｜可愛風｜年終總結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｜多巴胺｜微博｜夏日氛圍｜大唐國風｜反詐宣傳｜七夕節｜CityWalk｜開學季II｜開學季II｜校園主題｜揭露丑惡真相｜運動會I｜運動會II｜十一｜萬圣節I｜萬圣節II｜冬季氛圍｜新聞宣傳｜春節紅包I｜春節紅包II｜龍年春節｜開工新品｜地球日｜問答題｜人工智能｜踏青出行｜五四青年節
各位 E2.COOL 的會員，編輯器內 1700+ 的 SVG 正版組件你們都用過嗎？母親節即將到來，各大關聯品牌的產品推廣和節日祝福都少不了 SVG 交互設計的加持。
無限選擇器
基于@科蚪 大神發明的 SVG 無限選擇器，《把愛都給她》實現了圖文內分類菜單的功能化設計，每個選項內又支持多個產品圖滑動，并可以點擊下方按鈕跳轉電商頁面；而《好個奇，你的「小號」練到哪了》則利用無限選擇器，結合像素風設計組合成了一個萬能媽媽的互動模塊：
這種 H5 感的 SVG 信息展示方法，我們已經多次通過授課為廣大 E2 編輯器用戶解析，這里可以查看由 Ceep 老師錄制的一期視頻專題進行學習。
標簽抽拉
基于@GL 大神發明的 SVG 標簽抽拉，《來自花園的禮物》通過卡片組呈現了另一種產品廣告的多選展示策略：
這種抽拉 SVG 黑科技排版還有更多豐富的公眾號排版應用，點擊視頻學習 Ceep 老師錄制的專題課程。
一條線軌跡運動
E2 編輯器的 SVG「一條線」模式在絕大多主題場景下都可圈可點，《母親節 | 她是世界上平凡而偉大的存在》正是采用了該方法講述了屬于母親的溫暖故事：
它的具體排版實現方法我們也錄制了專門的視頻課程進行講解。
填字特效（橫向頂層滑動）
把偏見化為理解——《張雨綺：今天別叫我媽媽》通過文案層面的變化巧思，構建了 SVG 填字互動的「頂層滑動」排版：
頭條新聞（連續撕紙）
把媽媽的好告訴全世界！《我的媽呀，太酷了！》以“母親節頭條”為主題，通過「連續撕紙」SVG 模版將愛與祝福以極具張力的方式呈現：
在 E2.COOL 內可以搜索功能內查找「連續撕紙」組件即可使用！當然要注意素材的尺寸需保持統一喔！
禮盒滑動（頂層滑動）
同樣是基于 SVG「頂層滑動」，《母親節特輯丨媽媽搖身一變，居然變成了···》將這一交互轉變為滑開禮物盒的場景：
這種滑動的設計思路其實并不復雜，只需要在第二個滑動模塊上傳透明的空圖素材即可。此外，還可以采用「層層滑動」SVG 模版實現更連續的開盒互動，參考《紅包在哪里？（第一彈）》案例的效果和其他第三方的案例分析：
無限往返刷新器+縱向錯層滑動
《媽媽，人生是______》以 E2 編輯器的「無限往返刷新器」開場，銜接精彩的縱向錯層吸附滑動設計，也實現了一種文字互動式的 SVG 交互創意：
關于這種 SVG 交互的特效制作方法，可以瀏覽另一期相似案例解析進行學習：
自動層層伸長
如果你準備了大量文案內容，那么也可以參考《聽，媽媽的話》、《全國母親今天最想聽到的是這個！》案例，采用 SVG 層層伸長的方式排版：
在 E2.COOL 內請選擇組件「層層伸長」，并且在篩選器中選擇你偏好的具體形式，制作時僅需對應上傳每層切圖即可。
伸長套伸長
《這個母親節，WSLS人格火了》、《母親節丨給媽媽的三行情書》則采用「伸長套伸長」這種層次豐富的 SVG 互動，展示多面母親與多樣祝福：
在 E2.COOL 內使用「伸長套伸長」時，務必仔細閱讀《黑科技編輯器｜伸長套伸長SVG教程（合集更新）》教程并注意其中的參數計算規則：
逆向擦出伸長
針對具有轉折性的劇情表現，很多運營人當下熱衷于通過全文刷新的方式進行 SVG 設計，正如《我媽呢？？？》：
這種自下而上全文刷新的黑科技排版有多種在 E2 編輯器中的實現手法，你可以參考一下兩期教程選擇適合的方式實現：
1）「點擊-收縮」實現逆向全文刷新SVG教程
2）逆向擦出伸長（含附件畫面）SVG教程
更多海量模板，平均不足 1 元！
E2.COOL 秉持著讓行業“人均 SVG”的生態理念，由多位黑科技排版設計的頭部資深開發者共同打造，斬獲包括法國設計獎、美國繆斯創意設計獎等諸多國際賽事大獎，幫助更多品牌以可視化形式完成互動式圖文創作。如有任何特效靈感和建議，也歡迎通過客服向我們提出，E2 將竭誠思考代碼轉化的可行性。
E2 平臺官網
https://www.e2.cool/
會的比別人多一點
轉載請在文章開頭和結尾顯眼處標注：作者、出處和鏈接。不按規范轉載侵權必究。
未經授權嚴禁轉載，授權事宜請聯系作者本人，侵權必究。
本文禁止轉載，侵權必究。
授權事宜請至數英微信公眾號(ID: digitaling) 后臺授權，侵權必究。
評論
評論
推薦評論
暫無評論哦，快來評論一下吧！
全部評論（0條）