推薦適合中秋的SVG模版
寶藏模版
往期推薦（點(diǎn)擊閱讀）：
各位?E2.COOL的會(huì)員，編輯器內(nèi) 800+ 的 SVG 組件你們都用過嗎？佳節(jié)將至，品牌公眾號(hào)如何以創(chuàng)意打動(dòng)人心？這一期推薦希望能激活你的靈感，在中秋出街最靚的交互圖文。
漸進(jìn)效果/連續(xù)切換
「普通」的 SVG 組件，通過巧妙的創(chuàng)意策劃一樣可以實(shí)現(xiàn)不俗的交互效果。以寶馬中國的《塞勒涅之眼》為例，將「序列幀」通過這種漸進(jìn)效果/ 連續(xù)切換，最后點(diǎn)擊彈出海報(bào)，著實(shí)讓人拍案叫絕。
在?E2.COOL?的組件搜索功能內(nèi)查找「漸進(jìn)效果」或「連續(xù)切換」即可體驗(yàn)！篩選器中包含最后一張圖可彈出/超鏈接/小程序等能力。
GIF 控制器+播放音頻
騰訊官方的諧音梗專業(yè)戶「長鵝」總會(huì)在每年中秋作妖，這兩篇《騰訊長鵝祝你中秋節(jié)快樂！》和《騰訊長鵝祝你中秋節(jié)快樂！》分別在去年和前年以鬼畜的音畫設(shè)計(jì)贏得了讀者的一致吐槽式好評(píng)。
在?E2.COOL?的組件搜索功能內(nèi)查找「GIF控制器+播放音頻」即可體驗(yàn)！注意音頻應(yīng)引用本號(hào)素材庫的音頻代碼，具體獲取方式可參看《真香｜一鍵獲取圖文音頻/視頻/卡片組件代碼》
滑屏（拖拽）播放 GIF
有實(shí)體的月餅產(chǎn)品的話，可以通過 SVG 交互技術(shù)來呈現(xiàn)更多關(guān)于月餅本身的信息。比如星巴克的月餅介紹中，通過特殊手勢(shì)滑動(dòng)屏幕，能模擬切開月餅的動(dòng)作。不妨滑動(dòng)下方畫面體驗(yàn)：
在?E2.COOL?的組件搜索功能內(nèi)查找「滑屏（拖拽）播放GIF」即可體驗(yàn)！這里建議設(shè)計(jì)層面以橫向滑動(dòng)為主，由此能避免圖文被同時(shí)拖動(dòng)的問題。另外可以通過定位器組件限制觸摸響應(yīng)的范圍，比如以上交互相當(dāng)于選擇了畫面的 4-5-6 區(qū)作為熱區(qū)。
旋轉(zhuǎn)式切換接伸長
如果產(chǎn)品信息比較豐富，也可以通過連續(xù)的同屏展示后展開整體商詳，那么這里推薦喜茶《中秋禮盒預(yù)售｜偷顆月亮送給你》中的旋轉(zhuǎn)式切換接伸長模式。
在?E2.COOL?的組件搜索功能內(nèi)查找「旋轉(zhuǎn)式切換接伸長」即可體驗(yàn)！
頂層滑動(dòng)
運(yùn)營人習(xí)以為常的 CSS 滑動(dòng)能結(jié)合中秋主題做出怎樣的創(chuàng)意？這篇愛達(dá)樂的《尋月啟事｜中秋將至，據(jù)說有大事發(fā)生？》以「如果月亮不見了」為思路，漫畫結(jié)合交互呈現(xiàn)了趣味感十足的反向思考。而就排版技術(shù)而言，是采用了頂層滑動(dòng)的模式，讓兩個(gè) PNG 圖層在往返滑動(dòng)中變換畫面。
在?E2.COOL?的組件搜索功能內(nèi)查找「頂層滑動(dòng)」即可體驗(yàn)！嵌套區(qū)內(nèi)可以加入任何上層的滑動(dòng)類型噢！
視頻號(hào)跳轉(zhuǎn)美化
我們?cè)凇哆@樣美化視頻號(hào)排版，高端大氣上檔次。》已經(jīng)介紹了不少美化視頻號(hào)入口的設(shè)計(jì)思路。如果你的品牌也為中秋主題準(zhǔn)備了短片，不妨繼續(xù)使用這一模式來改變視頻號(hào)的外觀。像愛馬仕的《歡聚的心，躍向月光》簡約大氣，非常值得奢侈品會(huì)員們參考。
在?E2.COOL?的組件搜索功能內(nèi)查找「視頻號(hào)跳轉(zhuǎn)美化」即可體驗(yàn)！
這里是黑科技編輯器（e2.cool），會(huì)的比別人多一點(diǎn)
