【运营设计】支付宝“碰一下”运营H5视觉设计解析

用户头像
北京/UI设计师/1年前/2400浏览
【运营设计】支付宝“碰一下”运营H5视觉设计解析
【前言】
支付宝一直致力于数字化支付,探索更便捷的支付方式:密码支付——免密支付——面容支付——NFC“碰一下”支付。但大众目前对“碰一下”支付还没有形成用户心智,支付宝融入经典IP《西游记》,通过游戏活动激励用户尝试使用“碰一下”功能,赞卡兑换福利。
本文主要是:从运营视觉设计的角度解析支付宝的“玩碰见西游”。
一.色彩
以蓝紫渐变色为主色,红黄为点缀调和,用蓝紫色营造宝石般晶莹通透的质感,光感很强烈,用于图标、按钮、弹窗、卡片等各个场景。
【运营设计】支付宝“碰一下”运营H5视觉设计解析(图ZMTQ5NzQyNjg=) - 教程 - 站酷设计师油焖小虾米原创素材 - 站酷ZCOOL
收藏
.游戏核心玩法
1.
游戏倒计时
倒计时的光波粒子动效和其他的弹窗粒子效果也是拉通的,水波纹的效果极具通透感和灵动感。
【运营设计】支付宝“碰一下”运营H5视觉设计解析(图ZMTQ5NzQyNzI=) - 教程 - 站酷设计师油焖小虾米原创素材 - 站酷ZCOOL
倒计时动效
收藏
2.游戏中
游戏强化了支付宝“碰一下”的logo形象,将图标作为球球进行滚动,突出“碰”的标志动作。
【运营设计】支付宝“碰一下”运营H5视觉设计解析(图ZMTQ5NzQyNzY=) - 教程 - 站酷设计师油焖小虾米原创素材 - 站酷ZCOOL
游戏中
收藏
3.游戏彩蛋
【运营设计】支付宝“碰一下”运营H5视觉设计解析(图ZMTQ5NzQyODA=) - 教程 - 站酷设计师油焖小虾米原创素材 - 站酷ZCOOL
游戏彩带
收藏
三.动效展现
动效的展示是“碰一下”运营游戏非常出彩的地方,猪八戒唐僧等3D人物的憨态可掬,以及弹窗的金属流光效果,弹窗的粒子效果和水波纹效果都非常惊艳。
Current Time 0:00
/
Duration Time 0:00
Progress: NaN%
Playback Rate
1.00x
Current Time 0:00
/
Duration Time 0:00
Progress: NaN%
Playback Rate
1.00x
Current Time 0:00
/
Duration Time 0:00
Progress: NaN%
Playback Rate
1.00x
22
举报
|
79
分享
相关推荐
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
【新年UI图标】礼物/活动icon
【新年UI图标】积分icon
【新年UI图标】活动icon
【新年UI图标】体育icon
3D卡通UI界面图标可爱插画免扣素
智能家居中心 简约 UI设计组件库
手表表盘UI系列
【新年UI图标】30个图标
UI界面 组件
高级表盘系列UI源文件
钱包ui模板
【新年UI图标】珠宝icon
户外旅行飞机情侣假日出行
Security Camera UI kit
APP/小程序商业项目UI模板|99个高保真UI+79个原型
拟物风质感写实UI卡片合集源文件
【新年UI图标】旅行icon
【新年UI图标】影音icon
3D渐变流体抽象矢量UI背景图
UI通用设计素材1
高级感金属拟物 UI设计组件库
UI 登录界面设计模板包
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
我的钱包-UI界面设计-app
你可能喜欢
相关收藏夹
大家都在看
登录注册