寶藏模版

各位 E2.COOL 的會員,編輯器內 1000+ 的 SVG 組件你們都用過嗎?618 來臨之際,品牌應當如何高級感十足地展示產品內容,並導流到商品詳情頁呢?無論是簡單高級的輪播模板,還是豐富多彩的組合套件,編輯器內也是應有盡有。本期推送為你推薦 26 款適合商品展示的組件,一起來看看吧!

雙向輪播

圖片從左右兩側入場拼合成一個完整畫面,組合出場。具體教程可以點擊閱讀《黑科技編輯器 | 雙向輪播教程》。

E2.COOL 的專業級會員/企業級會員可使用該組件,即刻前往黑科技編輯器,在「多圖展示」大類中找到「雙向輪播」暢快體驗!

漸現刷新

圖片向上刷新切換,淡入淡出,具體教程可以點擊閱讀《黑科技編輯器 | 漸現刷新教程》。

E2.COOL 的專業級會員/企業級會員可使用該組件,即刻前往黑科技編輯器,在「多圖展示」大類中找到「漸現刷新」暢快體驗!

產品展示輪播

多款產品平鋪展示勻速滾動輪播,可根據需要自由添加跳轉鏈接,具體教程可以點擊閱讀《黑科技編輯器 | 產品展示輪播教程》。

E2.COOL 的企業級會員可使用該組件,即刻前往黑科技編輯器,在「企業級專區(多圖展示)」大類中找到「產品展示輪播」暢快體驗!

跑馬燈

多張圖片勻速滾動輪播,具體教程可以點擊閱讀《黑科技編輯器|跑馬燈教程》。

E2.COOL 的專業級會員/企業級會員可使用該組件,即刻前往黑科技編輯器,在「多圖展示」大類中找到「跑馬燈」暢快體驗!

滾動廣告

圖片依次進場展示,可增加超鏈接或小程序,具體教程可以點擊閱讀《黑科技編輯器 | 滾動廣告教程》。

E2.COOL 的專業級會員/企業級會員可使用該組件,即刻前往黑科技編輯器,在「多圖展示」大類中找到「滾動廣告」暢快體驗!

差速滾動廣告

該組件在「滾動廣告」的基礎上增加瞭更為豐富的運動細節,圖片之間以不同的速度入場展示,具體教程可以點擊閱讀《黑科技編輯器|差速滾動廣告教程》。

E2.COOL 的企業級會員可使用該組件,即刻前往黑科技編輯器,在「企業級專區(多圖展示)」大類中找到「差速滾動廣告」暢快體驗!

收縮滾動廣告

同樣是在「滾動廣告」的基礎上,增加瞭 ZOOM 縮放的效果,絲滑流暢,具體教程可以點擊閱讀《黑科技編輯器|收縮滾動廣告教程》。

E2.COOL 的企業級會員可使用該組件,即刻前往黑科技編輯器,在「企業級專區(多圖展示)」大類中找到「收縮滾動廣告」暢快體驗!

滾動暫停放大

Apple 公眾號首發的多圖輪播效果,圖片滾動播放,並突出放大切換後的詳細信息,詳情可見《免費組件更新|滾動暫停放大|黑科技編輯器》。

E2.COOL 的任何會員(包括免費會員)均可使用該組件,即刻前往黑科技編輯器,在「多圖展示」大類中找到「滾動暫停放大」暢快體驗!

卡片輪播

三張圖片滾動輪播,具有強烈的縱深效果,由 ZER0N Studio 設計並上架於「UGC 付費原創」專區中。

任何編輯器會員可在「UGC付費原創」大類中單獨購買這款「卡片輪播」組件,專業級會員和企業級會員的付費價格為 ¥39/年。

多圖硬切

圖片原地切換且不帶有透明度的過渡效果,具體教程可以點擊閱讀《黑科技編輯器 | 多圖硬切教程》。

E2.COOL 的專業級會員/企業級會員可使用該組件,即刻前往黑科技編輯器,在「多圖展示」大類中找到「多圖硬切」暢快體驗!

原地輪播

圖片固定不動通過淡入淡出循環切換,具體教程可以點擊閱讀《黑科技編輯器 | 原地輪播教程》。

E2.COOL 的專業級會員/企業級會員可使用該組件,即刻前往黑科技編輯器,在「多圖展示」大類中找到「原地輪播」暢快體驗!

收縮輪播

Apple 在《特大號新聞,內含多位大咖。》中創作瞭該效果,產品圖固定在畫面中央,通過收縮淡出的方式切換圖片,具體教程可以點擊閱讀《黑科技編輯器 | 收縮輪播教程》。

E2.COOL 的任何會員(包括免費會員)均可使用該組件,即刻前往黑科技編輯器,在「多圖展示」大類中找到「收縮輪播」暢快體驗!

兩側依次退場

圖片依次從左右兩側移出畫面,具體教程可以點擊閱讀《黑科技編輯器|兩側依次退場教程》。

E2.COOL 的專業級會員/企業級會員可使用該組件,即刻前往黑科技編輯器,在「多圖展示」大類中找到「兩側依次退場」暢快體驗!

款款而來

