课程专辑
以点破面 专精学习
文章 / 软件下载
行业动态 下载软件
作品/IP合作
赏析作品 IP赋能商业
超职套课
海量好课 单套购买
优质讲师
变得和他们一样优秀
虎课APP
APP下载
AI智能抠图
2步搞定抠图
登录虎课网,享更多学习特权
89000+教程免费学
多端同步学习记录
一课一练作业点评
每日 1 课天天免费
了解更多>企业VIP尊享特权
主账号管理
多人团队协作必备
学习内容管理NEW
及时了解学习进度
报销无忧
正规发票 极速开票
专属客服服务
反馈优先响应
助力企业打造全方位的新职业人才
可搜索课程、软件、讲师、读书、直播
您还没有专辑
开始创建自己的专辑吧
按住画面移动小窗
免费学习即将结束
关闭继续学习>
交互动画设计-零基础学Figma
虎课APP支持视频下载缓存
扫码下载/打开虎课APP
支持视频下载,随时随地学
复制链接
QQ分享
微信分享
全新AI视频总结上线
一键节省你80%学习时间
关注人数:22959
综合评分: 10
使用软件: 暂无
难度等级:新手入门
视频时长:32分16秒
1.线性图标设计-零基础学Figma
2.面型图标设计-零基础学Figma
3.玻璃拟态页设计-零基础学Figma
4.完整项目设计-零基础学Figma
5.交互动画设计-零基础学Figma
6.单屏网页设计-零基础学Figma
7.响应式网页设计-零基础学Figma
8.B端表格页设计-零基础学Figma
9.B端规范搭建-零基础学Figma
本次课程讲解Figma零基础系列课程-第六课【交互动画设计】-连线动画效果说明,同学们可以在视频下方评论区进行留言,老师会根据你们的问题进行回复。
那我们开始今天的教程吧。
1.首先【Protopie】、【Principle】或者其他的动画软件交互动效工具,都能做出非常多有效的动画,但需要跳转其他软件界面操作,本节课分享交互动画设计,【Prototype】制作原型的功能面板。
2.①、选择【搜索】元素图标,然后点击【Prototype】,②、元素右侧中间会出现一个点,③、添加连线的事件和效果,④、点击播放按钮,预览效果。
3.点击连线右边【Prototype】功能面板会出现【Interaction details】的说明,点击【Click】跳转到【Search】页面,实现简单的交互跳转。
4.跳转到某个地方【Navigate to】,跳转到某个页面【Search】,【Animation】指的是动画效果包含:【Instant】是简单的点击,【Dissolve】慢慢过渡的效果,还可以调整过渡时间,【600ms=0.6秒/1000ms=1秒】。
5.正常操作【East out/East in】的功能是指缓动效果,【East in and out】万金油公式,最常用的缓入缓出动效。
6.匀速过渡【Linear】的效果,一般还是用【Ease in and Ease out】偏多,动效合理的区间一般是【0.2-0.4秒】,【Smart animate】是非常重要的功能,【Move in/Move out】是移动效果。
同学,小虎知道你非常努力的想学习!
老师录制课程真的也很辛苦
您每天可免费学习一个教程。
成为VIP可无限学习 !
成为VIP吧!
您已经免费学习 1 个教程 !
我们录制教程很努力的,赞助下吧 !
您已经学习 5 个教程啦!
我们录制教程很努力的,赞助升级下吧 !
您在当前分类下不是VIP,赞助VIP享受无限下载
您在当前分类下不是VIP,赞助VIP享受无限观看
确认要删除这条评论吗?删除后将无法恢复。
评论提交成功,将在审核通过后显示
当日最多删除五条评论
下载素材/源文件:
《交互动画设计-零基础学Figma》
作品0个
个赞
学习0天
导出笔记
笔记导出历史
00:00
您可以与在线客服进行沟通获得帮助
工作日:9:00~22:00节假日:9:00~18:00
您可以电话联系客服进行沟通获得帮助
工作日:9:30~18:30