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