要在Principle中让原型动起来或者进行动效设计,就必须要了解它的交互形态或者事件,这一次,我们先讲交互形态。
1、Principle中有四种通用的交互形态
Principle中有四种通用的交互形态:Static(静态)、Drag(拖动)、Scroll(滚动)和Page(翻页),还记得检查器提到的Horizontal(水平)和Vertical(垂直)选项吗?这些交互形态就是在那里设置的。
2、交互形态具体说明
(1)Static(静态)
我们默认添加的图层都是静态的,例如,在画板中添加一个矩形,它是固定在原地的,不能向任何一个方向拖动。
(2)Drag(拖动)
当启用这个选项时,意味着图层可以被拖动,如下图所示,结合垂直、水平的设置,图层按照箭头方向所示,有三种不同的交互形态。
(3)Scroll(滚动)
对于滚动的交互,我们肯定不会陌生,在手机上查看新闻时,我们做的就是垂直滚动的操作,同理,Scroll(滚动)就是设置我们可以滚动一些图层。
(4)Page(翻页)
Page(翻页)和滚动类似,只是翻页滚动的是一整屏内容,常见的翻页有banner轮播。
推荐阅读:
Principle中文手册:Principle中文手册(2019)