在图文里发壁纸的排版技巧来了(内含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条)