《感恩節(jié)SVG交互圖文案例大全》
寶藏模版
各位 E2.COOL 的會員,編輯器內(nèi) 1900+ 的 SVG 正版組件你們都用過嗎?11月的感恩節(jié)臨近,不少品牌會選擇這一節(jié)點開展感恩回饋,與用戶真情互動,去年我們曾通過《????推薦適感恩節(jié)的SVG模版????》帶來專題盤點,今年又有哪些新的行業(yè)靈感佳作?一起來看看!
任意動畫接伸長
《這個感恩節(jié),想聽聽你的故事...》案例中,初始的翻頁由連續(xù)的 「GIF控制器-漸隱」串聯(lián),并通過「任意動畫接伸長」組合:

「任意動畫接伸長」是 E2 編輯器中創(chuàng)作自由度極大的組件,也有不少從業(yè)者基于它實現(xiàn)過多種特效或進行解析。
無限選擇器
感恩來自方方面面,E2 編輯器的 SVG 無限選擇器可以生成菜單化的圖文互動效果,如《「愛之環(huán)」 感恩攜手 行至路遠》在畫面上方可點選標簽,切換下方畫面:

原地輪播+多圖硬切
圖片、照片素材儲備充分的情況下,可以如《超大號的快樂上線!一起來過節(jié)!》采用多種輪播以及滑動組件,大批量展示不同的視覺素材:

更多 E2 編輯器中的豐富輪播型 SVG 互動模板可以點擊閱讀《具備循環(huán)輪播特征的SVG模板匯總|黑科技編輯器|E2.COOL》。
點擊-切換圖片-伸長
如今,E2 編輯器用戶已經(jīng)廣泛開始應用 SVG「伸長動畫」的反復疊加布局,以實現(xiàn)多組伸長并行展示的效果,包括《你的2024感恩節(jié)關鍵詞是_____?》、《感恩節(jié) | 在今天,大聲說感謝》、《感恩節(jié)到了,有句心里話想對你說.....》和《在嗎?@最最最最最重要的你》均如此,非常適合多重小標題的內(nèi)容展示:




另外,我們在《????2023 小 編 年 終 總 結.pdf》中也曾演繹過這一模式。
漢堡包滑動-換堡
三層式滑動,在 E2 編輯器中除了通過「錯層滑動」完成布局,還可以直接選擇更簡便的「漢堡滑動」如《感恩·感知》安排層次感豐富的圖集展示效果:

信封展開式伸長
作品《特別的感謝信,給特別的你》是 E2 編輯器獨家組件「信封展開式伸長」的應用設計:

「信」作為一種情感的典型寄托物,確實非常適合作為感恩節(jié)場景下作為品牌公眾號 SVG 交互排版的優(yōu)先選擇。而這種可以隨伸長掛載于圖文底部運行的模式,本質(zhì)是懸浮布局的應用。
底層滑動
將感恩文案固定于畫面中,下方圖集隨手勢自由滑動,參考作品《心懷熱愛,可抵萬年》:

具體操作教程,可點擊《黑科技編輯器 | 底層滑動教程》獲取并學習。
熱區(qū)型彈出式海報
如果準備了感恩節(jié)的主題壁紙,也可以如《有「感」而發(fā)》將無字壁紙隱藏在畫面之下,引導用戶點擊獲取到原圖:

錯層滑動
左右逢源的「錯層滑動」布局,總能出現(xiàn)在不同的重要節(jié)慶選題中,《夜行派對玩家占領街頭,掃街模式 - ON》就是典型的人物式逛街互動特效:

關于「錯層滑動」的具體排版方法,E2.COOL 的 Ceep 老師已經(jīng)為大家做過很多期的專題講解。
層層自動伸長
源于《紅了!》模式的層層伸長,同樣適合有情感遞進需要的感恩節(jié)場景使用,來看作品《感謝名單.pdf》的表現(xiàn):

進入 E2 編輯器 Operation 操作界面,在組件攔搜索「層層伸長」并在篩選器調(diào)整為自動式即可:
撲克展開
這是一款 E2 編輯器著名的 UGC 組件,由@科蚪大神發(fā)明并獨家授權 E2.COOL 上架使用,效果可對照參考《致被愛守護的你》:

點擊浮現(xiàn)
將 E2 編輯器的「點擊浮現(xiàn)」組件結合預先設計好的 GIF 特效,能產(chǎn)生如《這一年,你第一想到的是誰》的靈動效果:

翻頁效果(GIF連續(xù)控制器)
《感恩節(jié)丨想和你,認真地,說聲謝謝!》以回憶日記的形式,通過對多個翻書特效 GIF 的連續(xù)點擊觸發(fā),形成直抵人心的情愫傳達:

除此以外,我們還建議用戶通過《具備圖書瀏覽特性的SVG模板匯總|黑科技編輯器》了解如何通過我們的 SVG 編輯器實現(xiàn)更多元的圖書模擬交互效果。
更多海量模板,平均不足 1 元!
E2.COOL 秉持著讓行業(yè)“人均 SVG”的生態(tài)理念,由多位黑科技排版設計的頭部資深開發(fā)者共同打造,斬獲包括法國設計獎、美國繆斯創(chuàng)意設計獎等諸多國際賽事大獎,幫助更多品牌以可視化形式完成互動式圖文創(chuàng)作。如有任何特效靈感和建議,也歡迎通過客服向我們提出,E2 將竭誠思考代碼轉(zhuǎn)化的可行性。
E2 平臺官網(wǎng)
https://www.e2.cool/
會的比別人多一點
轉(zhuǎn)載請在文章開頭和結尾顯眼處標注:作者、出處和鏈接。不按規(guī)范轉(zhuǎn)載侵權必究。
未經(jīng)授權嚴禁轉(zhuǎn)載,授權事宜請聯(lián)系作者本人,侵權必究。
本文禁止轉(zhuǎn)載,侵權必究。
授權事宜請至數(shù)英微信公眾號(ID: digitaling) 后臺授權,侵權必究。




評論
評論
推薦評論
暫無評論哦,快來評論一下吧!
全部評論(0條)