新年超好玩的6款新年SVG互動排版(新花樣SVG互動效果)

每到星期四,就想整兩句《星期四之歌》。來唱唱的胖友有沒有,不過最近的《星期四之歌》已經(jīng)漸漸變成了《盼過年之歌》。


“今天星期四,明天星期五”

“再堅持10天,然后就過年”


過年那可是全國人民

都在期盼的節(jié)日

重要程度不言而喻


如何做好排版?

如何做好互動?

今天給胖友們帶來 6 個新年的svg玩法!


*以下效果均為svg編輯器效果,非135編輯器樣式,需打開svg編輯器搜索使用:

http://syjsm.cn/svgeditor/


01


盤點那些年味兒十足的歌曲

點擊換圖播放音頻


《恭喜發(fā)財》《難忘今宵》《三百六十五個祝?!贰逗眠\來》……這些可都是刻在我們DNA里的歌曲,那有沒有想過利用這些歌曲做一期推文呢?主題可以是“盤點那些年味兒十足的歌曲”,也可以是“聽歌識曲,這些代表年味兒的歌你都猜出來了嗎?”再配合點擊圖片播放音頻的svg效果,完成和用戶的互動。既讓推文增加了聲音上的層次感,又喚起了讀者對這些歌曲的回憶,還實現(xiàn)了互動,一舉三得!


·


Svg效果:點擊換圖式QQ音樂音頻海報-防誤觸

ID:49

使用教程:點此查看使用教程


此類效果為點擊換圖式,且只能插入QQ音樂,不能上傳本地音樂,如需上傳本地音樂,或不需要換圖就播放音頻,可在svg編輯器互動效果欄目下選擇【音頻】查看更多效果。





02


誰過年還不相點親了?

前景滑動背景固定的雙層左右滑動


過年意味著又要被親戚們各種問候了,你的人生大事那可是被關(guān)注的重點,一不留神,相親就安排上了,那么你過年幾天的安排很可能就是:相親相親相親。相親太苦了,估計大部分成年人都有過類似經(jīng)歷,那可必須得寫出來!要不用一個滑動樣式調(diào)侃一下今年過年到底認識了多少相親對象,然后開啟一番吐槽?


·



Svg效果:前景滑動背景固定雙層左右滑動-適配深色模式

ID:196

使用教程:點此查看使用教程





03


固定項目的集福活動

多次點擊換圖展開


某寶上的集五?;顒涌梢哉f是一年一度的保留項目了,雖然每年開出來的紅包都只有幾塊錢,但全民參與的氛圍和快樂還是有的。我們可以將這個活動沿用到推文中來,比如多次點擊換圖展開的效果,點擊一下顯示收集到一個福,多次點擊后,顯示“集福成功、立即合成”的字樣,然后再展開一個帶有福字的圖片海報,祝福用戶新年快樂。


·
·


Svg效果:多次點擊換圖展開-自定義觸發(fā)

ID:112

使用教程:點此查看使用教程





04


活動當(dāng)然不能落下

跳轉(zhuǎn)超鏈接(動態(tài)效果)


春節(jié)可是全年最受關(guān)注的營銷節(jié)點,這個時候,幾乎每個品牌的重點都放在了春節(jié)促銷活動上。不論是設(shè)計活動海報還是制作活動推文,都少不了一個至關(guān)重要的元素——引導(dǎo)點擊跳轉(zhuǎn)的按鈕。對于這類按鈕而言,動態(tài)的效果一定好過靜態(tài)的,因為動態(tài)帶給人的刺激更強。如果你不會制作動態(tài)效果,那也沒有關(guān)系,用svg效果就可以實現(xiàn),比如下方案例用到的【跳動效果按鈕-點擊跳轉(zhuǎn)超鏈接】效果。此類效果只需要準備兩張圖:一張海報+一個按鈕圖(無需自己制作為動態(tài),效果會自動使按鈕呈放大縮小的彈動效果)。


·


Svg效果:跳動效果按鈕-點擊跳轉(zhuǎn)超鏈接

ID:193

使用教程:點此查看使用教程


如需跳轉(zhuǎn)小程序,可使用如下svg:


Svg效果:跳動效果按鈕-點擊跳轉(zhuǎn)小程序

ID:192

使用教程:點此查看使用教程





05


過年還得準備福利

一行兩列單層左右滑動


