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

用户头像
北京/UI设计师/1年前/138浏览
【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 智慧感?(图ZMTUxMjYwMTI=) - 教程 - 站酷设计师油焖小虾米原创素材 - 站酷ZCOOL
收藏
2.流光卡片
大流光卡片常用于0到1的图片生成等待场景,内容生成时长较长,这种可以理解为原UI设计中占位卡片的智慧力演进。
【UI动效】如何用动效表现 AI 智慧感?(图ZMTUxMjU5NjQ=) - 教程 - 站酷设计师油焖小虾米原创素材 - 站酷ZCOOL
收藏
【UI动效】如何用动效表现 AI 智慧感?(图ZMTUxMjU5Njg=) - 教程 - 站酷设计师油焖小虾米原创素材 - 站酷ZCOOL
收藏
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
举报
|
收藏
分享
相关推荐
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
Security Camera UI kit
APP/小程序商业项目UI模板|99个高保真UI+79个原型
户外旅行飞机情侣假日出行
【新年UI图标】体育icon
新拟态风格 UI设计组件库
【新年UI图标】礼物/活动icon
高级表盘系列UI源文件
科技医疗透明柜UI界面设计
3D渐变流体抽象矢量UI背景图
【新年UI图标】活动icon
智能家居中心 简约 UI设计组件库
新能源APP应用UIKit
UI界面 组件
高级感金属拟物 UI设计组件库
【新年UI图标】积分icon
我的钱包-UI界面设计-app
【新年UI图标】旅行icon
手表表盘UI系列
【新年UI图标】银行卡icon
盲盒APP UI设计
UI 登录界面设计模板包
UI应用平面图标
UI通用设计素材1
你可能喜欢
相关收藏夹
地产VI
地产VI
地产VI
地产VI
大家都在看
登录注册