解鎖夏日清涼!SVG創(chuàng)意推文玩法讓你的公眾號(hào)“自帶空調(diào)”

炎炎夏日,如何讓你的公眾號(hào)推文成為用戶(hù)的避暑圣地?本文精選多款SVG創(chuàng)意推文玩法,從敲冰塊到建筑變冰激凌,視覺(jué)與互動(dòng)效果兼?zhèn)?,助你打造清涼吸睛的夏日爆款推文?/p>

自帶涼感的

創(chuàng)意推文玩法

夏季SVG案例分享




????熱?????熱?????熱????,最近各地氣溫不斷攀升,很多城市都進(jìn)入了“燒烤模式”,氣溫突破38度,大家都急需清涼一下,這不,最近三兒看到了一些涼感十足的創(chuàng)意推文,就趕緊來(lái)分享給大家了,一起來(lái)感受一絲清涼吧!





1.敲冰塊玩法














A81A9AC3-7F61-4C19-A749-DA21997674C6_compressed.gif


(來(lái)自美團(tuán)外賣(mài)公眾號(hào))


點(diǎn)擊跳轉(zhuǎn)原文閱讀

天氣太熱,就來(lái)敲敲冰塊解暑吧!這篇來(lái)自美團(tuán)外賣(mài)的文章,整體以冰雪作為設(shè)計(jì)元素,僅從視覺(jué)就能讓人瞬間清爽。同時(shí),文章設(shè)計(jì)了敲冰塊的玩法,當(dāng)用戶(hù)敲擊屏幕上的冰塊時(shí),不僅能觸發(fā)逼真的破碎特效,還能聽(tīng)到清脆的碎裂聲,從視覺(jué)和聽(tīng)覺(jué)兩個(gè)維度,為用戶(hù)打造沉浸式的清涼體驗(yàn)。


這篇文章的主要效果可以用多次點(diǎn)擊換圖的SVG效果,ID:8;若需完整實(shí)現(xiàn)本篇推文的效果,則需定制。





D5ABEC0F-3131-4E15-A1E5-0581C9C67B59_compressed.gif


(來(lái)自CityOn熙地港鄭州購(gòu)物中心)


點(diǎn)擊跳轉(zhuǎn)原文閱讀


除了這種展示形式外,這里還有另一種視覺(jué)呈現(xiàn)效果推薦給大家,比如這篇購(gòu)物中心的文章,同樣采用了敲冰塊的玩法,但在呈現(xiàn)上卻略有不同,創(chuàng)作者在同一區(qū)域內(nèi)整齊放置了多個(gè)相同的冰塊元素,按照多宮格的形態(tài)進(jìn)行排列,當(dāng)用戶(hù)敲擊不同的冰塊時(shí),某些冰塊內(nèi)藏的“驚喜”便會(huì)展示出來(lái),這種自帶神秘感的設(shè)計(jì),能充分激發(fā)用戶(hù)探索的積極性。


本文可以用點(diǎn)擊換圖的SVG效果,ID:6;搭配一行四列的SVG效果,ID:350實(shí)現(xiàn)。






2.建筑秒變冰激凌玩法
















f1d14ee8-c0e7-42db-ab3a-6cd2498e61a9.gif


(來(lái)自湖南師范大學(xué)公眾號(hào))


點(diǎn)擊跳轉(zhuǎn)原文閱讀


冰淇淋隨處可見(jiàn),但冰淇淋版的建筑卻難得一見(jiàn)。湖師大這篇推文用AI技術(shù),將校園里的標(biāo)志性建筑變成了冰淇淋樣式,還通過(guò)點(diǎn)擊換圖的互動(dòng)玩法,帶用戶(hù)逐一揭開(kāi)這些建筑變身冰淇淋后的獨(dú)特視覺(jué)效果。


通過(guò)利用AI將建筑物或產(chǎn)品變成冰淇淋后,以建筑物、產(chǎn)品圖前后對(duì)比的方式進(jìn)行呈現(xiàn),也能從視覺(jué)上給用戶(hù)帶來(lái)一絲清涼的感受。


本篇推文可以用點(diǎn)擊換圖的SVG效果,ID:6實(shí)現(xiàn)。





3.如何搜索SVG效果














在編輯器頁(yè)面左側(cè)選擇【SVG編輯】,即可進(jìn)入SVG編輯器界面。


image.png


進(jìn)入SVG編輯器界面后,點(diǎn)擊【SVG效果】,在搜索框中輸入SVG組件ID或者關(guān)鍵詞即可進(jìn)行搜索。


image.png




以上就是三兒分享的全部?jī)?nèi)容了

如果覺(jué)得還不錯(cuò)

記得點(diǎn)贊+在看

如果還有什么想看想學(xué)的

歡迎在評(píng)論區(qū)留言哦




END





文章申明:本文章轉(zhuǎn)載自互聯(lián)網(wǎng)公開(kāi)渠道,如有侵權(quán)請(qǐng)聯(lián)系我們刪除
文章評(píng)價(jià)
登錄后可以評(píng)論
立即登錄
比格設(shè)計(jì)
熱門(mén)工具
135編輯器
領(lǐng)先的在線(xiàn)圖文編輯平臺(tái)原創(chuàng)樣式素材,一鍵套用
筆格設(shè)計(jì)
受歡迎的在線(xiàn)作圖網(wǎng)站,新媒體配圖、手機(jī)海報(bào)應(yīng)有盡有
筆格PPT
輸入主題,AI一鍵生成PPT;上傳本地文件秒變PPT
管小助
企業(yè)營(yíng)銷(xiāo)、私域流量運(yùn)營(yíng)——站式營(yíng)銷(xiāo)管理平臺(tái)
推薦文章
用戶(hù)運(yùn)營(yíng)平臺(tái)產(chǎn)品設(shè)計(jì)指南
淺談?dòng)脩?hù)運(yùn)營(yíng)中的用戶(hù)分層
內(nèi)容運(yùn)營(yíng):戴上寫(xiě)作的六頂思考帽
5000字方法論:4個(gè)細(xì)節(jié),決定私域能不能賺錢(qián)
一個(gè)案例說(shuō)明白用戶(hù)分析怎么用
22條視頻,漲粉12.6萬(wàn),一個(gè)女孩子在抖音靠洗車(chē)也能月入過(guò)萬(wàn)!
高價(jià)值社群的5大核心關(guān)鍵
抖音賬號(hào)內(nèi)容自檢清單!
決定離職后,3天拿到offer的總結(jié)與反思!
【135早資訊】:教育部將徹查教材插圖問(wèn)題;抖音6月1日起將對(duì)本地生活商家收取服務(wù)費(fèi)
熱門(mén)素材樣式
運(yùn)營(yíng)導(dǎo)航
運(yùn)營(yíng)工具
分享到