全民狂歡,福利自然要有,這個福利可以是免費給到用戶的好處,也可以是一些優(yōu)惠活動。為了使福利更加誘人或者給福利設(shè)置梯度,品牌通常會設(shè)置多個福利形式,排版就比較難了,那么多福利,如何展示比較好呢?我們可以考慮看看一行多列的單層左右滑動,比如你有2個福利活動,那我們就可以把這2個福利分別放到一行里的多個布局盒子里,盒子里是滑動的效果,滑動即可查看福利。用一行的位置展示出來,既節(jié)約了排版空間,還可以讓用戶好奇是怎么實現(xiàn)這種效果的。


·


Svg效果:一行兩列單層左右滑動

ID:181

使用教程:點此查看使用教程


此外,還有一行三列的:


Svg效果:一行三列單層左右滑動

ID:182

使用教程:點此查看使用教程


如有4個或6個福利需要展示,則疊加效果使用即可。





06


春節(jié)習(xí)俗知多少

九宮格圖片彈窗


從臘月二十三到正月十五,每一天都有不同的年俗活動。春節(jié)期間的大部分推文也都圍繞這些習(xí)俗介紹展開,最常規(guī)的方式是每天發(fā)送一張習(xí)俗海報。在此之前或之后,我們其實可以準備一篇概括性總結(jié)習(xí)俗的文章,比如除夕到初八的習(xí)俗,用一個九宮格彈窗的形式展現(xiàn)出來,實現(xiàn)總結(jié)性科普的目的。


·


Svg效果:九宮格圖片彈窗

ID:56

使用教程:點此查看使用教程






除了以上玩法以外

春節(jié)前夕的各大品牌還會出紅包封面

關(guān)于紅包封面的玩法

可以戳以下鏈接查看??

【恭喜發(fā)財 大吉大利】 微信紅包封面來了!

(紅包木有了 胖友們重點關(guān)注玩法


好了以上就是今天的教程碼好了!



-END-

本文排版由135編輯器提供技術(shù)支持;

圖片制作:比格設(shè)計


需要獲取更多幫助

可登錄135編輯器官網(wǎng)

點擊右下角【幫助】聯(lián)系客服


135會員服務(wù)


135編輯器(網(wǎng)站:syjsm.cn)是一款在線圖文排版美化工具。平臺已有超過15萬+樣式素材、3000+款模板素材、200+款svg互動效果素材,更有秒刷、一鍵排版、多公眾號管理、云端草稿等46項在線功能。


為了更好地服務(wù)企業(yè)用戶,135編輯器目前面向企業(yè)會員同時開放135編輯器會員、比格圖片設(shè)計企業(yè)會員、svg編輯器會員三大權(quán)益。更專業(yè)的功能和服務(wù),讓企業(yè)會員享受最佳的會員體驗。



文章申明:本文章轉(zhuǎn)載自互聯(lián)網(wǎng)公開渠道,如有侵權(quán)請聯(lián)系我們刪除
文章評價
登錄后可以評論
立即登錄
小伍資深編輯
共638篇文章
最近文章
更多
  • 雙十二電商活動宣傳排版素材(電商商品促銷推廣模版樣式)
  • 乞巧節(jié)微信公眾號推文排版素材(愛情浪漫活動推廣文案)
  • 二十四節(jié)氣立秋圖文排版素材(金黃色系立秋推文文案模版)
  • 八一建軍節(jié)紀念日推文排版樣式(光輝歷程文案宣傳模版)
比格設(shè)計
熱門工具
135編輯器
領(lǐng)先的在線圖文編輯平臺原創(chuàng)樣式素材,一鍵套用
筆格設(shè)計
受歡迎的在線作圖網(wǎng)站,新媒體配圖、手機海報應(yīng)有盡有
筆格PPT
輸入主題,AI一鍵生成PPT;上傳本地文件秒變PPT
管小助
企業(yè)營銷、私域流量運營——站式營銷管理平臺
推薦文章
用戶運營平臺產(chǎn)品設(shè)計指南
淺談用戶運營中的用戶分層
內(nèi)容運營:戴上寫作的六頂思考帽
5000字方法論:4個細節(jié),決定私域能不能賺錢
一個案例說明白用戶分析怎么用
22條視頻,漲粉12.6萬,一個女孩子在抖音靠洗車也能月入過萬!
高價值社群的5大核心關(guān)鍵
抖音賬號內(nèi)容自檢清單!
決定離職后,3天拿到offer的總結(jié)與反思!
【135早資訊】:教育部將徹查教材插圖問題;抖音6月1日起將對本地生活商家收取服務(wù)費
熱門素材樣式
運營導(dǎo)航
運營工具
分享到