表情包排版，就用它！
越來越多的品牌，開始推出自己的專屬表情包了。
品牌們?nèi)绾卧趫D文中如何能夠方便的向用戶展示自己的表情包呢？
這就要用到特別的排版了。
今天給大家推薦3種既能展示又能保存表情包的排版效果。
第1種，多觸發(fā)區(qū)點擊彈出圖片效果。
將動態(tài)表情包隱藏在一張圖片里面，用戶點擊某個位置即可彈出對應(yīng)的表情包：
*素材來自奈雪的茶《Quokka陪你喝米布丁珍珠大紅袍奶茶，暖暖的 ??? 可愛鼠了！》
組件：點擊彈出-彈出圖片(設(shè)置多個觸發(fā)區(qū))
編號：10100（組件）
第2種，多列布局嵌套點擊彈出圖片效果。
同樣是將動態(tài)表情包隱藏在圖片之下，使用多列布局組合嵌套點擊彈出圖片的效果優(yōu)勢是，表面的圖片也方便制作成動態(tài)的：
*素材來自來自瑰麗酒店RosewoodHotels《玉兔躍年, 躍迎花開》
組合：二列布局
編號：10144（組件）
組件：點擊彈出-彈出圖片
編號：10068（組件）
第3種，多觸發(fā)區(qū)的多層圖片。
即在一張背景圖上方任意位置，直接擺放表情包，擺放的表情包也可點擊彈出保存，點擊試試：
*素材來自夏日紛西打酒《人在職場，有些話只能喵來說????》
組件：多層圖片(設(shè)置區(qū)域)
編號：11158（組件）
使用「多層圖片」與前面兩個效果相比，優(yōu)勢是讓讀者保存的表情就是直接展示給讀者的表情，所見即所存。前面兩個效果保存的表情包都是隱藏在圖片下面的。
i排版也在陸續(xù)上線西游系列表情包啦，唐三藏系列大家可以點擊保存或者直接掃碼用起來了：
今天咱們以夏日紛西打酒的效果為例，一起看下「多層圖片」展示表情包的排版教程吧。
詳細教程：
工具：iPaiban Pro 黑科技編輯器，網(wǎng)址：SVG.iPaiban.com
組件：多層圖片(設(shè)置區(qū)域)
編號：11158（組件）
第1步：選擇組件
登錄 iPaiban Pro 編輯器后，點擊編輯器左側(cè)「組件」按鈕，找到「多層圖片(設(shè)置區(qū)域)」組件，或者直接搜索組件編號11158，點擊選擇。
第2步：上傳背景圖
點擊右側(cè)「換圖」按鈕上傳背景圖。
第3步：上傳前景圖
點擊「+」號依次上傳圖片，如上傳錯誤，可拖拽調(diào)整順序。
第4步：設(shè)置圖片保存
設(shè)置圖片保存為「支持」，方便讀者點擊保存圖片。
第5步：調(diào)整前景圖擺放位置
在編輯器區(qū)雙擊上傳的背景圖，即可拖拽設(shè)置前景圖的擺放位置。設(shè)置完成后點擊「保存設(shè)置并退出」按鈕。
第6步：導入公眾號后臺
點擊最右側(cè)「預覽草稿」，效果滿意后接著點擊「同步至微信后臺」就可以了。
使用同步功能無需頻繁在編輯器和微信后臺切換，同步成功后可以立即掃描二維碼查看。
如需局部導入可參考《iPaiban Pro小助手安裝和使用教程》中導入功能的「導入代碼」部分。
制作SVG交互圖文認準 iPaiban Pro 黑科技編輯器，網(wǎng)址：SVG.iPaiban.com，復制網(wǎng)址在 PC 端 Chrome（谷歌）瀏覽器打開，即可注冊，編輯器所有組件/組合現(xiàn)已全部支持免費試用了。
轉(zhuǎn)載請在文章開頭和結(jié)尾顯眼處標注：作者、出處和鏈接。不按規(guī)范轉(zhuǎn)載侵權(quán)必究。
未經(jīng)授權(quán)嚴禁轉(zhuǎn)載，授權(quán)事宜請聯(lián)系作者本人，侵權(quán)必究。
本文禁止轉(zhuǎn)載，侵權(quán)必究。
授權(quán)事宜請至數(shù)英微信公眾號(ID: digitaling) 后臺授權(quán)，侵權(quán)必究。
評論
評論
推薦評論
暫無評論哦，快來評論一下吧！
全部評論（0條）