万圣节SVG推文,光有南瓜和蝙蝠还不够。
想让用户愿意阅读和参与进去,交互的「手感」很关键。
今天给大家推荐一个适合万圣节排版创意的点击涟漪式放大切换。
点击按钮体验下:
*素材来自新世相只需一步,测出你是什么鬼
组件:点击-涟漪式放大(触发区可调)
编号:11458(组件)
点击按钮,画面以点击位置为中心荡开一圈涟漪,再完成图片内容的切换。
用在万圣节排版里,可以做成点破迷雾看真相、点击恐怖来袭之类的创意,既贴合节日氛围,又比普通点击切换多一层视觉反馈。
点击触发的位置不局限于图片正中央,可以任意调整,比如放在图片偏下方:
*素材来自I排版编辑器
组件:点击-涟漪式放大(触发区可调)
编号:11458(组件)
它不复杂,但足够让一个简单的点击动作变得有仪式感。
点击右侧两个「换图」按钮,分别上传点击前和点击后的图片。两张图片尺寸需保持一致,点击前图片最好设计有引导点击的提示。
双击编辑区图片,调出调整触发区域的窗口。窗口中红色色块代表触发区域的大小和范围,拖动红色色块到指定位置。
第4步:调整动画参数
调整「点击前图片初始灰度值」到100%,图片将完全变灰。
接着调整「放大倍数」和「动画时间」。在调整「放大倍数」前可点击「预览草稿」先预览效果,如果点击图片放大后显示不全需调大「放大倍数」。
内容编辑完毕后,点击最右侧「预览草稿」预览效果,效果满意后点击「同步至微信后台」就可以了。
新用户在「新手礼包」可领取3天企业标准版会员免费商用,以及22个常用必备组件的大礼包(1年)。随礼包附赠千元优惠券,每单最高立降500元。
























