看点高级的
拿点有用的
学点真干货
找点新财路
发布
登录
注册
【端午&世界杯&高考季专题】这些微动效让UI设计更惊艳
油焖小虾米
北京
/
UI设计师
/
2年前
/
421浏览
版权
私信
关注
【端午&世界杯&高考季专题】这些微动效让UI设计更惊艳
油焖小虾米
关注
本文主要讲述在通过微动效果去丰富设计表达的案例:
一.世界杯
1.运营Banner
Banner形态越来越丰富,除了常规的顶部圆角矩形之外,
banner的外框上做成了类似足球场球门的形状
banner内的元素做了破形,适当溢出了外框
banner之间的元素通过“踢球”的微动效,将左边踢球的运动员和右边的茅台奖品串联起来
饿了么-点球运营banner
收藏
2.分类tab
饿了么-分类tab动效
收藏
3.流光按钮+粒子动效
支付宝-流光按钮
收藏
二.高考季
在高考季时期,通过首页搜素框上的微动效进行时令运营。
收藏
夸克-高考查分
收藏
夸克-高考填志愿
收藏
三.端午节
支付宝-搜索框
收藏
支付宝-搜索框
收藏
美团酒店-按钮内动画
收藏
四.美团外卖专题
1.美团对于甜点面包类、烧烤类、中餐类等外卖等待动效都做了细节的区分
美团外卖-汉堡西餐类动效
收藏
美团外卖-中餐类动效
收藏
美团外卖-面包类动效
收藏
美团外卖-通用型动效
收藏
美团外卖-奶茶类动效
收藏
美团外卖-烧烤类动效
收藏
1.模拟极端天气场景
对于暴雨、暴雪、沙尘暴等极端天气,淅淅沥沥的大雨动效展现能让用户更有身临其境的换位视角,去体谅骑士的不易。
美团外卖-模拟下雨场景
收藏
五.流光动效
按钮的流光动效是2014年非常流行的一种趋势,对于界面中需要强调的按钮,通过渐变流光动效吸引用户点击,常用于运营场景,在界面的UI设计上使用地更为克制。
1.按钮面的流光动效
饿了么-流光按钮
收藏
网易云音乐-续费弹窗按钮
收藏
2.按钮边缘的流光动效
高德地图-流光按钮
收藏
2.勋章的流光动效
饿了么-黄金会员勋章
收藏
淘宝-88VIP续费弹窗
收藏
4.底部卡片流光动效
百度网盘-流光卡片背景
收藏
六.轮播动效
轮播式动效,适用于在有限的展示空间内去展示多个没有明显优先级的元素,在这种场景下我们单独地用静态UI设计难以表现时,可以考虑这种轮播的形式。
轮播的形式有很多种:
左右滑动式轮播
上下滚动式轮播
正反面翻转轮播
前后叠加式轮播
淘宝-88VIP
收藏
闲鱼-金刚区图标
收藏
收藏
8
举报
|
声明
10
分享
原创文章
UI
插画
平面
微动效
动效设计
UI设计
微动画
相关推荐
换一换
【基础知识干货】AI时代下的AI黑话最全讲解
432
油焖小虾米
【这些UI设计小细节 学了就能用上-5】
32
油焖小虾米
【这些运营设计有点意思-4】
386
油焖小虾米
【蚂蚁阿福APP解析】出色的AI+医疗对话式UI设计怎么做?
466
油焖小虾米
【这些UI设计很有想法3】AI生图 看见情绪 记录情绪
477
油焖小虾米
关注
UI
1
画画的周末
会员精选
抖音生活服务-美味年货日
29
N30DESIGN
推广
【这些UI设计很有想法2】简单记忆 偶尔回响 后置意义
222
油焖小虾米
【UI动效】如何用动效表现 AI 智慧感?
138
油焖小虾米
2025苹果iOS系统风格设计 Liquid Glass 设计解析
501
油焖小虾米
【设计基础】点&线&面在设计中的应用案例最全讲解
388
油焖小虾米
评论
登录
评论你的想法~
表情
发布评论
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
你可能喜欢
换一换
【面团仔】闪味披萨IP形象设计——子非乌鸦
134
子非乌鸦
EGOD-毛绒反骨计划
380
卷云品牌IP设计
【Milee】烘焙品牌设计
142
supve
汤臣杰逊 X 海澜之家内衣-气垫袜
197
汤臣杰逊
泡泡玛特|DIMOO Memories We Hold 系列海报
164
AIFI矮肥才华有限
CUIDA|茶饮品牌3.0视觉升级
131
LAZYstudio
相关收藏夹
换一换
关注
UI
1
画画的周末
关注
app
如初xy
关注
动效文章
请叫我阿喷哦
关注
学习
aa啊苏
关注
IP形象及IP内容
7568
蔡蔡文化
关注
白酒包装 酒产品
936
老馬识图
大家都在看
查看更多
IP 形象
国庆
LOGO 设计
海报设计
插画设计
壁纸图片
作品集
VI 设计
UI 设计规范
AI 绘画
表情包
PPT模板
设计’
a设计
AS设计
by设计
设计in
in设计
it设计
、设计
设计.
设计】
设计
设计、
设计
#设计#
🤮设计
设计‘’
is设计
设计‘
设计
设计。
#设计
if设计
设计,
设计
@设计
an设计
设计 、
设计|
设计/
设计
#设计
#设计
设计#
#设计
设计
的··
的as
的.
登录注册
8
登录即可同步推荐记录哦
10
登录即可加入我的收藏
评论
登录即可评论想法
分享
分享