適合開學(xué)季的SVG模版
寶藏模版
往期推薦（點(diǎn)擊閱讀）：
各位?E2.COOL?的會(huì)員，編輯器內(nèi) 1000+ 的 SVG 組件你們都用過嗎？當(dāng)下不少高校已經(jīng)開學(xué)，是時(shí)候用 SVG 烘托開學(xué)季的活力氛圍啦！
高校組織可免費(fèi)使用除 UGC 專區(qū)外，E2.COOL 編輯器的任何組件！
首先請正在閱讀本文的高校組織注意，E2.COOL 黑科技 SVG 編輯器長期致力于公益事業(yè)，對高校組件全量開放 SVG 模板的使用，具體政策和使用申請規(guī)則請參考《全部SVG模版免費(fèi)用，E2編輯器高校機(jī)構(gòu)會(huì)員開放申請》。
逆向擦出伸長
無論和新生們談校史上的轉(zhuǎn)折點(diǎn)，還是新學(xué)期的新變化，都可以通過一種從圖文底部 SVG 逆向擦出的黑科技排版去呈現(xiàn)「變」的主題。以紀(jì)念復(fù)旦大學(xué)陳望道先生的《這一句，該如何翻譯？》為例，這種效果巧妙將《共產(chǎn)黨宣言》的翻譯故事分為兩個(gè)篇章，人物姿勢的復(fù)用十分巧妙。
請點(diǎn)擊教程《黑科技編輯器｜逆向擦出伸長（含附件畫面）教程》學(xué)習(xí)它的具體排版方法。
同理，復(fù)旦大學(xué)的《復(fù)旦人，在玩一種很新的環(huán)?！芬餐ㄟ^該 SVG 特效，細(xì)數(shù)了復(fù)旦校園內(nèi)形形色色的總務(wù)處環(huán)保舉措，讓學(xué)子們了解了校園內(nèi)的綠色生活方向，提升了環(huán)保理念思想。
有逆向，當(dāng)然就也有正向擦出伸長。以百雀羚公眾號定制案例（by 語圖工作室）的《畢業(yè)了？沒畢業(yè)！》為參考，品牌方通過這種「黑白-彩色」的全文擦出變化，鼓勵(lì)畢業(yè)生去實(shí)現(xiàn)那些「未完成」，不留遺憾地結(jié)束最后一年學(xué)業(yè)：
類似的全文上色效果，通過?E2.COOL?可以 DIY 拼裝設(shè)計(jì)模擬實(shí)現(xiàn)，在教程《SVG全文上色刷新特效｜黑科技編輯器 DIY 指南》我們已經(jīng)做了詳盡地演示。
多段自動(dòng)伸長
新學(xué)期是什么？帶著種種憧憬，新華社公眾號的定制案例（by 小昂）《新學(xué)期，請回答》 通過多段自動(dòng)伸長，以連續(xù)的排比文案詮釋新學(xué)期。該效果模擬的是 GQ 實(shí)驗(yàn)室行業(yè)爆款案例《紅了！》，在視覺和文案上具備雙重沖擊力：
其基本排版思路，我們在《淺談「微雕」與 GQ 實(shí)驗(yàn)室《紅了！》》中已經(jīng)做過講解，這里再次提醒三點(diǎn)：
1）「空畫布」的寬度和高度，是初始畫面的尺寸，一般也可以填寫第一畫面切片的寬度和高度，而不是全文的；
2）「畫布伸長（自動(dòng)）」位于「畫布伸長」的篩選器內(nèi)；
3）第一個(gè)「初始高度」應(yīng)填寫 100%，后續(xù)畫布伸長的「初始高度」和「最終高度」數(shù)據(jù)收尾相接，不要遺漏百分號；
通過 E2.COOL 的這種排版組合方式，你可以獲得極大自由度的內(nèi)容設(shè)計(jì)可行性，當(dāng)然如果你的多段伸長圖片有限而簡單，也可以直接閱讀《黑科技編輯器｜層層伸長教程》使用既成 SVG 組件。
回彈-伸長
品牌面向?qū)W生青年的產(chǎn)品促銷 SVG，則應(yīng)當(dāng)增強(qiáng)動(dòng)畫本身的靈動(dòng)感，結(jié)合得當(dāng)?shù)膬?yōu)惠信息，鼓勵(lì)消費(fèi)者認(rèn)同你的廣告導(dǎo)向。以 Apple 公眾號的《換購新 iPhone，簡單得就像 1 2 3》為例，通過連續(xù)三組的「點(diǎn)擊-回彈-伸長」講明了換購的價(jià)值、方式和意義：
其中第二個(gè)模塊還用到了?E2.COOL?的 UGC 組件「卡氏彈窗」形式，點(diǎn)擊標(biāo)簽支持畫面切換，提升了伸長內(nèi)容信息的承載量。關(guān)于這套排版的具體實(shí)現(xiàn)，Ceep 老師錄制了對應(yīng)的專題課程。
九宮格動(dòng)畫（宮格海報(bào)揭曉）
大一或大二的同學(xué)可能會(huì)迎來軍訓(xùn)活動(dòng)，有諸多需要準(zhǔn)備的物品可以通過公眾號推薦給大家。點(diǎn)擊下方畫面，看看必備的單品推薦：
這是一款具備探照感官特性的宮格游走 SVG 黑科技排版，由交互設(shè)計(jì)大神@計(jì)育韜?老師設(shè)計(jì)，適合對風(fēng)景街拍、旅游穿搭等畫面的集中展示。而同樣具備這類遮罩式運(yùn)動(dòng)的組件還包括：
1.UGC 原創(chuàng)上新｜探照燈組件（by 科蚪）
2.UGC 原創(chuàng)上新｜追光燈（by 小楊）
標(biāo)簽抽拉
由意符文化 GL 大神設(shè)計(jì)的「標(biāo)簽抽拉」也是編輯器中 UGC 專區(qū)的長期熱門組件，以 ColorOS 公眾號的《返校領(lǐng)buff 開學(xué)開大招》為例，4 組下拉標(biāo)簽對復(fù)雜的信息進(jìn)行了有效地整合展示：
任何會(huì)員均可獨(dú)立購買在 UGC 專區(qū)組件，只需直接點(diǎn)擊組件名即可，有效期為自購買之日起的 1 年內(nèi)，注意它與你的付費(fèi)會(huì)員時(shí)間戳是分離的。
海報(bào)DIY（自由布局）
如果你能嫻熟掌握?E2.COOL?的自由布局組件，那就可以一種更趣味的方式帶領(lǐng)學(xué)生讀者們探尋校園的角角落落。以北京大學(xué)的《驚喜上新！北大特飲，承包你的整個(gè)夏天！》為例，圖文由全元光滑團(tuán)隊(duì)基于自由布局組件并適度修改代碼實(shí)現(xiàn)：
關(guān)于自由布局的使用方法，建議點(diǎn)擊閱讀《視頻｜想玩轉(zhuǎn)「自由布局」組件的運(yùn)營人看過來！》，同時(shí)還可以結(jié)合一些易于上手的案例進(jìn)行初步練習(xí)。
高校體系內(nèi)使用SVG編輯器的優(yōu)惠規(guī)則
一方面，高校組織可以通過《全部SVG模版免費(fèi)用，E2編輯器高校機(jī)構(gòu)會(huì)員開放申請》獲取免費(fèi)使用?E2.COOL?黑科技 SVG 編輯器任何模版權(quán)限。另一方面，目前對于在校生個(gè)體，你可以點(diǎn)擊閱讀《學(xué)生價(jià)｜￥199｜SVG黑科技編輯器暢享全年》了解專屬的優(yōu)惠服務(wù)。同時(shí)，針對剛進(jìn)入大學(xué)校園，但可能尚未獲得學(xué)信網(wǎng)信息更新或?qū)W生證更新的同學(xué)，我們組織了「憑錄取通知書領(lǐng)取 3 個(gè)月免費(fèi)專業(yè)會(huì)員」的活動(dòng)。
E2 平臺官網(wǎng)
https://www.e2.cool/
會(huì)的比別人多一點(diǎn)
任何公眾號運(yùn)營中的疑難雜癥，都?xì)g迎邀請我們回答哦。
這里是黑科技編輯器（e2.cool），會(huì)的比別人多一點(diǎn)。
