新产品的动效演示设计

Recommand
广州/设计爱好者/4年前/1840浏览
新产品的动效演示设计Recommand
imHowie
产品体内的动效设计可能很多人做了,但是对于产品如何通过动效去向用户群体表达演示
我做的大部分动效,都属于演示类的动效
向用户群体去通过动效表达产品的意义,使用操作,这是一件非常有趣的事情
上次站酷第一次发,拿到个🔥🔥,非常开心,希望这次同样精心制作的这份作品也可以得到大家的认可!
GIF有点多所以网页要加载完看起来才流畅,建议大家看完这个视频往下看GIF图
基本所有GIF图都在视频出现过了
但是部分网页上的动效演示交互也是独立制作的,感兴趣的小伙伴可以去我们产品的网站上看看
视频可以去B站或者产品官网上看60帧率的噢,绝对和德芙一样丝滑!
新产品的动效演示设计
Collect
新产品的动效演示设计
Collect
这个动效镜头在Web和Video上都有,也是个人制作的比较满意的镜头之一
在Web上导出来的是Lottie,所以可以通过鼠标滚轮去控制整个动画播放进度<br>大家有兴趣的可以前去产品官网上体验一下
这个动效镜头在Web和Video上都有,也是个人制作的比较满意的镜头之一
在Web上导出来的是Lottie,所以可以通过鼠标滚轮去控制整个动画播放进度
大家有兴趣的可以前去产品官网上体验一下
Collect
这个产品的版式是加入了算法的,可以自适应画布或者图层大小比例
所以这个镜头就是诠释了这个算法的意义
这个产品的版式是加入了算法的,可以自适应画布或者图层大小比例
所以这个镜头就是诠释了这个算法的意义
Collect
新产品的动效演示设计
Collect
新产品的动效演示设计
Collect
新产品的动效演示设计
Collect
新产品的动效演示设计
Collect
新产品的动效演示设计
Collect
新产品的动效演示设计
Collect
新产品的动效演示设计
Collect
这种海报式镜头由于颜色太多,不能一次性导出整个镜头,而且为了站酷的10M以内,我只能将品质和时间范围控制下来
所以我将它分成四个镜头,分别是出场、缩放、提取、变换
这种海报式镜头由于颜色太多,不能一次性导出整个镜头,而且为了站酷的10M以内,我只能将品质和时间范围控制下来
所以我将它分成四个镜头,分别是出场、缩放、提取、变换
Collect
“缩放”可视范围
“缩放”可视范围
Collect
“提取”一张海报
“提取”一张海报
Collect
“变换”成为版式,展示界面
“变换”成为版式,展示界面
Collect
新产品的动效演示设计
Collect
新产品的动效演示设计
Collect
新产品的动效演示设计
Collect
65
|
Report
|
23
Share
评论
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
Be the first to comment
Log in