勞斯萊斯的這種點擊拖拽效果好酷，怎么做啊？
坐不起勞斯萊斯，但勞斯萊斯的排版可以做！
點擊試試：
*素材來自勞斯萊斯汽車《天地由心，安之如愿》
組合：點擊-向上拖拽切換組合
編號：11923（組合）
組件：點擊-GIF過渡切換
編號：11553（組件）
點擊后隱藏的內(nèi)容被向上拖拽出場，不得不說有點小酷。
勞斯萊斯的這種排版效果，適用性很強，無論活動詳情、產(chǎn)品介紹還是節(jié)日祝福內(nèi)容等，拖拽出場展示給人以很強的儀式感。
還可以用來展現(xiàn)時間的變化，比如元旦時2024到2025的過渡：
組合：點擊-向上拖拽切換組合
編號：11923（組合）
這個效果使用 iPaiban Pro 黑科技編輯器的「點擊-向上拖拽切換」組合（編號：11923）即可制作。可調(diào)整向上拖拽的動畫時間，拖拽后的內(nèi)容支持嵌套各種交互效果，但需要注意拖拽前后的內(nèi)容畫面尺寸需保持一致。
再來一個案例感受一下：
*素材來自嘉里合集 The Lightbox《新品丨重磅升級！level+++++++1！》
組合：點擊-向上拖拽切換組合
編號：11923（組合）
組件：雙層滑動-前景上滑(支持多張)
編號：10203（組件）
下面以第勞斯萊斯的排版為例，一起來看看如何實現(xiàn)吧。
詳細教程：
工具：iPaiban Pro 黑科技編輯器，網(wǎng)址：SVG.iPaiban.com
組合：點擊-向上拖拽切換組合
編號：11923（組合）
第1步：選擇組合
登錄 iPaiban Pro 編輯器后，點擊編輯器右側(cè)「組合」按鈕，在「花樣展開」分類中找到「點擊-向上拖拽切換組合」組合，或者直接在搜索框中搜索組合編號11923，點擊選擇。
第2步：進入組合編輯模式
點擊「編輯組合」，進入組合編輯模式。
在組合編輯模式中，分為拖拽前和拖拽后兩塊設置區(qū)域。
第3步：上傳「拖拽前」圖片
點擊「拖拽前」區(qū)域，接著在右側(cè)點擊「換圖」按鈕上傳「拖拽前」圖片。
第4步：設置「拖拽后」內(nèi)容
「拖拽后」的內(nèi)容支持嵌套各種組件，需要什么效果就在左側(cè)「組件」分類中找到相應的組件拖動到組件位中，然后上傳需要的素材即可。
添加組件位-拖動組件到組件位中-上傳圖片，每需要一個樣式就按照這3步操作：
需要注意的是，拖拽后的內(nèi)容畫面尺寸需與拖拽前的圖片尺寸保持一致。
第5步：設置動畫參數(shù)
點擊右側(cè)紅色小三角，可設置圖片的「上移時長」。上移越長，圖片移出的越慢。
第6步：導入公眾號后臺
內(nèi)容編輯完畢后，點擊左上角「保存并退出」退出組合編輯模式回到編輯器主頁面。
繼續(xù)點擊最右側(cè)「預覽草稿」掃碼預覽效果，效果滿意后點擊「同步至微信后臺」就可以了。
使用同步功能無需頻繁在編輯器和微信后臺切換，同步成功后可以立即掃描二維碼查看。
如需局部導入可參考《iPaiban Pro小助手安裝和使用教程》中導入功能的「導入代碼」部分。
轉(zhuǎn)載請在文章開頭和結(jié)尾顯眼處標注：作者、出處和鏈接。不按規(guī)范轉(zhuǎn)載侵權(quán)必究。
本文禁止轉(zhuǎn)載，侵權(quán)必究。
授權(quán)事宜請至數(shù)英微信公眾號(ID: digitaling) 后臺授權(quán)，侵權(quán)必究。
評論
評論
推薦評論
暫無評論哦，快來評論一下吧！
全部評論（0條）