动效设计Principle:事件介绍

Principle教程 夜雨 168℃
事件是Principle中频繁使用的功能,主要的功能是可以让静态内容按照事件动作的定义动起来,例如点击事件,就是通过鼠标/手指点按动作让静态内容产生交互。

1.事件的定义

事件的转换发生在不同的画板之间,可以通过画板或者某一个图层发起对另外一个画板的事件。选中图层或画板时,右侧会有一个“闪电”的图标,单击该图标会出现事件列表,选中某一个事件,并拖动到目标画板,即可完成事件的添加。添加完成后,可以看到两个画板之间,有一根带箭头的直线建立了联系。

2.事件的种类

事件一共有12种,分别是:
tap(点击):最常见的点击事件
Long Press(长按):按住0.5秒后触发的事件,在移动端中比较常见
Scroll Begin(滚动开始):当图层滚动开始时触发的事件,例如页面开始滚动时就触发,这个事件对翻页同样作用
Scroll Release(滚动释放):手或者鼠标抬起,滚动过程中触发的事件,这个事件对翻页同样作用
Scroll End(滚动停止):图层结束滚动时触发的事件,例如页面停止滚动时才触发,这个事件对翻页同样作用
Drag Begin(拖动开始):当按住一个图层,开始拖动时,就会触发的事件,例如新版QQ,拖动文件就会在右上角出现“拖到此处发给QQ好友”
Drag Begin(拖动结束):拖动图层松开后就会触发的事件。
Hover Inside(鼠标移入):当鼠标移入图层时发生的事件,常见于按钮的悬浮状态变化
Hover Outside(鼠标移出):鼠标移出图层时发生的事件
Auto(自动):可以理解为页面载入时就触发的事件,往往用在loading动画设计中

转载请注明:爱交互 » 动效设计Principle:事件介绍

喜欢 (0)