文章内容来源于公众号:i排版编辑器 点此可查看原文。若涉及版权问题或存在侵权情况,请及时与我们联系,我们将第一时间进行删除处理。
今天是许多打工人的开工日,老沙也正式开工了!
接下来我们要面对两个重要的营销节日——情人节和元宵节。
在放假之前老沙已经为大家整理了这两个节日的一些经典图文案例,查看可以直接戳:
《情人节,vivo、美的这12个品牌是怎么让图文变甜的?》
《元宵节,用排版如何把猜灯谜、吃汤圆玩出新创意?》
开工第1天,给大家送上个1新的交互效果,收收心。
点击切换模式:
x-_p-_o-[U2FsdGVkX1/eIKJME45h9DaVOA76042VVGHG0Vk/B2ZPFyHw/hqA9FdYOMX8mymc8jbTj1BmQp2dgYN0OeuhxL2iSdUvUGr3M5SQAaYVHYyaDLQemsYKkUtCQTPkoR3N44l12SF7OjuAjv4bRkkaUhc+lS+Nla1guLSORnkgHOkFRL14nrBaPZ21zcp6Xoq6WHzsMsmZKBqI7pTWsPLaWhS7nmxWrlazTsubIkg3dYWhpEhnA4pJ/bsCyBxWd2Zg+S+rc9GIF0A73/h3D3Yj2knu0D1HvTI7J8RrqdULOPIV1ChJOsr0Mef2KhLFLzEdlW99+1ElnBWzH439KQ4OEAi1a0x2gXgquIIT1trKZfucQhtMIAQ9Rzshx2GbqpQT2ti2xKESixyqwrRpQYhT6UItKZJe8AGlrOyif+4M7SsO7ZvMcbZKrGAlzDIGeatu6bJ/YepNGYZXoDIawVcD3rjRxKh5IpgsD/g1em9LOQBDmY2X9eaFi3+Z7uKgVFJmzLf5AUT6mgaWFzSRrnHPaucmLxgCbqa/7Bi/O4iZZe1tbkowl0rcsvNC/as0GkXJy9yngn9xgFJospwnGvAFnDPuTIF4obdKbX4lOLvDqASBKIxgHmYMEI2aRz/rb+9yntGg4BBVuByjdPr+f75N1ah6HxE90uaqhfKUc/WbrZtVOQfG/iRTbfFxVghhRPZj6O7Ca1S5el9aytKCVFbgBV89QPKSAfw/t/MNUoMxk0JObOZZE6PkA3Agb2yCA2MML84VB3jgo7Fyg1crrM3+zhtUZb3NigbMnobpjMSUj4qgl9bFHigl8sgXE1h8VihFzVGDPXgbkjf+On+eHmZkeMentY8xLNVqiGFy8wXbh3p+8t07/SUSmkJw7iCHIA7NfbiS4mmOCYYa4xifJWhqi3wLJp5GgAFcvzqIp+Ms2OhYiMRT04nir6yVsPYMNAKtTdAbYk1LUxbjs1shoYk4d040w009JB8mQuE6qklx5+bLgF17sgiPl4sRuCYWB7wCNLxsQE9mSJmyVVQg8yjdCwUK4cEmszdM91bmgFougIcg5G5Zi2sr26zHv4y+NRqwOxFwK3ZgZvzIa16RYFgJmVJrrgCsCgTbbMqvzpHA+jx6vQq/hXo/FNo/DamEPhDwkSz1D4olvCP83H02dBmQ7wJKQonPvULbhqo8d8A9qLuXCmBd7mK3m8bruqIw6QmLNB0WxTK025OHNx2a5GGjleC96UwHxaXno9LpbupTBJFBSC79wbj+Fhs8T7osOwiWO62Le65LN6FHPCTiCbh41cbOrxd8/ExhtygLsRqA+EVX5XVWzoiwrCgNYXFwE2yP9MmZePQZBl1rz7yZATlw9W4evvt/PvUO3xumjnf+1JjSU8GrbOzM0uCjraz1hZH2HtDYKAVnYpLYpPuPb7NZvp8jU+UJtY7IJyIEqHZuvk1w2KWcfStHMP+4VhpsOk/px21fcKiZh8YRfrs0CSLjZ5IAn0Nj+OzyALRtn2RlnVSnvkuY0ujFYuhVNorq9N/tEjV50C1s71ycPHb1gh7RIeDVlHnpbyXK46jd1U0N0oVuIIBkHZLo3O9NLG3XInPhb+d0X2f2njdI2WQwut1ChSj1+fyr8pMrgUkyz8CKIssSMRTKHFStTJ1s/o0rEakq4BEcJVmCrgq1tKlNKUDATaACohsoAHptAa1yVy/zYuIUhZqD3XW/ds4vfX7rQljU8QkQsH5iaY/6+YCqOkPtx2fhHhBH+dwsAvQy1bta0nekQsRnD9w8KJxuI75mJA5K6qLL8Cdp0pcQ7adTKIww8qDCyVmwqbLp+WloYg2mkbOhoD2ddP8CRRQXc3RSI6LiC+grUEG/uvCN/pkMpc55tZnERQVnDy83ZFjxBBCDGSQ=]-o_q-_-x可以看出,这个效果是图片在点击后中心以圆形向四周扩大切换为一张新的图片,扩大切换的速度可以任意调整,当然也为大家准备了缩小切换的效果,点击试试:
x-_p-_o-[U2FsdGVkX1+0RV6R5TS1kEBrlvHXdPY6kCGjvMUySF4hLemcjUTVlFTQzq60l5qlgKBxdct9Xi+m7aEEvV0aelGGQAKW3CCRJwBklUdk/IaYbU1BhI77DGdy2QdIWyW+MoaoYRWBEZnuLn5BH55AZst3lgGIp1yKCtcxLwp9YrQhA122Dr95FPSwcGS3R5aCD+ZyCOEH+m74J8I8a+ExrKITOMIjbEWgwPmRNYTTIpDwtnglM/7akbYyQxMso9ULsb7LS22zsOe9Cci03CNZUNqTpcL0WF7HGM4olrz/PwKy6RbvR4fSKTBCdWRuHpqbN/b3M3G2PkY1fVKH950Sp1OxY9Z52YKY7/3SAFJm3iIvq3JtG0MYVAKWtwiy9vKs4//1oYHZRAnvIVbmVGivZBeDrKojJ5WKrY+fR1uE2VK1XHqqpqKaK6udoEKeFkACce5i8i0MQPrFF8PnyfG7XAJigmT7GbhvcVTHot0cW3z53eAe9Dfo0DR73YMv2Ihy1eCnHrh8ablRINGxTzXgo2g1LQXkZNK0OIBtG6dgOELbHjn8swfKfTyESJn9ryrrk51uiqw1jnc5Jx1Bvudp3qeSQdy+l5nT0IXslCw8w+SdiHkB4HvJHaWP83agRSOajZL5VFpq5N202siObbm/ge9ef3m7++MmSwuio1pKsaoIxwNngleHsFn3CVp+xI3Kjz6Z4QdgC1MEbL8ytROVHkY5mhNwIMvhaELj8MY13pUiNcfAv2GbPNjmMpDAloxiD1MVzuO8kmq1ExBayhRIVNwg9wevQ5NnjaLlfYFbUwIOejk43qZiOBf5GG4/XM7g9Jua8COMfbaYIkGCgO8uzSNyU94AkM3/NwqxfUV4eqO+ikgeVLuVSAmWPEMIKY7Yg+FaE2Aw4BOC8FzzZd+naRiEATpzzWYbpbUetrYU4pBinHqzHZUIo3qt+fssWqcwmZd+SKnzkSC/OYgtnNUd6q00NH3E8sYZTNB2/t7C3CAFFX3gJTNJnLE8rMZ8P+CJxQ0S99PB2CXvylNj4xCT5YIyoONbpGKmCNLeWx9pDrYURC9dvQiJmFV+SJ9XUR2xjnXwfZwzFUCL38TIwfU/NgqyYjcxS4XzXQvy6G7MeyU4RAq0hTKyqihOpYaFc7VJ25lnlUbXRXUiS2HS7mKJ3E38ePE8WREWTwEbSjoaHtKGpHyMCyp/OTGtYb/Mg+nzwd3hI2kWuQshPKYKsM6lLpuVWAnQYsslyaEX2MNOTjFsmABOGP3+5mdKLt0E5faHNtRg5QwFqVyqKC3kct6ToO2mgblYi0+FsnweB3472AnO2GEL+zPNXmEU38Q8mMNrjtuzff9A4rH/echXnh6T9xVjoWXRMJ0k7KFo0q7Afch+RGymCjB0IDvEFVq6RS7jrMqfrzOdPkgKkNSA6M4UDVnyILmDJn4JAqms5FreYksvx/jBOr8tkx97l6isgw6alfgFzudzJaLIMkfgpsKcuwbrt1q0H8s+mMdfADVtokLHS8lrxyMF56iYfkCK0bWfcMPngNWr9s2oBda0NLrrOPSMPbBgmYk3JyiaKOnvSCHSe2U8oKHrFvsqauwpmWG8++qoAyCScJI2JMWl7TryWSZONN1DGNTe2ixLgRvSD9aPU09a26lwEMRlDu7jFRpAdbzBuHaN+t3+rNS3/DItikGwVQb3D2rJSy4KpfKBaDZtED/I0hXf3HzoXMNE5jq8hQugC3Tt1jg6kDU9iTy1+3Aa2uC9YylmC7bqd9QKM2RjBYWpueXB1I5rLj/1hNLTG7+v+/rzvzzVBORo6kQk5bDZj02U1lD1dYJ/Q87WSNyX0dUajMoa4dBWmIHGKGty/AJUFqdhizosrJ8fijEHUNE2P8w+VRDcK3NO1KGFFDuzYk8ypz7E9+gIMvitI+t3]-o_q-_-x下面是详细制作教程。
工具:iPaiban Pro 黑科技编辑器,网址:x.iPaiban.com
组件:点击-中心圆形扩大切换
编号:11084(组件)
第1步:选择组件
登录 iPaiban Pro 编辑器后,点击编辑器右侧「组件」按钮,在「点击」分类中找到「点击-中心圆形扩大切换」组件,或者直接在搜索框中搜索组件编号11084。
第2步:上传图片素材
分别点击页面右侧两个「换图」按钮,上传单击前和单击后的两张图片。注意图片尺寸需保持一致。
第3步:调整动画参数
点击页面最右侧「预览草稿」可随时预览效果,根据效果拖动动画时间的滑杆可调整圆形扩大切换的快慢。默认动画时间为1s。
第4步:导入公众号后台
效果满意后点击「导入微信后台」就能开始导到公众号了。

导入时使用 iPaiban Pro 小助手更方便哦,最新版本的小助手已经支持局部导入,安装教程戳:《安装教程》,使用教程戳:《使用教程》。
视频教程:
制作SVG交互图文认准 iPaiban Pro 黑科技编辑器,网址:x.iPaiban.com,复制网址在 PC 端 Chrome(谷歌)浏览器打开,即可开始注册并使用。
新用户在「新手礼包」可领取3天企业标准版会员体验权,以及22个常用必备组件的大礼包(1年)哦。
● SVG 黑科技交互排版👇🏻
如需定制 SVG 黑科技排版,请添加下方玉兔微信沟通咨询。
点个“在看”
戳沙小僧(playhudong033)
抱走《公众号排版规范手册》PPT