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