新年超好玩的6款新年SVG互動(dòng)排版（新花樣SVG互動(dòng)效果）
每到星期四，就想整兩句《星期四之歌》。來(lái)唱唱的胖友有沒有，不過最近的《星期四之歌》已經(jīng)漸漸變成了《盼過年之歌》。
“今天星期四，明天星期五”
“再堅(jiān)持10天，然后就過年”
過年那可是全國(guó)人民
都在期盼的節(jié)日
重要程度不言而喻
如何做好排版？
如何做好互動(dòng)？
今天給胖友們帶來(lái) 6 個(gè)新年的svg玩法！
*以下效果均為svg編輯器效果，非135編輯器樣式，需打開svg編輯器搜索使用：
01
《恭喜發(fā)財(cái)》《難忘今宵》《三百六十五個(gè)祝?！贰逗眠\(yùn)來(lái)》……這些可都是刻在我們DNA里的歌曲，那有沒有想過利用這些歌曲做一期推文呢？主題可以是“盤點(diǎn)那些年味兒十足的歌曲”，也可以是“聽歌識(shí)曲，這些代表年味兒的歌你都猜出來(lái)了嗎？”再配合點(diǎn)擊圖片播放音頻的svg效果，完成和用戶的互動(dòng)。既讓推文增加了聲音上的層次感，又喚起了讀者對(duì)這些歌曲的回憶，還實(shí)現(xiàn)了互動(dòng)，一舉三得！
Svg效果：點(diǎn)擊換圖式QQ音樂音頻海報(bào)-防誤觸
ID：49
使用教程：點(diǎn)此查看使用教程
此類效果為點(diǎn)擊換圖式，且只能插入QQ音樂，不能上傳本地音樂，如需上傳本地音樂，或不需要換圖就播放音頻，可在svg編輯器互動(dòng)效果欄目下選擇【音頻】查看更多效果。
02
過年意味著又要被親戚們各種問候了，你的人生大事那可是被關(guān)注的重點(diǎn)，一不留神，相親就安排上了，那么你過年幾天的安排很可能就是：相親相親相親。相親太苦了，估計(jì)大部分成年人都有過類似經(jīng)歷，那可必須得寫出來(lái)！要不用一個(gè)滑動(dòng)樣式調(diào)侃一下今年過年到底認(rèn)識(shí)了多少相親對(duì)象，然后開啟一番吐槽？
Svg效果：前景滑動(dòng)背景固定雙層左右滑動(dòng)-適配深色模式
ID：196
使用教程：點(diǎn)此查看使用教程
03
某寶上的集五?；顒?dòng)可以說是一年一度的保留項(xiàng)目了，雖然每年開出來(lái)的紅包都只有幾塊錢，但全民參與的氛圍和快樂還是有的。我們可以將這個(gè)活動(dòng)沿用到推文中來(lái)，比如多次點(diǎn)擊換圖展開的效果，點(diǎn)擊一下顯示收集到一個(gè)福，多次點(diǎn)擊后，顯示“集福成功、立即合成”的字樣，然后再展開一個(gè)帶有福字的圖片海報(bào)，祝福用戶新年快樂。
Svg效果：多次點(diǎn)擊換圖展開-自定義觸發(fā)
ID：112
使用教程：點(diǎn)此查看使用教程
04
春節(jié)可是全年最受關(guān)注的營(yíng)銷節(jié)點(diǎn)，這個(gè)時(shí)候，幾乎每個(gè)品牌的重點(diǎn)都放在了春節(jié)促銷活動(dòng)上。不論是設(shè)計(jì)活動(dòng)海報(bào)還是制作活動(dòng)推文，都少不了一個(gè)至關(guān)重要的元素——引導(dǎo)點(diǎn)擊跳轉(zhuǎn)的按鈕。對(duì)于這類按鈕而言，動(dòng)態(tài)的效果一定好過靜態(tài)的，因?yàn)閯?dòng)態(tài)帶給人的刺激更強(qiáng)。如果你不會(huì)制作動(dòng)態(tài)效果，那也沒有關(guān)系，用svg效果就可以實(shí)現(xiàn)，比如下方案例用到的【跳動(dòng)效果按鈕-點(diǎn)擊跳轉(zhuǎn)超鏈接】效果。此類效果只需要準(zhǔn)備兩張圖：一張海報(bào)+一個(gè)按鈕圖（無(wú)需自己制作為動(dòng)態(tài)，效果會(huì)自動(dòng)使按鈕呈放大縮小的彈動(dòng)效果）。
Svg效果：跳動(dòng)效果按鈕-點(diǎn)擊跳轉(zhuǎn)超鏈接
ID：193
使用教程：點(diǎn)此查看使用教程
如需跳轉(zhuǎn)小程序，可使用如下svg：
Svg效果：跳動(dòng)效果按鈕-點(diǎn)擊跳轉(zhuǎn)小程序
ID：192
使用教程：點(diǎn)此查看使用教程
05
全民狂歡，福利自然要有，這個(gè)福利可以是免費(fèi)給到用戶的好處，也可以是一些優(yōu)惠活動(dòng)。為了使福利更加誘人或者給福利設(shè)置梯度，品牌通常會(huì)設(shè)置多個(gè)福利形式，排版就比較難了，那么多福利，如何展示比較好呢？我們可以考慮看看一行多列的單層左右滑動(dòng)，比如你有2個(gè)福利活動(dòng)，那我們就可以把這2個(gè)福利分別放到一行里的多個(gè)布局盒子里，盒子里是滑動(dòng)的效果，滑動(dòng)即可查看福利。用一行的位置展示出來(lái)，既節(jié)約了排版空間，還可以讓用戶好奇是怎么實(shí)現(xiàn)這種效果的。
Svg效果：一行兩列單層左右滑動(dòng)
ID：181
使用教程：點(diǎn)此查看使用教程
此外，還有一行三列的：
Svg效果：一行三列單層左右滑動(dòng)
ID：182
使用教程：點(diǎn)此查看使用教程
如有4個(gè)或6個(gè)福利需要展示，則疊加效果使用即可。
06
從臘月二十三到正月十五，每一天都有不同的年俗活動(dòng)。春節(jié)期間的大部分推文也都圍繞這些習(xí)俗介紹展開，最常規(guī)的方式是每天發(fā)送一張習(xí)俗海報(bào)。在此之前或之后，我們其實(shí)可以準(zhǔn)備一篇概括性總結(jié)習(xí)俗的文章，比如除夕到初八的習(xí)俗，用一個(gè)九宮格彈窗的形式展現(xiàn)出來(lái)，實(shí)現(xiàn)總結(jié)性科普的目的。
Svg效果：九宮格圖片彈窗
ID：56
使用教程：點(diǎn)此查看使用教程
除了以上玩法以外
春節(jié)前夕的各大品牌還會(huì)出紅包封面
關(guān)于紅包封面的玩法
可以戳以下鏈接查看??
《【恭喜發(fā)財(cái) 大吉大利】 微信紅包封面來(lái)了！》
（紅包木有了 胖友們重點(diǎn)關(guān)注玩法）
好了以上就是今天的教程碼好了！
-END-
本文排版由135編輯器提供技術(shù)支持；
圖片制作：比格設(shè)計(jì)
需要獲取更多幫助
可登錄135編輯器官網(wǎng)
點(diǎn)擊右下角【幫助】聯(lián)系客服
135編輯器（網(wǎng)站：hackiots.com）是一款在線圖文排版美化工具。平臺(tái)已有超過15萬(wàn)+樣式素材、3000+款模板素材、200+款svg互動(dòng)效果素材，更有秒刷、一鍵排版、多公眾號(hào)管理、云端草稿等46項(xiàng)在線功能。
為了更好地服務(wù)企業(yè)用戶，135編輯器目前面向企業(yè)會(huì)員同時(shí)開放135編輯器會(huì)員、比格圖片設(shè)計(jì)企業(yè)會(huì)員、svg編輯器會(huì)員三大權(quán)益。更專業(yè)的功能和服務(wù)，讓企業(yè)會(huì)員享受最佳的會(huì)員體驗(yàn)。
立即登錄
- 雙十二電商活動(dòng)宣傳排版素材（電商商品促銷推廣模版樣式）
- 乞巧節(jié)微信公眾號(hào)推文排版素材（愛情浪漫活動(dòng)推廣文案）
- 二十四節(jié)氣立秋圖文排版素材（金黃色系立秋推文文案模版）
- 八一建軍節(jié)紀(jì)念日推文排版樣式（光輝歷程文案宣傳模版）
