马上就是五一小长假,忍不住搓搓期待的小手。
五一图文还没头绪?看这里:
当我们想要表现劳动者的伟大,往往越宏观越空洞,反而从一些细小的点入手更能抓住人心。
泸州老窖1952订阅号的一篇五一劳动节排版,从劳动者的手入手,配合从细节到全景变化的交互设计,很是巧妙。
点击试试:
*素材来自泸州老窖1952订阅号辛勤劳动每一刻,谁还没手代表作! 五一劳动节,是时候"露一手"了
组件:点击-图片缩小切换图片(任意设置初始放大区域)
编号:12154(组件)
该排版效果使用i排版SVG编辑器的「点击-图片缩小切换图片(任意设置初始放大区域)」组件(编号:12154)即可实现。使用它可以框选图片中任意位置使其放大,然后点击可恢复原图。
对应还有一个相反的效果组件「点击-图片放大切换图片(任意设置最终放大区域)」(编号:12155),大家可发挥创意进行创作。
点击下图中红框处,看看效果:
*素材来自泸州老窖1952订阅号辛勤劳动每一刻,谁还没手代表作! 五一劳动节,是时候"露一手"了
组件:点击-图片放大切换图片(任意设置最终放大区域)
编号:12155(组件)
下面以点击缩小的效果为例,一起看下详细排版教程吧。
详细教程:
工具:i排版SVG编辑器,网址:SVG.iPaiban.com
组件:点击-图片缩小切换图片(任意设置初始放大区域)
编号:12154(组件)
第1步:选择组件
登录i排版SVG辑器后,点击编辑器右侧「组件」按钮,在「点击」-「扩大/缩小」分类中找到「点击-图片缩小切换图片(任意设置初始放大区域)」组件,或者直接搜索组件编号12154,点击选择。
第2步:上传图片素材
点击右侧两个「换图」按钮,分别上传一张全景完整图片和点击缩小后最终呈现的图片。完整图在可上传的基础上应尽量保持高清,以便在放大状态下不会显得模糊。
第3步:设置放大显示区域
双击编辑区刚刚上传的图片,调出设置弹窗,弹窗中红色色块即代表放大显示的区域。
第4步:调整动画时间
在右侧上传图片的下方,设置图片「缩放动画时间」和「切换时间」。
第5步:导入公众号后台
点击页面最右侧「预览草稿」可随时预览效果,效果满意后点击「同步至微信后台」同步到自己的公众号就可以了。
使用同步功能不用频繁在编辑器和微信后台切换,同步成功后可以立即扫描二维码预览在公众号的效果。
如需局部导入可参考《iPaiban Pro小助手安装和使用教程》中导入功能的「导入代码」部分。
























