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

用户头像
北京/UI设计师/1年前/146浏览
【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吧!
推荐素材
【新年UI图标】体育icon
新拟态风格 UI设计组件库
高级表盘系列UI源文件
UI 登录界面设计模板包
【新年UI图标】30个图标
手表表盘UI系列
【新年UI图标】会员icon
【新年UI图标】礼物/活动icon
APP/小程序商业项目UI模板|99个高保真UI+79个原型
拟物风质感写实UI卡片合集源文件
户外旅行飞机情侣假日出行
UI界面 组件
UI通用设计素材1
【新年UI图标】汽车icon
盲盒APP UI设计
3D卡通UI界面图标可爱插画免扣素
我的钱包-UI界面设计-app
3D渐变流体抽象矢量UI背景图
【新年UI图标】钱包icon
【新年UI图标】旅行icon
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
新能源APP应用UIKit
【新年UI图标】秒杀icon
你可能喜欢
相关收藏夹
大家都在看
登录注册