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

如题所述

第1个回答  2022-06-03
要在Principle中让原型动起来或者进行动效设计,就必须要了解它的交互形态或者事件,这一次,我们先讲交互形态。

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

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

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

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

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

推荐阅读:

Principle中文手册: Principle中文手册(2019)