一鍵還原蘋果、寶馬和GQ圖文，制作同款效果超方便啦！
好的SVG交互圖文，一定是交互和設(shè)計(jì)的巧妙結(jié)合。有時(shí)候不知道圖片怎么做的，你也就制作不出同款效果。
比如Apple《換 iPhone 12 的理由，一個(gè)個(gè)展開說。》這篇，點(diǎn)擊下拉的效果是如何與切分的素材結(jié)合的？
比如寶馬中國(guó)《馬上有禮》這篇，開頭的雙層前景左滑效果，左滑圖片，你會(huì)看到一只老虎駕駛著汽車向前疾馳，很是有趣，這個(gè)素材是怎么做的？
再比如GQ實(shí)驗(yàn)室《JDM又是什么流行的縮寫梗啊？》這篇，使用了點(diǎn)擊彈出圖片的效果，但首先吸引眼球的還是剛打開時(shí)的一段動(dòng)畫，這段動(dòng)畫色彩豐富但依然清晰流暢，是怎么做到的？
▲GIF演示
想要弄清上面的問題，最簡(jiǎn)單直接的方法就是下載原文的素材看一看。
還有一個(gè)一舉兩得的方法，那就是去「品牌時(shí)光機(jī)」SVG案例庫(kù)搜一搜，如果恰好這個(gè)案例支持一鍵還原，你不僅能看到素材長(zhǎng)啥樣，還能知道使用了什么組件的交互效果。
該功能只有編輯器高級(jí)版會(huì)員才可以完全使用，如果沒有高級(jí)會(huì)員，也可以查看相關(guān)組件，同樣非常方便。
目前Apple、寶馬中國(guó)、GQ實(shí)驗(yàn)室等品牌都有部分案例支持一鍵還原啦，整個(gè)案例庫(kù)支持一鍵還原的案例總數(shù)達(dá)6000多，陸續(xù)會(huì)有更多品牌和案例加入進(jìn)來。
Apple支持一鍵還原的圖文：
寶馬中國(guó)支持一鍵還原的圖文：
GQ實(shí)驗(yàn)室支持一鍵還原的圖文：
上面的圖文都已下載完整的素材包，你想要哪個(gè)品牌的素材包可以添加下方微信，回復(fù)關(guān)鍵詞【相應(yīng)品牌名+素材包】領(lǐng)取。
▲長(zhǎng)按掃碼
下面再給大家說說如何快速知道一個(gè)品牌有哪些案例支持一鍵還原，以及一鍵還原怎么用吧！
第1步：登錄
在谷歌瀏覽器網(wǎng)址欄輸入網(wǎng)址 brandtime.cn 登錄SVG案例庫(kù)。
或者在登錄 iPaiban Pro 編輯器（x.iPaiban.com）的狀態(tài)下，點(diǎn)擊頁(yè)面右上方「案例庫(kù)」即可登錄，無需重復(fù)注冊(cè)。
第2步：搜索
點(diǎn)擊選擇品牌搜索方式，輸入品牌名關(guān)鍵詞，然后點(diǎn)擊搜索。
第3步：條件篩選
在搜索結(jié)果中，在條件篩選中選擇「支持一鍵還原」，那么剩下的案例都是支持一鍵還原的。
第4步：還原并編輯
找到想要的案例后，點(diǎn)擊卡片進(jìn)入案例詳情頁(yè)，在案例詳情頁(yè)面點(diǎn)擊「一鍵還原草稿」，便跳轉(zhuǎn)到了 iPaiban Pro 編輯器，此時(shí)你會(huì)發(fā)現(xiàn)剛才的案例被編輯器完全還原了。
在編輯器中，你可以清晰的看到每個(gè)交互效果使用了哪個(gè)組件/組合、設(shè)置了怎樣的參數(shù)以及素材是如何切分的。
接下來在編輯器中你只需刪除不要的部分保留想要的內(nèi)容，然后替換自己的素材即可。當(dāng)然你還可以選擇其他組件/組合繼續(xù)進(jìn)行創(chuàng)作編輯。
第5步：導(dǎo)入公眾號(hào)后臺(tái)
點(diǎn)擊右側(cè)「預(yù)覽草稿」可隨時(shí)預(yù)覽效果，效果滿意后繼續(xù)點(diǎn)擊「導(dǎo)入微信后臺(tái)」就能開始導(dǎo)到公眾號(hào)了。
導(dǎo)入時(shí)使用 iPaiban Pro 小助手更方便哦，最新v2.0版本的小助手還支持一鍵打包下載圖文圖片素材，非常方便，安裝教程戳：《iPaiban Pro小助手v2.0來啦！》
制作SVG交互圖文認(rèn)準(zhǔn) iPaiban Pro 黑科技編輯器，網(wǎng)址：x.iPaiban.com，復(fù)制網(wǎng)址在 PC 端 Chrome（谷歌）瀏覽器打開，即可開始注冊(cè)并使用。
6月15日-17日期間，所有非會(huì)員用戶可領(lǐng)取3天企業(yè)標(biāo)準(zhǔn)版會(huì)員體驗(yàn)權(quán)，以及22個(gè)常用必備組件的大禮包（1年）。隨禮包附贈(zèng)千元優(yōu)惠券，每單最高立降500元。
另外之前只要在我們這兒有任意的付款，都可以直接聯(lián)系客服申請(qǐng)3天高級(jí)版試用，然后用編輯器賬號(hào)登錄案例庫(kù)就可以完全體驗(yàn)一鍵還原功能，申請(qǐng)截止時(shí)間是6月18日。
● SVG 黑科技交互排版????????
·
轉(zhuǎn)載請(qǐng)?jiān)谖恼麻_頭和結(jié)尾顯眼處標(biāo)注：作者、出處和鏈接。不按規(guī)范轉(zhuǎn)載侵權(quán)必究。
未經(jīng)授權(quán)嚴(yán)禁轉(zhuǎn)載，授權(quán)事宜請(qǐng)聯(lián)系作者本人，侵權(quán)必究。
本文禁止轉(zhuǎn)載，侵權(quán)必究。
授權(quán)事宜請(qǐng)至數(shù)英微信公眾號(hào)(ID: digitaling) 后臺(tái)授權(quán)，侵權(quán)必究。
評(píng)論
評(píng)論
推薦評(píng)論
暫無評(píng)論哦，快來評(píng)論一下吧！
全部評(píng)論（0條）