UI设计师 - 第四章:设计思维
分享给朋友:

按住画面移动小窗

下载
Principle-交互事件类型介绍
虎课APP支持视频下载
扫码下载/打开虎课APP
支持视频下载,随时随地学
手机观看
扫一扫,手机继续学
扫码下载/打开虎课APP
支持视频下载,随时随地学
Principle-交互事件类型介绍_虎课网
记笔记

全新AI视频总结上线

一键节省你80%学习时间

视频暂不支持AI视频总结
AI视频总结
编辑完成后,记得点我~

2.6万

已学

38小时

时长

33

配套素材

完课证书

¥199(¥299)

全站通VIP免费畅学

立即购买
学员评价 (77条评论)视频字幕
您需要学习后才可以评价, 立即学习
评论列表
仅显示有内容的评论
仅显示带图评论
排序方式:

嗨大家好我是虎课网的康立 ,OK从这节课呢我们正式介入 ,接触到这个principle的一个动画的一个 ,原理 ,那么 ,我先给大家去讲一下这个 ,principle它具体动画实现的一个原理 ,那么我之前讲过就是说principle它是一个一一对应的 ,一个 ,去做补间动画的这样一个原理 ,那么怎么去理解它呢 ,就是说我们先去 ,讲一下这个两个画板之间 ,这样一个元素的一个变化 ,那么比如说我们这边已经新建了一个画板 ,那么我们在这个画板里面去创建一个矩形 ,OK ,那么这边呢 ,大家按住Shift键可以去 ,这个等比例的,这样去缩小 ,OK我们去做一个矩形 ,然后将它填充成一个 ,黄色 ,我们既然已经有了一个画板那么画板它是这个 ,动画呢它是建立在 ,Principle里面的动画它是建立在两个画板 ,之上的至少两个画板那么它才可以 ,去有一个这样一个补间的这样一个动画那么我们先不去 ,额当然就是说在一个画板之上呢也可以去产生 ,这个联动的这样一些 ,效果那么我们先不去讲联动的一个效果 ,我们先去讲这个两个画板之间去 ,产生效果的这样一个原理 ,那么现在已经有了一个画板了 ,那么我们最这个 ,最快的假如说我们 ,这两个画板的基础的这个页面是一样的 ,只是上面有局部的东西是不一样的话 ,那么我们用最快的速度 ,是Cmd+C复制这个画板再 ,Cmd+V这样它就会粘贴出来粘贴出来一个 ,同样的画板 ,那这两个画板我们可以理解为 ,它除了 ,这两个元素 ,一样之外它其它的元素也是一样的 ,那么假如说我们要现在去对这个 ,这两个元素去做一个 ,

动画那么我们怎么做呢,我们将第二个画板的 ,元素假如说我们拖动到这个位置 ,OK ,那这个时候呢,怎么去让这两个 ,这个画板连接起来 ,那么这就是我们今天主要讲的一个动 ,接触这个Principle动画的第一个关键的一个就是行为 ,也就是事件 ,那么讲事件之前呢大家可以去 ,这个 ,这个去思考一下我们平时去做这个 ,做一些这个我们去使用软件呀这样去 ,做一些交互行为的时候都会有哪些行为那么在这个 ,额大家知道在这个移动端就是在我们的APP ,就这块的时候我们会有哪些我会有 ,这个滑动对吧这个是肯定是一个基础的 ,那么我们会有滑动会有点击 ,然后 ,嗯,然后也会有那个 ,长按这样的一个效果 ,那么我们 ,怎么去让它两个产生这个 ,这个这个图形的这个运动呢那我们点击这个 ,选中第一个画板 ,点击它后面有一个闪电的这样一个小符号 ,那我们点开之后基本上就罗列出来了 ,我们这个软件所支持的 ,这个 ,交互行为 ,那么为什么说这个软件所支持呢因为其实我们 ,在正常的这样一个 ,实际产品的一个 ,一个使用效果当中呢其实 ,除了这些之外呢可能也会有一些 ,其他的一些交互,比如说什么 ,这个 ,哎呀这个摇晃呀 ,或者说是 ,什么这个手机的这样一个抬起呀这样那可能在现在比较 ,比如说我们的Apple Watch上面那么我们整个 ,手臂抬起的话它就能感应到那当然这些 ,更多的是一个物理上面的一个 ,交互我之前讲这款软件时候也说过那么 ,它其实是不支持物理的交互的 ,那么我们先去 ,就去讲它基础的这些交互动作 ,OK那么当我们我们重新来一遍当我们点击这个 ,

