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