最近有不少朋友反饋，每每進(jìn)到SVG編輯器看到琳瑯滿目效果組件，有些「不知所措」不知道在什么場(chǎng)景下可以使用什么樣的組件，同時(shí)不少朋友平日里只用自己熟悉的效果，有很多效果未曾探索。三兒覺(jué)得有些可惜，于是想要給大家展示我們近期上新不錯(cuò)的效果同時(shí)搭配大牌案例，讓大家對(duì)組件效果有一個(gè)更直觀的感受，那么就進(jìn)入我們今天SVG組件推薦第一期吧。

《春天的周三，最適合翹班》

點(diǎn)擊查看

這篇是由135平臺(tái)帶來(lái)的春日地圖游走，利用公園場(chǎng)景，用戶手動(dòng)滑動(dòng)地圖探索預(yù)設(shè)點(diǎn)位，點(diǎn)擊后彈出圖片，展示更豐富的信息內(nèi)容。該SVG組件與用戶交互性強(qiáng)，需要讀者能夠滑動(dòng)探索，所以更適合用戶畫(huà)像為青年人的賬號(hào)，探索、接受能力更強(qiáng)，面對(duì)年紀(jì)偏大的用戶更適宜交互簡(jiǎn)單或無(wú)交互的排版方式。

需要在SVG編輯器中搜索使用

如何展示產(chǎn)品細(xì)節(jié)？GUCCI給了我們一個(gè)不錯(cuò)的答案，利用點(diǎn)擊放大效果，巧妙展示商品細(xì)節(jié)，同時(shí)再次點(diǎn)擊回到原尺寸，達(dá)到細(xì)節(jié)與整體兩手抓，該效果不僅適合商品展示，對(duì)于需要細(xì)節(jié)放大的地方都能勝任如動(dòng)植物某一特征、產(chǎn)品某處詳情等。