點擊切換圖片來點新意吧，10種效果夠不夠？
咔嚓咔嚓……
在路上在飯店在景區(qū)，你肯定會看到人們拿著手機各種拍照記錄。拍照已經(jīng)成了人們生活的一部分。
可能是出于這一觀察，品牌們也喜歡以「拍照」為創(chuàng)意點創(chuàng)作圖文來推廣自己的產(chǎn)品。在品牌時光機SVG案例庫（brandtime.cn）中搜索關鍵詞「拍照」，一下子出來100多個相關案例。
今天推薦給大家10個點擊切換圖片的SVG效果，用來模擬拍照或許能讓你的圖文更出彩。
我們使用法拉利中國《山水之間 萬物有「法」》中的兩張素材，一起體驗下這10個效果的不同之處。
1
點擊-切換圖片(先移出,再淡入）
組件：點擊-切換圖片(先移出,再淡入)
編號：10285（組件）
教程：《在圖文里也能拍照！？》
2
點擊-中心放大切入圖片
組件：點擊-中心放大切入圖片
編號：11057（組件）
3
點擊-中心縮小切出圖片
組件：點擊-中心縮小切出圖片
編號：11058（組件）
4
點擊-中心放大跳躍切入圖片
組件：點擊-中心放大跳躍切入圖片
編號：11566（組件）
5
點擊-中心放大切出圖片
組件：點擊-中心放大切出圖片
編號：11059（組件）
6
點擊-中心縮小切入圖片
組件：點擊-中心縮小切入圖片
編號：11056（組件）
7
點擊-縮小切換圖片
組件：點擊-縮小切換圖片
編號：11494（組件）
8
點擊-中心圓形擴大切換
組件：點擊-中心圓形擴大切換
編號：11084（組件）
9
點擊-中心圓形縮小切換
組件：點擊-中心圓形縮小切換
編號：11104（組件）
10
點擊-圓圈移動擴大切換(Z型)
組件：點擊-圓圈移動擴大切換(Z型)
編號：11213（組件）
教程：《想要給產(chǎn)品來個神秘亮相？用這個交互看著就很強》
以上10個效果使用 iPaiban Pro 編輯器制作的方法都很簡單，在組件分類中搜索對應組件編號，然后分別上傳點擊前和點擊后的圖片，接著調整下切換的動畫時間就可以了。
制作SVG交互圖文認準 iPaiban Pro 黑科技編輯器，網(wǎng)址：SVG.iPaiban.com，復制網(wǎng)址在 PC 端 Chrome（谷歌）瀏覽器打開，即可開始注冊并使用。
新用戶在「新手禮包」可領取3天企業(yè)標準版會員體驗權，以及22個常用必備組件的大禮包（1年）。隨禮包附贈千元優(yōu)惠券，每單最高立降500元。
轉載請在文章開頭和結尾顯眼處標注：作者、出處和鏈接。不按規(guī)范轉載侵權必究。
未經(jīng)授權嚴禁轉載，授權事宜請聯(lián)系作者本人，侵權必究。
本文禁止轉載，侵權必究。
授權事宜請至數(shù)英微信公眾號(ID: digitaling) 后臺授權，侵權必究。
評論
評論
推薦評論
暫無評論哦，快來評論一下吧！
全部評論（0條）