新年超好玩的6款新年SVG互動排版(新花樣SVG互動效果)
每到星期四,就想整兩句《星期四之歌》。來唱唱的胖友有沒有,不過最近的《星期四之歌》已經(jīng)漸漸變成了《盼過年之歌》。
“今天星期四,明天星期五”
“再堅持10天,然后就過年”
過年那可是全國人民
都在期盼的節(jié)日
重要程度不言而喻
如何做好排版?
如何做好互動?
今天給胖友們帶來 6 個新年的svg玩法!
*以下效果均為svg編輯器效果,非135編輯器樣式,需打開svg編輯器搜索使用:
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
春節(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í)俗介紹展開,最常規(guī)的方式是每天發(fā)送一張習(xí)俗海報。在此之前或之后,我們其實可以準備一篇概括性總結(jié)習(xí)俗的文章,比如除夕到初八的習(xí)俗,用一個九宮格彈窗的形式展現(xiàn)出來,實現(xiàn)總結(jié)性科普的目的。
Svg效果:九宮格圖片彈窗
ID:56
使用教程:點此查看使用教程
除了以上玩法以外
春節(jié)前夕的各大品牌還會出紅包封面
關(guān)于紅包封面的玩法
可以戳以下鏈接查看??
(紅包木有了 胖友們重點關(guān)注玩法)
好了以上就是今天的教程碼好了!
-END-
本文排版由135編輯器提供技術(shù)支持;
圖片制作:比格設(shè)計
需要獲取更多幫助
可登錄135編輯器官網(wǎng)
點擊右下角【幫助】聯(lián)系客服
135編輯器(網(wǎng)站:syjsm.cn)是一款在線圖文排版美化工具。平臺已有超過15萬+樣式素材、3000+款模板素材、200+款svg互動效果素材,更有秒刷、一鍵排版、多公眾號管理、云端草稿等46項在線功能。
為了更好地服務(wù)企業(yè)用戶,135編輯器目前面向企業(yè)會員同時開放135編輯器會員、比格圖片設(shè)計企業(yè)會員、svg編輯器會員三大權(quán)益。更專業(yè)的功能和服務(wù),讓企業(yè)會員享受最佳的會員體驗。
立即登錄
- 雙十二電商活動宣傳排版素材(電商商品促銷推廣模版樣式)
- 乞巧節(jié)微信公眾號推文排版素材(愛情浪漫活動推廣文案)
- 二十四節(jié)氣立秋圖文排版素材(金黃色系立秋推文文案模版)
- 八一建軍節(jié)紀念日推文排版樣式(光輝歷程文案宣傳模版)