SVG交互圖文,我來教你一鍵還原!
不知道哪里方便找案例,想創意想到頭大
看到一篇很喜歡的交互,不知道怎么做的
客服告訴你用哪個組件,也不知道怎么做
知道哪個組件了,也不知道是怎么切的圖
…
這篇文章將會解決大家的困擾。
做SVG交互圖文之前,去「品牌時光機」SVG案例庫(brandtime.cn)逛一逛,能解決創意問題。
在案例庫看到了一篇不錯的圖文,想知道如何實現同樣的交互效果,你會怎么做?
來問我們的客服肯定是正確的,而現在你還有一個更方便高效的方法——看看能否一鍵還原。
一鍵還原是案例庫最新上線的一個強大功能,使用它可以將案例庫中的效果一鍵導入到 iPaiban Pro 編輯器,無需自己研究排版,你要做的只是換圖。
目前已有3700+案例支持此功能,更多案例陸續支持中。
我們來看看怎么用。
第1步:登錄
在谷歌瀏覽器網址欄輸入網址 brandtime.cn 登錄SVG案例庫。
或者在登錄 iPaiban Pro 編輯器(x.iPaiban.com)的狀態下,點擊頁面右上方「案例庫」即可登錄,無需重復注冊。
第2步:搜索
我們可以直接搜索或者分類查找。
直接搜索有綜合、公眾號、標題、品牌、關鍵詞5種搜索方式可選,具體區別大家通過字面意思應該能大概了解,詳細了解可以戳:《案例庫搜索框的妙用》。
首頁直接點擊放大鏡按鈕進入案例搜索頁面,在這里我們可以進行分類查找,有行業、節日、交互類型和場景4種分類可選,你還可以限定時間篩選某一時間段的案例。
第3步:查看是否支持一鍵還原
在搜索結果中,點擊某一卡片進入案例詳情頁面,如果頁面中有「一鍵還原草稿」的標識,則說明該案例支持一鍵還原。
或者我們直接在條件篩選中選擇「支持一鍵還原」,那么剩下的案例都是支持一鍵還原的。
第4步:還原并編輯
在案例詳情頁面點擊「一鍵還原草稿」,便跳轉到了 iPaiban Pro 編輯器,此時你會發現剛才的案例被編輯器完全還原了。
在編輯器中,你可以清晰的看到每個交互效果使用了哪個組件/組合、設置了怎樣的參數以及素材是如何切分的。
使用 iPaiban Pro小助手v2.0 你還可以一鍵下載原文中的所有素材,下載的圖片自動打包并以「公眾號-日期-圖文標題」格式命名,壓縮包里的圖片也是按文章里展示順序一一排列好了,方便參考著來做圖和切圖。
接下來在編輯器中你只需刪除不要的部分保留想要的內容,然后替換自己的素材。你還可以選擇其他組件/組合繼續進行創作編輯。
第5步:導入公眾號后臺
點擊右側「預覽草稿」可隨時預覽效果,效果滿意后繼續點擊「導入微信后臺」就能開始導到公眾號了。
導入時使用 iPaiban Pro 小助手更方便哦,最新v2.0版本的小助手還支持一鍵打包下載圖文圖片素材,非常方便,安裝教程戳:《iPaiban Pro小助手v2.0來啦!》
現在所有用戶掃描下方海報二維碼,回復關鍵詞「案例庫」即可領取15天案例庫高級會員,27000+案例隨便搜!
制作SVG交互圖文認準 iPaiban Pro 黑科技編輯器,網址:x.iPaiban.com,復制網址在 PC 端 Chrome(谷歌)瀏覽器打開,即可開始注冊并使用。
● SVG 黑科技交互排版????????
·
點個“在看”
戳沙小僧(playhudong033)
抱走《公眾號排版規范手冊》PPT
轉載請在文章開頭和結尾顯眼處標注:作者、出處和鏈接。不按規范轉載侵權必究。
未經授權嚴禁轉載,授權事宜請聯系作者本人,侵權必究。
本文禁止轉載,侵權必究。
授權事宜請至數英微信公眾號(ID: digitaling) 后臺授權,侵權必究。
評論
評論
推薦評論
暫無評論哦,快來評論一下吧!
全部評論(0條)