適合五四青年節(jié)的SVG模版
寶藏模版
往期推薦（點擊閱讀）：
趣味效果｜高大上｜可愛風｜年終總結(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é)｜絲滑動畫｜端午節(jié)I｜端午節(jié)II｜滑動妙用｜圖片輪播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é)｜CityWalk｜開學季II｜開學季II｜校園主題｜揭露丑惡真相｜運動會I｜運動會II｜十一｜萬圣節(jié)I｜萬圣節(jié)II｜冬季氛圍｜新聞宣傳｜春節(jié)紅包I｜春節(jié)紅包II｜龍年春節(jié)｜開工新品｜地球日｜問答題｜人工智能｜踏青出行
各位 E2.COOL 的會員，編輯器內(nèi) 1700+ 的 SVG 正版組件你們都用過嗎？五四青年節(jié)即將到來，用 SVG 的豐富形式表現(xiàn)青年正能量的方方面面，一起向未來！
傾斜錯層滑動
《致：你我他！》是一種在「錯層滑動」基礎(chǔ)上，融合 3D 傾斜布局的排版方法，展現(xiàn)了一位運動員在跑道飛奔穿越不同場景的效果，充分體現(xiàn)了政務媒體在 SVG 領(lǐng)域創(chuàng)作的先進性和獨創(chuàng)性：
可以參考解析教程《黑科技編輯器｜傾斜錯層滑動（傾斜盒子）》理解它在 E2 編輯器內(nèi)的具體設(shè)計方法。
縱向滑動+點擊伸長
將伸長類型 SVG 嵌套入「縱向滑動」結(jié)構(gòu)，可以創(chuàng)造性地延展滑動內(nèi)的畫幅空間。以《無線青年》為例，滑動到底部后點擊，頁面將可以被繼續(xù)滑動并展現(xiàn)新內(nèi)容：
還有一些 E2 編輯器創(chuàng)作者將更多豐富的伸長模版與縱向滑動結(jié)合。如以下這期「錯層滑動」加「逆向擦出伸長」的逆天 SVG 交互圖文設(shè)計（第三方教程）：
層層自動伸長
《這可能是今天全國青年最想聽到的祝福。》和《什么是青春？》都以連續(xù)文案的的伸長布局，將讀者情感層層推進，不失為五四主題文案的討巧 SVG 展示策略：
它的排版操作相對便捷，直接采用 E2 編輯器對應的「層層伸長」SVG 組件，準備好對應每次伸長的切片，依次傳入組件內(nèi)即可。
視差滑動（視差卡片）
企業(yè)品牌也往往會通過五四青年節(jié)，傳遞品牌正能量。《年輕人，今天來「甘」一下》使用的是視差型裸眼 3D 布局，構(gòu)建了精美的大自然立體畫廊：
關(guān)于縱向的視差卡片自由布局，可以點擊《黑科技編輯器｜視差滑動（絕對尺寸框架）SVG教程》和《黑科技編輯器｜視差卡片》專題進行學習。此外對于橫向的視差卡片應用，還可以參考視頻教程。
多重點擊伸長
《五四青年節(jié)，讓青春鮮活一場》和《〈當代杰出青年圖鑒〉》通過伸長組件的重復多次應用，以詮釋青春的多維度理念，植入生動的品牌廣告：
此外，我們還可以通過伸長嵌套伸長的方式進行更具有層級感的疊加，應注意仔細參考《黑科技編輯器｜伸長套伸長SVG教程（合集更新）》并正確計算參數(shù)。
無限選擇器
SVG 無限選擇器是由開發(fā)大神@科蚪 老師原創(chuàng)發(fā)明的交互模型，并正版上架于 E2 編輯器。五四專題范疇下如《你 怎 樣 ，中 國 便 怎 樣》、《文末福利 | 我們搞到了當代年輕人的走運秘籍！》都可以通過它實現(xiàn)：
關(guān)于 SVG 無限選擇器的更多使用案例，可以查閱《熱門SVG｜無限選擇器，開啟無限創(chuàng)意》，新手使用前建議瀏覽 Ceep 老師錄制的專題精講視頻進行學習。
多熱區(qū)無限切換-關(guān)閉
以自由的卡片彈窗進行 SVG 互動，你可以選擇「多熱區(qū)無限切換-關(guān)閉」模版進行黑科技排版，典范案例如《官宣｜新青年，新可能》：
關(guān)于這種 SVG 交互的特效制作方法，可以瀏覽另一期相似案例解析進行學習。
在 E2 編輯器中具備多熱區(qū)交互能力的組件還包括：
1）黑科技編輯器｜多熱區(qū)彈出式海報
2）黑科技編輯器｜多熱區(qū)彈出式按鈕激活
3）黑科技編輯器｜無限選擇器
4）黑科技編輯器｜多熱區(qū)無限浮現(xiàn)-關(guān)閉
5）黑科技編輯器｜多熱區(qū)限時可見
6）黑科技編輯器｜多熱區(qū)視頻號跳轉(zhuǎn)
旋轉(zhuǎn)式切換
《青春，是什么？》中的旋轉(zhuǎn)式分層切換由開發(fā)大神@三千喵 發(fā)明，表現(xiàn)效果靈動細膩：
在 E2.COOL 內(nèi)可以選擇 UGC 組件「旋轉(zhuǎn)式切換」近似模擬，此外它在五一勞動節(jié)專題中也可以精彩應用，詳情可點擊閱讀第三方解析《32個！五一節(jié)SVG交互圖文創(chuàng)意案例參考與教程》。
音頻播放器美化
《當代青年備老指南》以青年備老為切入點，在五四以各地青年方言語音組合插畫形成音頻海報：
在 E2.COOL 內(nèi)可以搜索功能內(nèi)查找「音頻播放器美化」組件即可使用！注意操作時應調(diào)用本賬號音頻代碼，不可跨號使用。音頻代碼的獲取可以借助第三方插件實現(xiàn)。
更多海量模板，平均不足 1 元！
E2.COOL 秉持著讓行業(yè)“人均 SVG”的生態(tài)理念，由多位黑科技排版設(shè)計的頭部資深開發(fā)者共同打造，斬獲包括法國設(shè)計獎、美國繆斯創(chuàng)意設(shè)計獎等諸多國際賽事大獎，幫助更多品牌以可視化形式完成互動式圖文創(chuàng)作。如有任何特效靈感和建議，也歡迎通過客服向我們提出，E2 將竭誠思考代碼轉(zhuǎn)化的可行性。
E2 平臺官網(wǎng)
https://www.e2.cool/
會的比別人多一點
轉(zhuǎn)載請在文章開頭和結(jié)尾顯眼處標注：作者、出處和鏈接。不按規(guī)范轉(zhuǎn)載侵權(quán)必究。
未經(jīng)授權(quán)嚴禁轉(zhuǎn)載，授權(quán)事宜請聯(lián)系作者本人，侵權(quán)必究。
本文禁止轉(zhuǎn)載，侵權(quán)必究。
授權(quán)事宜請至數(shù)英微信公眾號(ID: digitaling) 后臺授權(quán)，侵權(quán)必究。
評論
評論
推薦評論
暫無評論哦，快來評論一下吧！
全部評論（0條）