动效设计Principle:交互形态介绍

Principle教程 夜雨 250℃
要在Principle中让原型动起来或者进行动效设计,就必须要了解它的交互形态或者事件,这一次,我们先讲交互形态。

1、Principle中有四种通用的交互形态

Principle中有四种通用的交互形态:Static(静态)、Drag(拖动)、Scroll(滚动)和Page(翻页),还记得检查器提到的Horizontal(水平)和Vertical(垂直)选项吗?这些交互形态就是在那里设置的。

2、交互形态具体说明

(1)Static(静态)

我们默认添加的图层都是静态的,例如,在画板中添加一个矩形,它是固定在原地的,不能向任何一个方向拖动。

(2)Drag(拖动)

当启用这个选项时,意味着图层可以被拖动,如下图所示,结合垂直、水平的设置,图层按照箭头方向所示,有三种不同的交互形态。

(3)Scroll(滚动)

对于滚动的交互,我们肯定不会陌生,在手机上查看新闻时,我们做的就是垂直滚动的操作,同理,Scroll(滚动)就是设置我们可以滚动一些图层。

(4)Page(翻页)

Page(翻页)和滚动类似,只是翻页滚动的是一整屏内容,常见的翻页有banner轮播。

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

喜欢 (1)