推薦適合愚人節(jié)的SVG模版
寶藏模版
往期推薦(點(diǎn)擊閱讀):
趣味效果|高大上|可愛風(fēng)|年終總結(jié)I|年終總結(jié)II|循環(huán)特效|情人節(jié)I|情人節(jié)II|情人節(jié)IIII|婦女節(jié)I|婦女節(jié)II|兒童節(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é)|元宵I |元宵節(jié)II|愚人節(jié)I|雜志范兒|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é)紅包I|春節(jié)紅包II|龍年春節(jié)|開工新品|地球日|問答題|人工智能
各位 E2.COOL 的會(huì)員,編輯器內(nèi) 1700+ 的 SVG 正版組件你們都用過嗎?馬上就是愚人節(jié),用 SVG 一起玩抽象!
多重伸長(zhǎng)
愚人節(jié)的《今日頭條》來(lái)了,為你帶來(lái)諸多莫名其妙的假消息!將「伸長(zhǎng)動(dòng)畫」類型組件多次使用,即可形成這種多重伸長(zhǎng):

注意,如果伸長(zhǎng)類動(dòng)畫在使用過程中注意到伸長(zhǎng)存在不足/冗余,可以點(diǎn)擊《SVG伸長(zhǎng)動(dòng)畫有空白冗余/不足裁切怎么辦?》查看解決方案。
點(diǎn)擊切換(-伸長(zhǎng))
如《@Cyberster:這是真的假的?》、《正式澄清:那些年,米其林跟你開過的“玩笑”》和《摸「愚」時(shí)間到!》,對(duì)于愚人節(jié)中不可思議的想法,可以通過輕巧的切換或切換后伸長(zhǎng)的形式呈現(xiàn):



幸運(yùn)抽簽-彈出式
點(diǎn)到什么送什么?《快點(diǎn)!》這波愚人節(jié)玩得夠大!我們可以通過具備彈出特性的抽簽實(shí)現(xiàn)這種效果:

在 E2.COOL 黑科技 SVG 編輯器中還有更多抽簽類特效可選擇:
1)黑科技編輯器|幸運(yùn)抽簽-長(zhǎng)按封面式
2)黑科技編輯器|幸運(yùn)抽簽-封面式
3)黑科技編輯器 | 雙擊抽簽伸長(zhǎng)
4)黑科技編輯器| 重復(fù)抽簽
5)黑科技編輯器|視頻號(hào)跳轉(zhuǎn)美化抽簽
6)黑科技編輯器|星座抽取
7)黑科技編輯器 | 盲盒
8)UGC 原創(chuàng)上新|幸運(yùn)抽簽-解簽式
9)UGC 原創(chuàng)上新|可保存抽簽
10)UGC 原創(chuàng)上新|輪盤抽簽
打地鼠(密碼解鎖-伸長(zhǎng))
點(diǎn)不中的目標(biāo),是怎么回事?我們黑科技編輯器官方曾在《小游戲|元宵節(jié)客服又去放假了?快來(lái)阻止他!》中構(gòu)建了一個(gè)令人無(wú)語(yǔ)的交互陷阱,同樣可以在愚人節(jié)場(chǎng)景應(yīng)用:

?在 E2.COOL 的組件搜索功能內(nèi)查找「密碼解鎖-伸長(zhǎng)」組件即可使用!它是一種通過場(chǎng)景與文案逆向思維設(shè)計(jì)形成的突破性 SVG 應(yīng)用。
GIF串聯(lián)器
詭異的標(biāo)題加滿屏的代碼,《test 測(cè)試鏈接》在開啟時(shí)景象著實(shí)光怪陸離:

這些動(dòng)畫是由多組 GIF 銜接而成,在 E2.COOL 的組件搜索功能內(nèi)查找「GIF串聯(lián)器」組件即可使用!
底層滑動(dòng)/漢堡包滑動(dòng)
《根本不用過愚人節(jié) 》是一期吐槽向的互動(dòng)圖文設(shè)計(jì),通過紙條的滑動(dòng)著力于日常生活中的「滑稽」瑣事:

