卡牌UI动效

用户头像
广州/UX设计师/1年前/145浏览
卡牌UI动效
Current Time 0:00
/
Duration Time 0:00
Progress: NaN%
Playback Rate
1.00x
制作工具:UNITY
首先,给我的第一反应是二次元/卡牌/轻度暗黑。
所以我认为该界面的动效风格也应结合二次元游戏来做,常用的呈现方式有:切割,rgb分离 酸绿 干扰 块面先节奏感强等方式。
关于卡牌,因为拿到只有一个界面,所以我自认定该界面为抽卡。第一种像素消失为普通方式抽卡,第二种为高级方式抽卡。
ui曲线
卡牌UI动效(图ZMzc4NTQwOTE2) - 动效设计 - 站酷设计师卑微动效设计师原创素材 - 站酷ZCOOL
Collect
进场:切割
卡牌UI动效(图ZMzc4NTQwOTY0) - 动效设计 - 站酷设计师卑微动效设计师原创素材 - 站酷ZCOOL
Collect
rgb分离01 酸绿
卡牌UI动效(图ZMzc4NTQwOTY4) - 动效设计 - 站酷设计师卑微动效设计师原创素材 - 站酷ZCOOL
Collect
进场线条
卡牌UI动效(图ZMzc4NTQwOTcy) - 动效设计 - 站酷设计师卑微动效设计师原创素材 - 站酷ZCOOL
Collect
块=点
卡牌UI动效(图ZMzc4NTQwOTc2) - 动效设计 - 站酷设计师卑微动效设计师原创素材 - 站酷ZCOOL
Collect
像素消失
卡牌UI动效(图ZMzc4NTQwOTgw) - 动效设计 - 站酷设计师卑微动效设计师原创素材 - 站酷ZCOOL
Collect
反面消失后的科技效果,加入其他颜色,打破界面常规颜色,作为抽卡成功后的提醒
卡牌UI动效(图ZMzc4NTQxMDUy) - 动效设计 - 站酷设计师卑微动效设计师原创素材 - 站酷ZCOOL
Collect
再一次点 线 面(整体光),在我看来,二次元的光效比较清朗干净,所以这里避免加入狠厚重的光效元素
卡牌UI动效(图ZMzc4NTQxMDU2) - 动效设计 - 站酷设计师卑微动效设计师原创素材 - 站酷ZCOOL
Collect
rgb分离02
卡牌UI动效(图ZMzc4NTQxMDYw) - 动效设计 - 站酷设计师卑微动效设计师原创素材 - 站酷ZCOOL
Collect
翻拍的时候想让画面更有冲击力,所以使用3d模型建立圆形走UV形成黑色速度线
卡牌UI动效(图ZMzc4NTQxMDY0) - 动效设计 - 站酷设计师卑微动效设计师原创素材 - 站酷ZCOOL
Collect
 
此外为了界面背景不抢主题+不让画面显得呆板加入了电视机噪波扰动的效果
原始 整体画面轻微抖动效果
卡牌UI动效(图ZMzc4NTQxMjE2) - 动效设计 - 站酷设计师卑微动效设计师原创素材 - 站酷ZCOOL
Collect
模糊效果 
卡牌UI动效(图ZMzc4NTQxMjIw) - 动效设计 - 站酷设计师卑微动效设计师原创素材 - 站酷ZCOOL
Collect
2
Report
|
1
Share
相关推荐
评论
用户头像
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
You may like
相关收藏夹
大家都在看
Log in