【UI动效】如何用动效表现 AI 智慧感?

北京/UI设计师/180天前/73浏览
【UI动效】如何用动效表现 AI 智慧感?
【前言】
动效设计在AI时代为什么更重要?
1.好的动效设计在视觉上能极大地增强用户对产品的智慧感知,让后台的智慧算法可视化
2.AI生成内容都需要给后台一定的生成时间,动效设计很好地弥补了等待的空缺
在运用动效的过程中,需要把握分寸,过渡滥用动效设计会使得界面看起来很乱,都是重点反而就没有重点了。我们需要明确每一个动效的设计语义是什么?在各个场景中统一语义。
【常见的几种表现AI能力的动效设计】
1.光圈
适用于搜索框、对话框、卡片等承载文本内容的场景,通过光圈对容器的波动,表现AI智慧分析的过程
Current Time 0:00
/
Duration Time 0:00
Progress: NaN%
Playback Rate
1.00x
【UI动效】如何用动效表现 AI 智慧感?
Collect
2.流光卡片
大流光卡片常用于0到1的图片生成等待场景,内容生成时长较长,这种可以理解为原UI设计中占位卡片的智慧力演进。
【UI动效】如何用动效表现 AI 智慧感?
Collect
【UI动效】如何用动效表现 AI 智慧感?
Collect
3.粒子动效
大面积的粒子动效更适合于AI图片视频的美化编辑,例如AI消除、AI超清、AI修复老照片等1到99的变化,对于预览区域有一个整体的翻新感,体现AI带来的修图变化,又不遮挡页面的主体内容。
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
1
Report
|
收藏
Share
相关推荐
评论
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
You may like
相关收藏夹
IP形象设计
IP形象设计
IP形象设计
IP形象设计
精选收藏夹
作品收藏夹
作品集
作品集
作品集
作品集
精选收藏夹
作品收藏夹
餐饮案例
餐饮案例
餐饮案例
餐饮案例
精选收藏夹
作品收藏夹
IP形象及IP内容
IP形象及IP内容
IP形象及IP内容
IP形象及IP内容
精选收藏夹
作品收藏夹
交互
交互
交互
交互
精选收藏夹
作品收藏夹
中国风元素插画
中国风元素插画
中国风元素插画
中国风元素插画
精选收藏夹
作品收藏夹
大家都在看
Log in