多張穿鞋美圖橫向勻速左滑輪播，如同靈動(dòng)跑馬燈穿梭。鞋子一落入指定框內(nèi)，便瞬間 “冰凍” 定格，動(dòng)靜交織間，鞋款細(xì)節(jié)盡顯，既富視覺(jué)趣味，又能清晰展現(xiàn)每雙鞋的精致模樣，吸睛十足～本文基于 E2.COOL 黑科技 SVG 編輯器的「跑馬燈」實(shí)現(xiàn)。

多層次但較為克制的差速立體滑動(dòng)設(shè)計(jì)，將年度回顧以優(yōu)雅的時(shí)間軸方式娓娓道來(lái)。

為縱向滑動(dòng)序列前置了豐富的開場(chǎng)動(dòng)畫設(shè)計(jì)，以拍立得的視覺(jué)線索帶來(lái)絲滑體驗(yàn)

基于AI生成的迷你互動(dòng)上市敲鑼 SVG 設(shè)計(jì)，AI 圈的一次有趣跨界應(yīng)用。

通過(guò) perspective 實(shí)現(xiàn)的差速進(jìn)場(chǎng)的圖層效果，呈現(xiàn)強(qiáng)烈的空間感，完美適配本作「追趕」的主題。目前該效果可通過(guò)E2編輯器的「視差卡片」、「卡氏彈窗」等組件搭建完成。

如何講述品牌故事？Maison Margiela 將其設(shè)計(jì)為選擇答題形式，選中正確答案后方可伸長(zhǎng)解鎖。該效果目前可直接利用 E2 編輯器的「?jìng)芜x擇伸長(zhǎng)」組件完成搭建。

上色式滑動(dòng)經(jīng)久不衰，通過(guò)頂層畫面的局部鏤空設(shè)計(jì)與底層預(yù)設(shè)不規(guī)則色塊的精準(zhǔn)配合，跟隨用戶滑動(dòng)，隱藏的畫面逐漸呈現(xiàn)，目前該效果可通過(guò) E2 編輯器的「頂層滑動(dòng)」組件搭建完成。

同樣作為禮盒設(shè)計(jì)，不同于 Tiffany 的無(wú)限選擇器和巴黎世家的雙面翻轉(zhuǎn)，歐萊雅另辟蹊徑采用「擠壓伸長(zhǎng)」打造拆禮體驗(yàn)，彈性收回-展開效果讓驚喜的節(jié)日氛圍呼之欲出。