看点高级的
拿点有用的
学点真干货
找点新财路
发布
登录
注册
【端午&世界杯&高考季专题】这些微动效让UI设计更惊艳
油焖小虾米
北京
/
UI设计师
/
2年前
/
431浏览
版权
私信
关注
【端午&世界杯&高考季专题】这些微动效让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设计
微动画
相关推荐
换一换
【设计趋势】iphone duo 折叠屏交互设计新时代
952
油焖小虾米
【Codex教程】零编程基础的设计小白教程(一)
40
油焖小虾米
【Midjourney教程】全干货 | AI生图实用技巧
581
油焖小虾米
【设计师必备】高质量 | 免翻墙 UI案例网站 作品集参考
284
油焖小虾米
【设计师必备】高质量 | 免费 手机样机网站分享-附网址
339
油焖小虾米
关注
UI
1
画画的周末
【这些UI设计小细节 学了就能用上-5】
32
油焖小虾米
【这些运营设计有点意思-4】
412
油焖小虾米
会员精选
龙年系列Lottie彩蛋动效
317
江舟工作室
推广
【这些UI设计很有想法3】AI生图 看见情绪 记录情绪
480
油焖小虾米
【这些UI设计很有想法】微缩世界 安放情绪 摸鱼解压
348
油焖小虾米
评论
登录
评论你的想法~
表情
发布评论
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
你可能喜欢
换一换
《海风里的乡村闲纪》
268
一元AIGC
石头科技×创意光谱丨拖地机丨扫地机丨明星单品全案
217
创意光谱
福到FuDao©️一口,福到!
143
小满设计家
植可ZIKO草本饮料品牌包装全案 | LOGO/VI/包装
196
檀TAN坛
猫咪IP设计全案|一个全是哈基咪的组合 |IP设计-可授权
383
方方面面STU
整点彩蛋x老雪啤酒®猫屋版包装设计
244
整点彩蛋
相关收藏夹
换一换
关注
UI
1
画画的周末
关注
app
如初xy
关注
动效文章
请叫我阿喷哦
关注
学习
aa啊苏
关注
科幻扁平
489
yiyi1105
关注
IP形象及IP内容
7694
蔡蔡文化
大家都在看
查看更多
IP 形象
国庆
LOGO 设计
海报设计
插画设计
壁纸图片
作品集
VI 设计
UI 设计规范
AI 绘画
表情包
PPT模板
设计
#设计
#设计
#设计
设计#
设计a
设计🔍
a设计
设计’
设计
it设计
a设计
AS设计
by设计
设计in
in设计
设计.
、设计
设计
设计】
设计、
设计
#设计#
设计,
#设计
if设计
设计
🤮设计
设计‘’
is设计
设计‘
设计
设计。
@设计
an设计
设计/
设计 、
设计|
登录注册
8
登录即可同步推荐记录哦
10
登录即可加入我的收藏
评论
登录即可评论想法
分享
分享