“這種展開(kāi)效果咋還騙人呢？”
第一次打開(kāi)圖文，發(fā)現(xiàn)內(nèi)容點(diǎn)擊一下展開(kāi)了的小伙伴，一定曾被這種效果驚艷過(guò)。
現(xiàn)在的的展開(kāi)已經(jīng)是五花八門(mén)，老沙也介紹過(guò)不少iPaiban Pro 編輯器就能實(shí)現(xiàn)的，但看到之前沒(méi)見(jiàn)過(guò)的展開(kāi)效果，小伙伴們還是充滿(mǎn)了好奇心啊。
這不，5月份的一個(gè)展開(kāi)效果的會(huì)員日?qǐng)D文又被扒了出來(lái)，有人來(lái)問(wèn)這是怎么做的：
也怪我，自己用了一個(gè)交互效果卻沒(méi)有告訴大家，擇日不如撞日，今天咱就說(shuō)說(shuō)吧。
選擇「點(diǎn)擊查收」的小伙伴一次就展開(kāi)了圖文，而選擇「狠心拒絕」的小伙伴可能沒(méi)有想到又會(huì)被引導(dǎo)去選擇「點(diǎn)擊查收」，最終還是展開(kāi)了圖文，有點(diǎn)被騙的感覺(jué)，隨即反應(yīng)過(guò)來(lái)，讓人會(huì)心一笑。
*8月的會(huì)員日也將要于17日開(kāi)始了，本次會(huì)員日將會(huì)帶來(lái)新的福利，推出新的功能，登錄編輯器后點(diǎn)擊彈窗上的「預(yù)約」按鈕可預(yù)約本次會(huì)員日！
這個(gè)效果也是用 iPaiban Pro 制作的，教程戳：
詳細(xì)教程：
工具：iPaiban Pro黑科技編輯器，網(wǎng)址：x.iPaiban.com
組合：點(diǎn)擊展開(kāi)（首屏可點(diǎn)擊切換）
編號(hào)：11212（組合）
第1步：選擇組合
登錄 iPaiban Pro 編輯器后，點(diǎn)擊編輯器左側(cè)「組合」按鈕，在「花樣展開(kāi)」分類(lèi)中找到「點(diǎn)擊展開(kāi)（首屏可點(diǎn)擊切換）」組合，或者直接搜索組合編號(hào)11212，點(diǎn)擊選擇。
第2步：進(jìn)入組合編輯模式，上傳展開(kāi)前的圖片
點(diǎn)擊編輯區(qū)的「點(diǎn)擊此處配置」，進(jìn)入組合編輯模式。在組合編輯模式中，分為「展開(kāi)前」和「展開(kāi)后」兩個(gè)區(qū)域。
點(diǎn)擊「展開(kāi)前」區(qū)域，右側(cè)會(huì)提示上傳底圖和切換圖。底圖就是我們打開(kāi)圖文第一眼看到的圖片，切換圖是點(diǎn)擊底圖某處區(qū)域不展開(kāi)而切換的圖片。
注意兩張圖片尺寸需保持一致。
第3步：調(diào)整觸發(fā)區(qū)域
雙擊「展開(kāi)前」的編輯區(qū)域，會(huì)看到一個(gè)紅色色塊，該色塊代表了點(diǎn)擊切換觸發(fā)的區(qū)域，它的大小和位置可任意調(diào)整。用戶(hù)點(diǎn)擊非紅色區(qū)域則會(huì)展開(kāi)。
第4步：設(shè)置展開(kāi)后的內(nèi)容
展開(kāi)后的內(nèi)容可以嵌套各種組件。
所以首先要確認(rèn)展開(kāi)后的內(nèi)容有哪些交互效果，會(huì)用到哪些交互組件，然后在左側(cè)依次拖動(dòng)相應(yīng)組件到展開(kāi)后區(qū)域組件位中。
演示案例只用到了一個(gè)無(wú)縫圖，我們拖動(dòng)一個(gè)「全能無(wú)縫圖」組件到組件位中，然后上傳圖片即可。
第5步：設(shè)置展開(kāi)時(shí)長(zhǎng)
點(diǎn)擊右側(cè)紅色小三角符號(hào)，可設(shè)置展開(kāi)時(shí)長(zhǎng)。
預(yù)覽如果發(fā)現(xiàn)沒(méi)有完全展開(kāi)或展開(kāi)有多余空白，還可以通過(guò)「加減展開(kāi)高度」進(jìn)行調(diào)整。沒(méi)有完全展開(kāi)輸入正數(shù)，展開(kāi)有多余空白輸入負(fù)數(shù)。
第6步：導(dǎo)入公眾號(hào)后臺(tái)
一切設(shè)置完畢后 ，點(diǎn)擊頁(yè)面左上角的「保存并退出」按鈕退出組合編輯模式，再次預(yù)覽沒(méi)有問(wèn)題，然后點(diǎn)擊「導(dǎo)入微信平臺(tái)」就可以了。
導(dǎo)入時(shí)使用 iPaiban Pro 小助手更方便哦，最新v2.0版本的小助手還支持一鍵打包下載圖文圖片素材，非常方便，安裝教程戳：《iPaiban Pro小助手v2.0來(lái)啦！》
如果還想編輯展開(kāi)的內(nèi)容，可再次點(diǎn)擊「點(diǎn)擊此處配置」進(jìn)入。
登錄 iPaiban Pro，即刻預(yù)約8月會(huì)員日，第一時(shí)間了解享受本次會(huì)員日新福利。
認(rèn)準(zhǔn) iPaiban Pro 黑科技編輯器，網(wǎng)址：x.iPaiban.com，復(fù)制網(wǎng)址在 PC 端 Chrome（谷歌）瀏覽器打開(kāi)，即可開(kāi)始注冊(cè)并使用。
新用戶(hù)在「新手禮包」可領(lǐng)取3天企業(yè)標(biāo)準(zhǔn)版會(huì)員體驗(yàn)權(quán)，以及22個(gè)常用必備組件的大禮包（1年）。隨禮包附贈(zèng)千元優(yōu)惠券，每單最高立降500元。
● SVG 黑科技交互排版????????
·
轉(zhuǎn)載請(qǐng)?jiān)谖恼麻_(kāi)頭和結(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條）