后面的小闪电箭头之后我们 ,先选这个按下 ,按下呢其实这里就是 ,点击的一个意思 ,我们 ,点击 ,它然后拖动到按住啊拖动到画板2 ,那这个时候呢,上面就会出现一个这样的一个 ,额箭头那它就是 ,意思就是说 ,点击了画板一,然后触发画板二的这样一个 ,一个动作那么我们先选择画板一 ,点击一下画板一 ,诶,大家发现这个它就移动下来了,那这就是 ,它这个 ,这样一个两个画板之间去连接的这样一个事件啊 ,

登录后查看更多
UX/交互设计师
共 45 节课
网页设计师
共 166 节课
UI设计师
共 104 节课
HMI车载UI设计
共 20 节课
已是第一张图了
已是最后一张图了
记笔记

导出笔记

笔记导出历史

00:00

0/12
确定保存
笔记导出历史导出完成的笔记将保留1天,如有需求请及时下载
课程名称
导出时间
文件大小
状态
操作
AI视频总结
AI正在分析视频,请稍等…
AI总结遇到了一些问题 点击重新获取
点击重新获取
成为全站通VIP 查看完整AI总结
复制

职业路径建议意见

请选择你对职业路径课程的满意程度

请选择你对职业路径课程的满意程度

请填写关于职业路径的建议意见:

同学,小虎知道你非常努力的想学习!

老师录制课程真的也很辛苦

赞助一下吧

确定学习吗?

您每天可免费学习一个教程。

成为VIP可无限学习 !

成为VIP吧!

成为VIP吧!

您已经免费学习 1 个教程 !

我们录制教程很努力的,赞助下吧 !

升级VIP吧!

您已经学习 5 个教程啦!

我们录制教程很努力的,赞助升级下吧 !

您已经累计下载5个源文件


您在当前分类下不是VIP,赞助VIP享受无限下载


您已经累计下载5个素材文件


您在当前分类下不是VIP,赞助VIP享受无限下载


您已经累计下载5个源文件


您在当前分类下不是VIP,赞助VIP享受无限下载


您已经累计观看5个图文教程


您在当前分类下不是VIP,赞助VIP享受无限观看


学习后才能评价哦!

获得30虎课币

评论提交成功,将在审核通过后显示

×

下载素材/源文件:

收藏成功
取消成功
特惠
充值
7折购
今日还在继续学习的你,太棒了!
7
折扣券可用于
年费无限VIP
立 即
使 用
此活动优惠不可与其他活动叠加使用
有效期:000000
消息
登录即可查看消息记录
建议
意见
官方
客服
在线咨询客服热线

您可以与在线客服进行沟通获得帮助

工作日:9:00~22:00节假日:9:00~18:00

联系在线客服

您可以电话联系客服进行沟通获得帮助

工作日:9:30~18:30

400-862-9191
虎课
积分
免费学习89000+个教程!
配套素材、源文件一键下载!
昨日学员已学习了27,078
并提交了210份作业!
登录后立即学习!
loading
微信扫码关注即可登录
您需要同意协议才可以进行登录
登录虎课网,每天免费学课程全站 89000+ 视频会员教程 | 每日可免费学 1
为确保账户信息安全
请先进行真实姓名验证后进行充值付款
立即验证