“文末的門店展示、相關(guān)條款、活動(dòng)說(shuō)明……該怎么排版啊！？”
文末的門店展示、相關(guān)條款、活動(dòng)說(shuō)明等信息內(nèi)容很多，不能簡(jiǎn)化又必須要放在圖文中，但對(duì)正文內(nèi)容來(lái)說(shuō)又沒(méi)有太大的作用。
怎樣排版才能更好一些？
必須放在圖文中，那就要展示全；對(duì)正文作用不大，那占據(jù)的圖文空間又不能太多。
本期內(nèi)容通過(guò)4篇品牌圖文帶大家解鎖不同的SVG排版方式，總有一款適合你。
一起來(lái)看看吧：
一
單層上滑
*素材來(lái)自u(píng)bras《現(xiàn)在，就想回家過(guò)年》
「ubras」的這篇圖文最后通過(guò)「上滑」的交互展示門店信息，既節(jié)省了版面，又使信息呈現(xiàn)得非常簡(jiǎn)約明了。
使用 iPaiban Pro編輯器搜索找到單層滑動(dòng)-上滑(支持多張)組件后，點(diǎn)擊選擇。依次上傳滑動(dòng)圖，注意組件高度取第一張圖片的高度，每張圖片的寬度一致即可，可以拖拽調(diào)整圖片順序。
想要實(shí)現(xiàn)同款效果可以搜索使用：
組件：?jiǎn)螌踊瑒?dòng)-上滑(支持多張)
編號(hào)：10200
二
自動(dòng)對(duì)齊的單層上滑
*素材來(lái)自Bananain蕉內(nèi)《軟 軟 棉 棉 過(guò) 春 天》
「蕉內(nèi)」這個(gè)上滑的效果，不是簡(jiǎn)單的上滑，而是可以自動(dòng)對(duì)齊圖片，這樣不容易漏掉每一屏的內(nèi)容。
使用 iPaiban Pro編輯器搜索找到單層滑動(dòng)-上滑(自動(dòng)對(duì)齊、支持多張)組件后，點(diǎn)擊選擇。點(diǎn)擊＋號(hào)上傳圖片即可，需注意組件高度取第一張圖片的高度，每張圖片的尺寸一致。
想要實(shí)現(xiàn)同款效果可以搜索使用：
組件：?jiǎn)螌踊瑒?dòng)-上滑(自動(dòng)對(duì)齊、支持多張)
編號(hào)：10269
三
可設(shè)置滑動(dòng)區(qū)域的雙層上滑
*素材來(lái)自恒生銀行中國(guó)《【優(yōu)卓臻選】解鎖夏日出游禮單，晶彩禮遇相伴隨行》
「恒生銀行中國(guó)」的這篇圖文用前景上滑的方式展示條款與細(xì)則，像便簽本一樣的呈現(xiàn)方式更吸睛。
使用 iPaiban Pro編輯器搜索找到雙層滑動(dòng)-前景上滑(可調(diào)整大小及位置)組件后，點(diǎn)擊選擇。點(diǎn)擊換圖上傳底圖，點(diǎn)擊+號(hào)上傳滑動(dòng)圖，滑動(dòng)圖需注意每張圖片的寬高一致。
雙擊圖片設(shè)置滑動(dòng)區(qū)域，調(diào)整觸發(fā)區(qū)域框選至滑動(dòng)內(nèi)容區(qū)域。
想要實(shí)現(xiàn)同款效果可以搜索使用：
組件：雙層滑動(dòng)-前景上滑(可調(diào)整大小及位置)
編號(hào)：10165
四
點(diǎn)擊消失后展開相關(guān)條款
*素材來(lái)自Apple《打包好了，新年“一條龍福利”請(qǐng)簽收。》
「Apple」的這篇圖文最后只是用簡(jiǎn)單的一句話呈現(xiàn)了相關(guān)條款，節(jié)省版面的同時(shí)也能方便有需要的用戶查看內(nèi)容。
使用 iPaiban Pro編輯器就可以實(shí)現(xiàn)同款效果，搜索找到點(diǎn)擊消失+展開(設(shè)置觸發(fā)區(qū)域)組合后，點(diǎn)擊選擇。點(diǎn)擊編輯組合，進(jìn)入組合編輯模式，上傳展開前的圖片。
雙擊設(shè)置觸發(fā)區(qū)域，調(diào)整觸發(fā)區(qū)域框選至文字內(nèi)容區(qū)域。
拖拽批量無(wú)縫圖組件至展開后的組件位，依次按順序上傳圖片。
根據(jù)需要，設(shè)置切換時(shí)長(zhǎng)、展開時(shí)長(zhǎng)和加減展開高度。
想要實(shí)現(xiàn)同款效果可以搜索使用：
組合：點(diǎn)擊消失+展開(設(shè)置觸發(fā)區(qū)域)
編號(hào)：11186
組件：批量無(wú)縫圖(全能)
編號(hào)：10009
轉(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)論
暫無(wú)評(píng)論哦，快來(lái)評(píng)論一下吧！
全部評(píng)論（0條）