在圖文里發壁紙的排版技巧來了（內含5篇案例拆解教程）
春日美景多多，也是品牌們發壁紙的好時機。
在圖文如何發壁紙才能顯得優雅又高效？
想要讓圖文充滿交互與動態，可以使用「點擊彈出」、「自動輪播」、「新年簽」等SVG交互，今天用5篇圖文案例給大家推薦5種超適合「壁紙」的創意玩法。
一
點擊彈出保存壁紙
*素材來自奔馳卡車中國《春季壁紙，和春天一起來了》
「奔馳卡車中國」的這篇圖文引導大家點擊彈出隱藏的壁紙圖后長按保存，再次點擊可以關閉彈出圖回到圖文，重新點擊可以再次彈出壁紙圖。
使用 iPaiban Pro編輯器就可以實現同款效果，搜索找到「點擊彈出-彈出圖片」組件后，點擊選擇。
分別上傳封面圖和隱藏圖，這里隱藏圖即彈出后的壁紙圖。
想要實現同款效果可以搜索使用：
組件：點擊彈出-彈出圖片
編號：10068
二
點擊翻轉-點擊彈出保存壁紙
*素材來自凱迪拉克《晨暮之間 流光交織 LYRIQ壁紙驚艷放送》
「凱迪拉克」的這篇圖文引導大家點擊翻轉查看壁紙圖后長按保存，翻轉的動效讓人眼前一亮，制作起來也比GIF簡單。
使用 iPaiban Pro編輯器就可以實現同款效果，搜索找到「點擊翻轉-左滑組合（自動對齊）」組合后，點擊選擇。
點擊此處配置，進入組合編輯模式，分別上傳點擊前、點擊后和背景圖，這里需留意前后尺寸保持一致。
搜索找到「點擊彈出-彈出圖片「拆紅包」」組件后，拖拽至滑動布局中。
想要實現同款效果可以搜索使用：
組件：點擊翻轉-左滑組合(自動對齊)
編號：10835
組件：點擊彈出-彈出圖片
編號：10068
教程：《點擊翻翻翻翻翻翻翻翻翻翻牌》
三
長按保存隱藏壁紙
*素材來自法拉利中國《「敞」享春日》
打開「法拉利中國」的這篇圖文，可以左滑查看更多壁紙預覽圖，長按即可保存高清壁紙。
這樣的交互效果使用 iPaiban Pro 編輯器的「長按-保存隱藏圖片(壁紙)」組件即可實現。
這里先在編輯器內搜索找到「左滑組合(自動對齊)」組合后，點擊選擇。
點擊編輯組合，進入組合編輯模式。
上傳背景圖。
在編輯器內搜索找到「長按-保存隱藏圖片(壁紙)」組件后，拖拽至左滑組合內。
使用該組件只需要上傳封面圖和隱藏圖片，點擊保存草稿即可。想要實現同款效果可以搜索使用：
組合：左滑組合(自動對齊)
編號：10249（組件）
組件：長按-保存隱藏圖片(壁紙)
編號：11149（組件）
四
自動輪播-點擊彈出保存壁紙
*素材來自奧迪《賽百靈黑》
「奧迪」這個自動輪播的效果，不是簡單的輪播圖片，點擊后會彈出隱藏的壁紙圖，然后長按可以保存。使用 iPaiban Pro編輯器就可以實現同款效果，搜索找到「自動-輪播Banner(可彈出、可長按保存)」組件后，點擊選擇。
分別上傳前景圖、自動輪播圖和彈出圖。最后設置每張圖片切換時間、每次輪播停留時間和顯示寬度(調整輪播圖位置)，一般保持默認數值即可。
想要實現同款效果可以搜索使用：
組件：自動-輪播Banner(可彈出、可長按保存)
編號：11845（組件）
五
新年簽&祈福簽-點擊停止后長按保存壁紙
*素材來自奧迪中國招聘《奧迪中國招聘祝您龍騰四海，萬象新生！》
「奧迪中國招聘」的這篇圖文采用了新年簽的交互，向大家輪播展示各類汽車美照，在點擊后暫停輪播隨機出現結果圖，更能吸引用戶瀏覽點擊并保存傳播。
使用 iPaiban Pro編輯器就可以實現同款效果，搜索找到「新年簽&祈福簽-自動輪播,點擊停止(可保存,可彈出)」組件后，點擊選擇。
分別上傳自動輪播圖和彈出圖，這里需要替換掉默認的素材圖，需留意每張輪播圖尺寸保持一致。
最后設置每次切換時間，這里設置為0.5s。
想要實現同款效果可以搜索使用：
組件：新年簽&祈福簽-自動輪播,點擊停止(可保存,可彈出)
編號：11831（組件）
教程：《想要可保存圖片的新年簽效果？我教你啊！》
轉載請在文章開頭和結尾顯眼處標注：作者、出處和鏈接。不按規范轉載侵權必究。
未經授權嚴禁轉載，授權事宜請聯系作者本人，侵權必究。
本文禁止轉載，侵權必究。
授權事宜請至數英微信公眾號(ID: digitaling) 后臺授權，侵權必究。
評論
評論
推薦評論
暫無評論哦，快來評論一下吧！
全部評論（0條）