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

科技新闻 阅读(824)

要使原型移动或在原理中设计动作,您必须了解其交互形式或事件。这一次,我们来谈谈互动形式。

原理中有四种常规交互形式:静态,拖动,滚动和页面。还记得Inspector提到的水平和垂直选项吗?这些交互设置在那里。

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

启用此选项后,表示可以拖动图层,如下图所示。结合垂直和水平设置,该层具有三种不同的交互模式,如箭头方向所示。

对于滚动交互,我们当然不会陌生。在手机上查看新闻时,我们所做的是垂直滚动。同样,Scroll是设置一些我们可以滚动的图层。

页面(翻页)类似于滚动,除了页面滚动是内容的全屏幕,并且公共页面翻转具有横幅轮播。

推荐阅读:

原理中文手册:原理中文手册(2019)

夜雨y

2019.08.29 16: 16

字数374

要使原型移动或在原理中设计动作,您必须了解其交互形式或事件。这一次,我们来谈谈互动形式。

原理中有四种常规交互形式:静态,拖动,滚动和页面。还记得Inspector提到的水平和垂直选项吗?这些交互设置在那里。

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

启用此选项后,表示可以拖动图层,如下图所示。结合垂直和水平设置,该层具有三种不同的交互模式,如箭头方向所示。

对于滚动交互,我们当然不会陌生。在手机上查看新闻时,我们所做的是垂直滚动。同样,Scroll是设置一些我们可以滚动的图层。

页面(翻页)类似于滚动,除了页面滚动是内容的全屏幕,并且公共页面翻转具有横幅轮播。

推荐阅读:

原理中文手册:原理中文手册(2019)

要使原型移动或在原理中设计动作,您必须了解其交互形式或事件。这一次,我们来谈谈互动形式。

原理中有四种常规交互形式:静态,拖动,滚动和页面。还记得Inspector提到的水平和垂直选项吗?这些交互设置在那里。

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

启用此选项后,表示可以拖动图层,如下图所示。结合垂直和水平设置,以箭头方向显示该图层,并具有三种不同的交互形式。

对于滚动交互,我们当然并不陌生。在手机上查看新闻时,我们要做的是垂直滚动。同样,“滚动”用于设置一些可以滚动的图层。

页面翻转与滚动相似,不同之处在于它可以滚动整个屏幕。标语旋转是最常见的页面翻转。

推荐阅读:

中文原理手册:中文原理手册(2019)