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

Svg效果：點(diǎn)擊換圖式QQ音樂(lè)音頻海報(bào)-防誤觸

ID：49

使用教程：點(diǎn)此查看使用教程

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

過(guò)年意味著又要被親戚們各種問(wèn)候了，你的人生大事那可是被關(guān)注的重點(diǎn)，一不留神，相親就安排上了，那么你過(guò)年幾天的安排很可能就是：相親相親相親。相親太苦了，估計(jì)大部分成年人都有過(guò)類似經(jīng)歷，那可必須得寫(xiě)出來(lái)！要不用一個(gè)滑動(dòng)樣式調(diào)侃一下今年過(guò)年到底認(rèn)識(shí)了多少相親對(duì)象，然后開(kāi)啟一番吐槽？

Svg效果：前景滑動(dòng)背景固定雙層左右滑動(dòng)-適配深色模式

ID：196

使用教程：點(diǎn)此查看使用教程

某寶上的集五?；顒?dòng)可以說(shuō)是一年一度的保留項(xiàng)目了，雖然每年開(kāi)出來(lái)的紅包都只有幾塊錢，但全民參與的氛圍和快樂(lè)還是有的。我們可以將這個(gè)活動(dòng)沿用到推文中來(lái)，比如多次點(diǎn)擊換圖展開(kāi)的效果，點(diǎn)擊一下顯示收集到一個(gè)福，多次點(diǎn)擊后，顯示“集福成功、立即合成”的字樣，然后再展開(kāi)一個(gè)帶有福字的圖片海報(bào)，祝福用戶新年快樂(lè)。

·

·

Svg效果：多次點(diǎn)擊換圖展開(kāi)-自定義觸發(fā)

ID：112

使用教程：點(diǎn)此查看使用教程

春節(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)的效果一定好過(guò)靜態(tài)的，因?yàn)閯?dòng)態(tài)帶給人的刺激更強(qiáng)。如果你不會(huì)制作動(dòng)態(tài)效果，那也沒(mé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)此查看使用教程

全民狂歡，福利自然要有，這個(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è)福利需要展示，則疊加效果使用即可。

從臘月二十三到正月十五，每一天都有不同的年俗活動(dòng)。春節(jié)期間的大部分推文也都圍繞這些習(xí)俗介紹展開(kāi)，最常規(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)此查看使用教程