關(guān)于底層或頂層滑動(dòng)的具體使用,請(qǐng)點(diǎn)擊《黑科技編輯器 | 底層滑動(dòng)教程》和《黑科技編輯器 | 頂層滑動(dòng)SVG教程(嵌套橫向/縱向滑動(dòng))》學(xué)習(xí),當(dāng)然也可以直接通過「漢堡包滑動(dòng)(換堡)」實(shí)現(xiàn)。
詐騙彈窗(密碼解鎖-伸長(zhǎng))
《V我50,復(fù)試包過!》作品利用了密碼 SVG 交互原理,引導(dǎo)用戶在愚人節(jié)強(qiáng)化防騙意識(shí)。確實(shí),在這樣一個(gè)特殊的節(jié)日?qǐng)鼍跋?,事業(yè)單位和政務(wù)機(jī)關(guān)可以從反詐宣傳入手進(jìn)行公益?zhèn)鞑?,就此你還可以點(diǎn)擊另一期專題《 適合揭露丑惡真相SVG模版 》尋找愚人節(jié)主題靈感喔!

連續(xù)點(diǎn)擊切換-伸長(zhǎng)
紅包怎么點(diǎn)不到了?《愚人節(jié)寵粉游戲!點(diǎn)到什么送什么!》巧妙通過「連續(xù)點(diǎn)擊切換-伸長(zhǎng)」的模式,假裝紅包無(wú)法被領(lǐng)?。?/p>

這同樣是一個(gè)傳統(tǒng)組件創(chuàng)新用法的案例,所以愚人節(jié)專題的 SVG 交互排版精髓不在于復(fù)雜,而在于出奇制勝!
層層自動(dòng)伸長(zhǎng)
愚人節(jié)提分手,真是進(jìn)可攻對(duì)可守……《我們分手吧》采用了「層層彈性自動(dòng)伸長(zhǎng)」,產(chǎn)生了文案逐條出現(xiàn)的效果:

在 E2.COOL 的組件搜索功能內(nèi)查找「層層伸長(zhǎng)」組件并在篩選器中找到彈性模式的篩選即可使用!
多熱區(qū)漸現(xiàn)
局部氣候調(diào)查組在愚人節(jié)以《被騙,像呼吸一樣簡(jiǎn)單》科普了海洋中的生物「騙術(shù)」,采用多熱區(qū)漸現(xiàn)的方式引導(dǎo)用戶仔細(xì)辨別可疑位置,點(diǎn)擊獲取知識(shí)卡片:

在 E2.COOL 的組件搜索功能內(nèi)查找「多熱區(qū)漸現(xiàn)」組件即可使用!當(dāng)然在黑科技編輯器中你還可以通過更多多熱區(qū) SVG 模版制作類似效果:
1)黑科技編輯器|多熱區(qū)彈出式海報(bào)
2)黑科技編輯器|多熱區(qū)彈出式按鈕激活
3)黑科技編輯器|多熱區(qū)有限切換-關(guān)閉
4)黑科技編輯器|多熱區(qū)無(wú)限浮現(xiàn)-關(guān)閉
5)黑科技編輯器|多熱區(qū)限時(shí)可見
6)黑科技編輯器|多熱區(qū)視頻號(hào)跳轉(zhuǎn)
任意點(diǎn)放大-消失
利用零高容器反復(fù)堆疊「任意點(diǎn)放大-消失」,可以實(shí)現(xiàn)連續(xù)無(wú)限穿梭的 SVG 交互體驗(yàn),《抽你?。?!》通過這種 SVG 排版方式嘲諷了經(jīng)典的促銷套路:

除此以外,這種交互設(shè)計(jì)也可以與伸長(zhǎng)動(dòng)畫結(jié)合,如《一圖看懂虛擬元宵燈會(huì)SVG排版|玩轉(zhuǎn)任意動(dòng)畫接伸長(zhǎng)》所介紹。
更多海量模板,平均不足 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)作。如有任何特效靈感和建議,也歡迎通過客服向我們提出,E2 將竭誠(chéng)思考代碼轉(zhuǎn)化的可行性。
E2 平臺(tái)官網(wǎng)
https://www.e2.cool/
會(huì)的比別人多一點(diǎn)
轉(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條)