紅包封面創(chuàng)意推廣SVG模版（第II期）
寶藏模版
往期推薦（點(diǎn)擊閱讀）：
趣味效果｜高大上｜可愛風(fēng)｜年終總結(jié)I｜年終總結(jié)II｜循環(huán)特效｜情人節(jié)I｜情人節(jié)II｜婦女節(jié)｜兒童節(jié)I｜兒童節(jié)II｜兒童節(jié)III｜618I｜618II｜父親節(jié)｜絲滑動(dòng)畫｜端午節(jié)I｜端午節(jié)II｜滑動(dòng)妙用｜圖片輪播I｜圖片輪播II｜又紅又專｜中秋節(jié)I｜中秋節(jié)II｜雙十一I｜雙十一II｜世界杯｜感恩節(jié)｜圣誕節(jié)I｜圣誕節(jié)II｜新年｜兔年春節(jié)｜元宵節(jié)｜愚人節(jié)｜雜志范兒｜520/521I｜520/521II｜五一旅游I｜五一旅游II｜母親節(jié)I｜母親節(jié)I｜多巴胺｜微博｜夏日氛圍｜大唐國(guó)風(fēng)｜反詐宣傳｜七夕節(jié)｜CityWalk｜開學(xué)季II｜開學(xué)季II｜校園主題｜揭露丑惡真相｜運(yùn)動(dòng)會(huì)I｜運(yùn)動(dòng)會(huì)II｜十一｜萬(wàn)圣節(jié)I｜萬(wàn)圣節(jié)II｜冬季氛圍｜新聞宣傳｜春節(jié)紅包｜龍年春節(jié)｜開工新品｜地球日｜問(wèn)答題｜龍年春節(jié)
各位 E2.COOL 的會(huì)員，編輯器內(nèi) 1700+ 的 SVG 正版組件你們都用過(guò)嗎？蛇年春節(jié)將至，紅包封面設(shè)計(jì)又進(jìn)入高峰期，你可以點(diǎn)擊閱讀我們既往發(fā)布的《 紅包封面創(chuàng)意推廣SVG模版 （第一期）》，同時(shí)注意仔細(xì)查看《排版課堂｜紅包封面卡片插入注意事項(xiàng)》。
賽博煙花紅包
在 JZCreative《 咻咻咻咻咻咻咻咻咻咻咻咻咻咻咻咻！》中展示了一種前所未有的無(wú)限煙花點(diǎn)燃效果，并可以在一定條件下顯露紅包真實(shí)位置：
目前該效果已獨(dú)家正版授權(quán)至 E2.COOL 黑科技 SVG 編輯器 UGC 專區(qū)，并以「無(wú)限煙花」命名。另外如你已經(jīng)購(gòu)買我們的新年周邊組合，則可以直接向管理申請(qǐng)獲取該 UGC 組件權(quán)限。此外還可以獲取的資源目前包括 1）UGC 模版「SVG 手帳翻頁(yè)」；2）草稿工程「SVG 日歷游走」；3）草稿工程「層層滑動(dòng)找紅包」。
頂層滑動(dòng)+紅包封面美化
《小米送你龍年限定紅包封面！》通過(guò)縱向滑動(dòng)給鏤空的龍?zhí)畛洳ü怍贼缘慕鹕H有畫龍點(diǎn)睛之感，結(jié)尾配合「紅包封面跳轉(zhuǎn)美化」組件，讓新年祝福別具新意。而蛇與龍?bào)w態(tài)相仿，自然也值得在今年作為設(shè)計(jì)參考：
「頂層滑動(dòng)」是 E2.COOL 黑科技 SVG 編輯器的一款經(jīng)典組件，結(jié)合設(shè)計(jì)實(shí)現(xiàn)絲滑的上色效果也深受大家的喜愛。
軌跡動(dòng)畫+紅包封面美化
《小米送你兔年限定紅包封面！》則采用了一條線模式 SVG，并絲滑銜接「紅包封面跳轉(zhuǎn)美化」組件，勾勒出最后的兔子造型引導(dǎo)用戶領(lǐng)取：
關(guān)于「一條線」的具體部署策略，建議點(diǎn)擊閱讀《黑科技編輯器｜公眾號(hào)SVG「一條線」動(dòng)畫設(shè)計(jì)（手把手錄屏教學(xué)）》對(duì)照練習(xí)，并在「零高容器」內(nèi)對(duì)應(yīng)加入「紅包封面跳轉(zhuǎn)美化」組件。
旋轉(zhuǎn)式切換
「旋轉(zhuǎn)式切換」是紅包封面布局的熱門選項(xiàng)之一，如周大福在《新年納福 紅包賀歲 》中就采用了這一形式，每個(gè)卡片均可點(diǎn)擊領(lǐng)?。?/p>
這一組件由知名開發(fā)者@三千喵 創(chuàng)作。也可以采用手動(dòng)點(diǎn)擊的版本，在最后畫面引導(dǎo)紅包封面領(lǐng)取，可另行參考格蘭菲迪《福鹿雙至紅包封面，限量速領(lǐng)！》的應(yīng)用效果。
紅包開啟-伸長(zhǎng)
以開門邏輯形成紅包封皮上下移動(dòng)，露出內(nèi)層畫面并伸長(zhǎng)。這也是「開門特效（上下）-伸長(zhǎng)」的一大典型應(yīng)用思路，如 VGRASS 公眾號(hào)《 紅 包 來(lái) 了 》等案例所示：
關(guān)于該組件的使用，可以觀看業(yè)內(nèi)第三方公益案例庫(kù) iSVG 的視頻解析。
雙面翻轉(zhuǎn)卡牌特效
蕉內(nèi)公眾號(hào)在《找 紅 包》和《紅 包 來(lái) 了》中，使用散落布局的卡牌翻轉(zhuǎn)融合了包括海報(bào)、小程序、紅包封面、視頻號(hào)等諸多入口，形式相當(dāng)酷炫：
該效果可以通過(guò)編輯器在部分程度上模擬，參考《一圖看懂虛擬元宵燈會(huì)SVG排版｜玩轉(zhuǎn)任意動(dòng)畫接伸長(zhǎng)｜E2.COOL》中的卡牌部分教學(xué)。而如需實(shí)際復(fù)現(xiàn)所有精美效果，建議咨詢?cè)_發(fā)團(tuán)隊(duì)進(jìn)行專項(xiàng)定制。
底層滑動(dòng)+多熱區(qū)彈出式海報(bào)
蕉內(nèi)公眾號(hào)在《再 找 紅 包》中，將紅包鏈接藏匿于多組彈出式卡片之間，促使用戶反復(fù)查看搜索。既強(qiáng)化了消費(fèi)信息的記憶又提升了紅包封面領(lǐng)取過(guò)程的趣味性：
這期作品也是模擬微信對(duì)話的一種「擬態(tài)設(shè)計(jì)」范式，推薦大家點(diǎn)擊《教程｜擬朋友圈式SVG交互設(shè)計(jì)｜SVG黑科技編輯器E2.COOL》學(xué)習(xí)更多豐富的互動(dòng)界面設(shè)計(jì)思路。
層層滑動(dòng)
把紅包封面埋于更多周邊之下，通過(guò)「層層滑動(dòng)」找到它！正如 E2 平臺(tái)官方《紅包在哪里？（第一彈）》的互動(dòng)演示，妙趣橫生：
幸運(yùn)抽簽-切換抽取紅包
如果你有多款紅包計(jì)劃發(fā)放，不妨基于「抽簽」邏輯加強(qiáng)用戶的游戲體驗(yàn)感，如泡泡瑪特 X 華倫天奴《 盲盒到，來(lái)接「龍」》采用「幸運(yùn)抽簽-切換式」：
紅包抽拉互動(dòng)
結(jié)合紅包自身的真實(shí)物理特性，以「抽拉」的方式引導(dǎo)用戶獲取品牌封面，這是以 PayPal 案例《“龍”重登場(chǎng)！PayPal China貝寶中國(guó)龍年限定紅包封面來(lái)了！》為典型的「縱向滑動(dòng)」組件應(yīng)用：
關(guān)于該組件的使用，可以觀看業(yè)內(nèi)第三方公益案例庫(kù) iSVG 的視頻解析。
連續(xù)點(diǎn)擊切換-伸長(zhǎng)
連續(xù)點(diǎn)擊首頁(yè)畫面，文案與畫面層層遞進(jìn)，展開露出紅包封面領(lǐng)取頁(yè)。案例《 打開你的龍年走紅方式》通過(guò)「連續(xù)點(diǎn)擊切換-伸長(zhǎng)」組件實(shí)現(xiàn)：
點(diǎn)擊伸長(zhǎng)+紅包封面跳轉(zhuǎn)美化
將圖文設(shè)計(jì)為多個(gè)禮盒的組合，以「點(diǎn)擊伸長(zhǎng)」直接嵌套「紅包封面跳轉(zhuǎn)美化」，如《龍年限定 丨想送你一整年的好運(yùn)》效果簡(jiǎn)潔明了：
點(diǎn)擊切換+帶圖標(biāo)超鏈接
這是一種更簡(jiǎn)單的卡牌組合處理方式，較之翻轉(zhuǎn)雖然減少了互動(dòng)感，但直達(dá)率相對(duì)更高：
紅包封面跳轉(zhuǎn)美化
單純使用「紅包封面跳轉(zhuǎn)美化」作為長(zhǎng)圖文中的一個(gè)部分，適用于格調(diào)較高，互動(dòng)低頻的賬號(hào)直接使用，但又能顯著優(yōu)化領(lǐng)取入口的視覺設(shè)計(jì)：
更多海量模板，平均不足 1 元！
E2.COOL 秉持著讓行業(yè)“人均 SVG”的生態(tài)理念，由多位黑科技排版設(shè)計(jì)的頭部資深開發(fā)者共同打造，斬獲包括法國(guó)設(shè)計(jì)獎(jiǎng)、美國(guó)繆斯創(chuàng)意設(shè)計(jì)獎(jiǎng)等諸多國(guó)際賽事大獎(jiǎng)，幫助更多品牌以可視化形式完成互動(dòng)式圖文創(chuàng)作。如有任何特效靈感和建議，也歡迎通過(guò)客服向我們提出，E2 將竭誠(chéng)思考代碼轉(zhuǎn)化的可行性。
E2 平臺(tái)官網(wǎng)
https://www.e2.cool/
會(huì)的比別人多一點(diǎn)
不想錯(cuò)過(guò)營(yíng)銷熱點(diǎn)？
E2.COOL 手帳式新年熱點(diǎn)日歷現(xiàn)已經(jīng)上架，另附贈(zèng)兔克兔克貼紙、限定紅包、刮刮樂(lè)，助你新年運(yùn)籌帷幄！現(xiàn)在購(gòu)買還附贈(zèng) 1）UGC 模版「SVG 手帳翻頁(yè)」；2）UGC 模版「無(wú)限煙花」；3）草稿工程「SVG 日歷游走」；4）草稿工程「層層滑動(dòng)找紅包」
轉(zhuǎn)載請(qǐng)?jiān)谖恼麻_頭和結(jié)尾顯眼處標(biāo)注：作者、出處和鏈接。不按規(guī)范轉(zhuǎn)載侵權(quán)必究。
未經(jīng)授權(quán)嚴(yán)禁轉(zhuǎn)載，授權(quán)事宜請(qǐng)聯(lián)系作者本人，侵權(quán)必究。
本文禁止轉(zhuǎn)載，侵權(quán)必究。
授權(quán)事宜請(qǐng)至數(shù)英微信公眾號(hào)(ID: digitaling) 后臺(tái)授權(quán)，侵權(quán)必究。
評(píng)論
評(píng)論
推薦評(píng)論
暫無(wú)評(píng)論哦，快來(lái)評(píng)論一下吧！
全部評(píng)論（0條）