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

用户头像
北京/UI设计师/336天前/123浏览
【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卡片合集源文件
新能源APP应用UIKit
手表表盘UI系列
智能家居中心 简约 UI设计组件库
【新年UI图标】30个图标
抽象液态渐变UI背景模版
高级感金属拟物 UI设计组件库
【新年UI图标】优惠券icon
UI 登录界面设计模板包
【新年UI图标】珠宝icon
新拟态风格 UI设计组件库
UI通用设计素材1
科技医疗透明柜UI界面设计
盲盒APP UI设计
UI界面 组件
3D渐变流体抽象矢量UI背景图
Security Camera UI kit
UI应用平面图标
3D卡通UI界面图标可爱插画免扣素
我的钱包-UI界面设计-app
【新年UI图标】钱包icon
【新年UI图标】游戏/娱乐icon
你可能喜欢
相关收藏夹
地产VI
地产VI
地产VI
地产VI
大家都在看
登录注册