axure图片怎么设置翻动?

黄佳欣            来源:优草派

Axure是一款流行的交互设计软件,可以设计各种网站和应用程序的原型。该软件提供了创建各种组件的方法,包括图片和翻书效果。但是如何设置翻动效果呢?

axure图片怎么设置翻动?

一种常用的方法是使用Axure自带的翻书部件。以下是使用该部件创建翻书效果的步骤:

1. 在Axure中创建一个新页面,并添加一些图片。

2. 点击“部件”选项,选择“翻转部件”并将其拖动到页面上。

3. 将翻书部件拖到图片上并调整大小,确保它完全覆盖图片。

4. 在“交互”选项中,将“交互类型”设置为“翻转页”或“翻转角”,具体取决于所需的效果。

5. 在“动作”栏中,可以设置动画时长、转场效果和动画方式等。

6. 完成设置后,在预览模式下查看效果。

另一种常用的方法是使用Axure的交互式动态面板。以下是使用该面板创建翻书效果的步骤:

1. 创建一个新的动态面板,并将其大小调整为所需大小。

2. 将所需数量的页面添加到面板中,以便可以按顺序访问它们。

3. 选择每个页面上的图片并将其转换为“状态”。

4. 为“状态”添加“转换”动画,并设置其方向、时长和转场效果等。

5. 设置翻书效果的触发器(例如点击、鼠标悬停等)。

6. 完成设置后,在预览模式下查看效果。

可以通过上述两种方法之一来创建Axure图片翻书效果。需要注意的是,这些方法只是翻书的基本概念,您可以根据自己的需求进行更多的自定义设置,以获得更好的用户体验效果。

【原创声明】凡注明“来源:优草派”的文章,系本站原创,任何单位或个人未经本站书面授权不得转载、链接、转贴或以其他方式复制发表。否则,本站将依法追究其法律责任。
TOP 10
  • 周排行
  • 月排行