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

要在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)

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容