推薦適合520/521的SVG模版
寶藏模版
往期推薦（點擊閱讀）：
各位?E2.COOL?的會員，編輯器內(nèi) 900+ 的 SVG 組件你們都用過嗎？愛的節(jié)日又要到來了，我們不僅可以借鑒情人節(jié)、七夕節(jié)的交互設(shè)計，還能結(jié)合「520」的數(shù)字梗進(jìn)行創(chuàng)作。
密碼解鎖-伸長
520 作為數(shù)字，可以轉(zhuǎn)化為一個基本的密碼。這里我們參考卡地亞《這份愛已加密》的密碼設(shè)計，它以 N、O、W 為密碼，點擊下方對應(yīng)字母展開畫面：
點擊-伸長
永遠(yuǎn)不要小瞧最簡單的 SVG 經(jīng)典模型——通過巧妙的素材設(shè)計，它們也能生成與眾不同的交互感官。以 GQ 實驗室《今年情人節(jié)，朋友圈靜悄悄》為例，多個「點擊-伸長」的連續(xù)應(yīng)用令人眼前一亮：
此外，在教程《SVG「多段伸長」和「伸長嵌套」到底有什么區(qū)別？》中我們總共介紹了三種復(fù)合型的伸長結(jié)構(gòu)，不妨點擊藍(lán)色標(biāo)題進(jìn)一步學(xué)習(xí)。
多段伸長/等距伸長
逐步展開的多段伸長與「點擊-伸長」的連續(xù)使用有所不同，如積家 JaegerLeCoultre 的《520 | 展信佳》是多段伸長的典型形式，情感層層遞進(jìn)，適合 520 場景：
在?E2.COOL?的組件搜索功能內(nèi)查找「多段伸長」即可體驗！點擊閱讀《黑科技編輯器 ｜ 多段伸長教程》學(xué)習(xí)具體操作流程。
文字組合變化（縱向吸附容器滑動）
愛有千萬種詮釋，GRAFF格拉夫的《解碼520密語》通過?E2.COOL?組件「縱向吸附容器滑動」實現(xiàn)了別具一格的文案游戲：
靜態(tài)背景（固定文案）搭配吸附對齊型的滑塊前景（變化文案+產(chǎn)品圖），形成了如上的巧妙排版設(shè)計，在?E2.COOL?的組件搜索功能內(nèi)查找「縱向吸附容器滑動」即可體驗！點擊閱讀《黑科技編輯器｜縱向吸附容器滑動教程》學(xué)習(xí)具體操作流程。
全屏櫻花雨/全屏愛心雨
520 時值櫻花開放的季節(jié)，「全屏櫻花雨」組件能讓任何畫面（包括互動結(jié)構(gòu)）增加一個全屏范圍的浪漫櫻花飄零特效；而「全屏愛心雨」則表達(dá)了滿滿愛意，烘托節(jié)日氛圍。
視差滑動
視差 perspective 3D 是營造浪漫感的一種常用技術(shù)，在 Vogue 的 520 專題《古馳宇宙向你發(fā)來邀請》交互圖文設(shè)計中，視差滑動打造了開場時曼妙的滑動效果：
無限選擇器
節(jié)日選品難以抉擇？不如像 Tiffany 《故事，從開啟藍(lán)盒開始……》的情人節(jié)預(yù)熱一樣，通過?E2.COOL?熱門 UGC 組件「無限選擇器」實現(xiàn)無限切換+滑動瀏覽的效果：
這里是黑科技編輯器（e2.cool），會的比別人多一點
