纵向广告1
热评文章
纵向广告2
美国AxureSoftwareSolution公司的旗舰产品AxureRP是一款专业的快速原型工具,它使负责定义需求和规范、设计功能和接口的专家能够快速创建应用软件或网站的线框、流程图、原型和规范文档。
AxureRP的使用者主要包括商业分析师、信息架构师、产品经理、IT咨询师、用户体验设计师、交互设计师、UI设计师等,另外,架构师、程序员也在使用Axure。作为专业的原型设计工具,它能快速、高效的创建原型,同时支持多人协作设计和版本控制管理。
AxureRP的用户主要有业务分析师、信息架构师、产品经理、IT顾问、用户体验设计师、交互设计师、UI设计师等。此外,架构师和程序员也在使用Axure。作为专业的原型设计工具,可以快速高效地创建原型,同时支持多人协同设计和版本控制管理。
Axurerp9
接下来,我们来说说如何用这个软件做一个原型转盘。该方法包括以下步骤:
步骤1:创建一个动态面板
首先打开Axurerp软件,会直接进入到page1,就是一个新的文件页面。
首先打开Axurerp软件,你会直接进入page1,这是一个新的文件页面。
Axurerp初始化接口
现在开始我们的正文了,我们先简单拉一个矩形,然后选中点击右键出现选项卡,选择创建动态面板。
现在让我们开始我们的文本。首先,我们简单地绘制一个矩形,然后选择右键单击选项卡,并选择创建动态面板。
创建动态面板
步骤2:向动态面板添加四个状态。
接下来,我们看到界面右侧那里有页面和大纲的两个切换卡,点击大纲。
接下来,我们在界面右侧看到两张带有页面和轮廓的切换卡。单击大纲。
界面右侧
然后找到动态面板那一层,鼠标悬停在状态1,会出现一个小图标,这个小图标是复制动态按钮,点击就能直接复制出一个状态了。
然后找到动态面板的图层,将鼠标悬停在状态1上,会出现一个小图标。这个小图标就是复制动态按钮,点击它可以直接复制一个状态。
概述
我们复制多两个看看,效果如下图所示。
我们再抄两张看看吧。效果如下图所示。
三种状态
第三步:设置四种状态的组件内容。
从上图可以看出,每个状态都已经包含了一个矩形。当然,你想删也没关系。不删除的话,想往里面添加组件的时候可以盖一下。
当然我这里先不删除,先给大家试试轮播效果,可以分别选中每个矩形,把颜色填充换一下。
当然这里就不删了。我们先试试旋转木马效应。您可以分别选择每个矩形并更改颜色填充。
变色
颜色换好以后我们开始下一步,选中动态面板,选择第三个横向滚动,当然你想纵向也可以。
颜色更改后,我们将开始下一步,选择动态面板,并选择第三个水平滚动。当然,如果你愿意,也可以垂直滚动。
设置滚动
步骤4:选择动态面板来创建新的交互。
设置滚动之后还不可以轮播,我们还需要选中动态面板设置交互,也是重点步骤,我们在右侧就可以找到设置交互的选项栏:
滚动后,不能旋转。我们还需要选择动态面板来设置交互,这也是关键的一步。我们可以在右边找到设置交互的选项栏:
新互动
(1)点击新建交互,下拉找到载入时选项,当然也可以直接搜索载入时。
(1)点击新建交互,下拉找到加载时的选项。当然,加载时也可以直接搜索。
单击加载。
(2)选择了载入时后会直接跳出事件选项卡,在里面找到设置面板状态。
(2)选择加载时,直接弹出事件页签,在其中可以看到设置面板状态。
单击设置面板状态。
(3)选择设置面板状态后,进行最后的动画添加处理,目标元件选择(动态面板),状态选择下一个,设置从最后一个到第一个自动循环,设置动画效果,这个想怎么滑动按个人发挥,循环间隔看自己的设定,我这里设置1000毫秒。之后就完成了所有的设置了。
(3)选择设置面板状态后,进行最后的动画添加过程,选择目标元素(动态面板),选择下一个状态,设置从最后到第一个自动循环,设置动画效果。这个怎么滑取决于你自己的设置,循环间隔取决于你自己的设置。我在这里设置为1000毫秒。之后,所有的设置都完成了。
设置动画效果
接下来我们点击右上角绿色的图标,点击跳转浏览器查看预览效果。
接下来我们点击右上角的绿色图标,点击跳转浏览器查看预览效果。
预览按钮
这是我设的三个矩形,如果你们想要图片轮播,可以直接在动态面板的每个状态里加图片,我这里直接用矩形演示。
这是我设置的三个矩形。如果要旋转图片,可以直接在动态面板的每个状态中添加图片。这里我直接用矩形来演示。
旋转a





