五天Principle从入门到精通03-动画的基本逻辑

小编:五天Principle从入门到精通,一起来学习吧~

《五天Principle从入门到精通01-简单的Toast动画制作》

《五天Principle从入门到精通02-Sketch的导入》

本次的课程理论知识比较多,可能会略显枯燥,但是做什么都要是要有坚实的理论基础的,这样才能最大化的发挥软件性能,做出更加酷炫的动画,下面我们开始今天的课程。

1. Principle中对象的四个交互属性

物件的交互属性,包括4个状态,横轴纵轴都可以调节。如图:

Static(静止的,静态的):这个是所有物件的默认状态,这个物件是不能被移动的。

Drag(拖动):例如做悬浮窗

Scroll(滚动):我们看到的大部分页面都是Scroll组件,例如瀑布流的页面,有了scroll才有了我们“刷”手机的的动作。

Page(翻页):这个概念不是很好理解,暂且理解成翻页吧,有了这个交互的概念,我们可以容易的做到下面的效果:

2. Principle动画触发条件

讲在前面,点击事件的逻辑分析,我们在PC上使用鼠标时,鼠标的一个点击会被分解成多个动作,

①鼠标按下

②鼠标抬起,

这样完成了一次鼠标点击的动作,除此之外还有

③鼠标移动,

④在3Dtouch中还有用力按压,增加了压力感应;

鼠标悬浮在某物体上方,(移动端不存在)

鼠标移出某物体上方,(移动端不存在)

以上,多个动作的组合就形成了多种交互方式,也就是我们要学习的动画触发条件。

Principle将所有的动画触发条件都集合到了⚡️闪电按钮中:

Principle的强大也表现在这里,这样的设计可以让系统做到:用户在同一个控件上执行不同的操作后,出现不同的动画效果或跳转到不同的页面。

下面我们来讲解一下每个按钮的意思,字面可以理解的我就不解释了。

1. Tap(点击):①鼠标按下;②鼠标抬起;

2. Long Press(长按):交互代码:① ① ②  

(0)

相关推荐

  • 火山小视频从入门到精通干货秘籍(一)

    本教程为火山小视频系列教程,会告诉你一步步的从入门到精通的全部过程,这是第一期,本期先教会你如何使用火山,如何赚取第一点火力. 第一节 登陆火山小视频 01 安装. 大家自行安装即可(如果已安装登陆, ...

  • 新手如何通过java自学视频教程入门到精通

    很多人一听java可能觉得很难,但其实只要你多看多思多练也可以学好java,下面小编就来告诉大家新手如何通过java自学视频教程从入门到精通吧 操作方法 01 首先,你需要定好每一个阶段的目标.刚开始 ...

  • 第五人格的新手入门教程详解

    第五人格的新手入门介绍. 操作方法 01 在app store 上下载好第五人格的游戏.下载完成之后,进入游戏界面.每天签到可以领到对应的物品,新手活动跟赛季活动也会每天在送礼物,记得在邮件里面查收. ...

  • UG8.0从入门到精通教程

    UG是机械设计从业者经常使用额软件之一,如何学习此款软件呢?怎样才能从入门学到精通呢?以下我学习UG软件的,供大家参考. 操作方法 01 第一步,学习草绘.草绘里面的命令全部要熟悉,,包括插入里面的命 ...

  • C语言入门到精通

    C语言是一门通用计算机编程语言,应用广泛.设计目标是提供一种能以简易的方式编译,是一门很实用的编程入门语言,很多小伙伴都想学习C语言,却迫于无赖,找不到好的方法,那我就给大家讲讲我的吧,希望我的绵薄之 ...

  • LOL英雄联盟从入门到精通 最适合新手的教程

    详细看完本攻略并熟记后,排位分数仍没有突破1600本人免费退货~~新手攻略大神莫喷 不喜绕行..小弟不才 请多多指教 操作方法 01 第一章 英雄的了解与分类 其实我个人认为,想要玩好英雄联盟,就得先 ...

  • 最适合新手的经典教程:LOL从入门到精通

    所有内容说的都是很笼统,想一一的解释清楚很难,所以希望大家抱着举一反三的态度来看,详细的深入的思考下,会有百分之200的收获.所有我提到的东西,都是小弟觉得必须掌握的东西,所以大家如果有什么地方觉得写 ...

  • 第五人格手游攻略 第五人格游戏新手入门怎么玩

    第五人格是现在非常火的一款游戏,现在小编就来介绍一下游戏规则. 操作方法 01 这款游戏需要五个玩家参与,四个求生者和一个监管者.监管者负责抓求生者,而求生者必须逃脱才能获胜. 02 求生者需要破译五 ...

  • 轻松上手 无线路由器设置从入门到精通图文教程

    众所周知,无线信号是数据传输的载体,这意味着无线网络的稳定与无线信号有着非常直接的关系。其实,要想让无线路由器处于一个非常稳定的状态,必须对路由器进行一系列的合理设置,在实际应用中,很多用户购买了无线 ...