該模板在「兩側依次退場」的基礎上增加瞭緩沖的預備效果,使得觀感更加豐富自然,具體教程可以點擊閱讀《黑科技編輯器 | 款款而來教程》。

E2.COOL 的任何會員(包括免費會員)均可使用該組件,即刻前往黑科技編輯器,在「多圖展示」大類中找到「款款而來」暢快體驗!

無限刷新

無限次向上刷新切換圖片,具體教程可以點擊閱讀《黑科技編輯器|無限刷新教程》。

E2.COOL 的任何會員(包括免費會員)均可使用該組件,即刻前往黑科技編輯器,在「多圖展示」大類中找到「無限刷新」暢快體驗!

洗牌展示

依次移出展示堆疊的圖片,具體教程可以點擊閱讀《黑科技編輯器|洗牌展示教程》。

E2.COOL 的企業級會員可使用該組件,即刻前往黑科技編輯器,在「企業級專區(多圖展示)」大類中找到「洗牌展示」暢快體驗!

無限往返刷新器

Apple 發佈的一款左右刷新切換輪播樣式,詳情可查看《Apple同款|SVG無限往返刷新排版,就在E2黑科技編輯器》。

E2.COOL 的企業級會員可使用該組件,即刻前往黑科技編輯器,在「企業級專區(多圖展示)」大類中找到「無限往返刷新器」暢快體驗!

宮格彈跳

圖片呈宮格狀排列,通過 ZOOM 縮放彈跳切換,可在篩選器裡修改彈跳的方向和數量,具體教程可以點擊閱讀《Apple圖文新特效「宮格彈跳」模版|免費使用|黑科技編輯器》。

E2.COOL 的任何會員(包括免費會員)均可使用該組件,即刻前往黑科技編輯器,在「多圖展示」大類中找到「宮格彈跳」暢快體驗!

撲克滑動

圖片如發撲克牌般依次輪播至頂層,具體教程可以點擊閱讀《黑科技編輯器 | 撲克滑動教程》。

E2.COOL 的專業級會員/企業級會員可使用該組件,即刻前往黑科技編輯器,在「多圖展示」大類中找到「撲克滑動」暢快體驗!

雙圖搖擺

兩張圖片左右搖擺切換,具體教程可以點擊閱讀《黑科技編輯器|雙圖搖擺教程》。

E2.COOL 的專業級會員/企業級會員可使用該組件,即刻前往黑科技編輯器,在「多圖展示」大類中找到「雙圖搖擺」暢快體驗!

三折頁立體廣告

E2.COOL 原創設計的3D 空間內圖片滾動模板,具體教程可以點擊閱讀《黑科技編輯器|三折頁立體廣告教程》。

E2.COOL 的企業級會員可使用該組件,即刻前往黑科技編輯器,在「企業級專區(3D)」大類中找到「三折頁立體廣告」暢快體驗!

產品-模特堆疊輪播

此組件具有豐富的變化形態,模特圖滾動輪播的同時伴隨產品圖原地切換,具體教程可以點擊閱讀《黑科技編輯器|產品-模特堆疊輪播》。

E2.COOL 的企業級會員可使用該組件,即刻前往黑科技編輯器,在「企業級專區(多圖展示)」大類中找到「產品-模特堆疊輪播」暢快體驗!

非全屏容器滑動

自由調節滑動內容的顯示寬度,可在嵌套區中拖入所需的鏈接能力組件,具體教程可以點擊閱讀《黑科技編輯器 | 非全屏容器滑動教程》。

E2.COOL 的企業級會員可使用該組件,即刻前往黑科技編輯器,在「企業級專區(組件)」大類中找到「非全屏容器滑動」暢快體驗!

雙向滑動

滑動初始處於中間位置,可向左右兩個方向自由滑動展示商品。該套件需要使用「等分滑動容器」和「無限吸附滑動(逆向)」等多個組件組合搭建而成,具體教程可以點擊閱讀《←從居中位置出發→既可左滑也可右滑的SVG排版如何實現…?》。

E2.COOL 的專業級會員/企業級會員可使用該組件,即刻前往黑科技編輯器,在「滑動模塊」大類中找到「等分容器滑動」「無限圖片吸附滑動(逆向)」暢快體驗!

視差相冊

圖片滑動時自動吸附至畫面中央,縮略圖跟隨滑動切換,具體教程可以點擊閱讀《黑科技編輯器 | 視差相冊教程》。

E2.COOL 的企業級會員可使用該組件,即刻前往黑科技編輯器,在「企業級專區(3D)」大類中找到「視差相冊」暢快體驗!

如果導入公眾號後出現圖片消失的情況,請參照教程《黑科技編輯器|視差相冊替換圖片教程》替換圖片地址。

無限選擇器

適用於多款產品系列展示,可無限次切換,由知名開發者科蚪創意開發並上架於「UGC 付費原創」專區中。

任何編輯器會員可在「UGC付費原創」大類中單獨購買這款「無限選擇器」組件,專業級會員和企業級會員的付費價格為 ¥59/年。


這裡是E2.COOL編輯器,次時代新媒體設計引擎。縱觀行業相比之下,我們也會更多提供給你交互設計方向的高端知識體系教學。有任何公眾號運營層面的疑難雜癥,也都可以邀請我們回答。