上移后展開，特侖蘇這個排版真帥！
打開圖文，點擊上移后的切換效果，不知道大家用過嗎？
這次來講一講它的升級版——點擊上移切換組合。
我們看下特侖蘇的這個案例，點擊試試：
*素材來自特侖蘇《和法國頂奢攝影藝術家一起，看見沙漠之花》
組合：點擊上移切換組合
編號：11788（組合）
組件：視頻號-圖片(設置觸發區域)
編號：10575（組件）
可能有小伙伴想到了之前介紹給大家的一個「點擊向上拖拽切換」組合（編號：11923）效果：
*素材來自勞斯萊斯汽車《天地由心，安之如愿》
組合：點擊-向上拖拽切換組合
編號：11923（組合）
組件：點擊-GIF過渡切換
編號：11553（組件）
其實并不一樣，它比點擊向上拖拽切換組合在使用時更靈活。點擊向上拖拽切換組合需要拖拽前后的內容畫面尺寸需保持一致，而點擊上移切換組合無需一致，當上移后的內容長于上移前的畫面時，上移后圖文會自動展開顯示全部內容。
會展開？那不就是「點擊上移切換圖片+展開」組合（編號：11028）。
其實也不是，它比「點擊上移切換圖片+展開」組合更有優勢，因為它在點擊上移后的首屏支持嵌套交互效果，而「點擊上移切換圖片+展開」組合，上移后的內容只能是純圖片。
在 iPaiban Pro 黑科技編輯器中，除了「點擊上移切換組合」組合（編號：11788），還有下移、左移、右移3個方向的效果，在組合中搜索對應編號即可看到。
既然它這么厲害，下面以開頭特侖蘇的案例為例，一起看下制作教程吧。
詳細教程：
工具：iPaiban Pro 黑科技編輯器，網址：SVG.iPaiban.com
組合：點擊上移切換組合
編號：11788（組合）
第1步：選擇組合
登錄 iPaiban Pro 編輯器后，點擊編輯器左側「組合」按鈕，在「點擊」分類中找到「點擊上移切換組合」組合，或者直接搜索組合編號11788，點擊選擇。
第2步：進入組合編輯模式
點擊「編輯組合」，進入組合編輯模式。
在組合編輯模式中，分為上移前和上移后兩塊設置區域。
第3步：上傳「上移前」圖片
點擊右側「換圖」按鈕分別上傳點擊前和上移首屏內容圖。注意這兩張圖的尺寸需一致。
上移首屏內容圖，即點擊上移后想要顯示的首屏內容畫面，它和右側「上移后」的開頭畫面保持一致。
第4步：設置「上移后」內容
「上移后」的內容支持嵌套各種組件，需要什么效果就在左側「組件」分類中找到相應的組件拖動到組件位中，然后上傳需要的素材即可。
添加組件位-拖動組件到組件位中-上傳圖片，每需要一個樣式就按照這3步操作。
這里我們拖動一個「無縫圖」組件到組件位中，并上傳圖片。如下所示：
第5步：調整效果參數
點擊右側紅色小三角，可設置「上移時長」和「展開時長」。
展開高度一般無需調整，但當大家在手機上預覽時，如果發現展開后有多余的空白或者沒有展現出全部內容，這時候可以通過「加減展開高度」使其恰好展開。
第6步：導入公眾號后臺
內容編輯完畢后，點擊左上角「保存并退出」回到編輯器主頁面。
繼續點擊最右側「預覽草稿」，效果滿意后接著點擊「同步至微信后臺」就可以了。
轉載請在文章開頭和結尾顯眼處標注：作者、出處和鏈接。不按規范轉載侵權必究。
未經授權嚴禁轉載，授權事宜請聯系作者本人，侵權必究。
本文禁止轉載，侵權必究。
授權事宜請至數英微信公眾號(ID: digitaling) 后臺授權，侵權必究。
評論
評論
推薦評論
暫無評論哦，快來評論一下吧！
全部評論（0條）