全教育培训行业第三方平台平台就业机构
扫码试听
扫码试听
Q:2638333071
首页 > 课程问答 > > axure怎么做交互(axure怎样做交互)
行业动态 行业问答 课程问答 零基础学习 就业前景 技术干货

axure怎么做交互(axure怎样做交互)

发布时间:4 周 前 栏目:课程问答 浏览:

1、axure怎么做交互

具体操作步骤如下:

打开axure软件,进入体统页面,点击如图位置新建文档

axure界面是这样的,最上面是菜单栏,靠下位置为属性栏,中间是操作区域,右侧有交互效果

我们点击左上角的主页位置,首先我们修改左上方菜单的名字,修改名的时候单机下稍等片刻后再点击一下,就可以修改名字了,我们将index修改为中文“主页”

下面的三个文件名称修改方法一样

将名称修改完成后,双击主页文件,找到左下方的图片,拖入中间,然后双击图片将自己的微信主页拖入

将图片位置调整为 0,0,位置后面为图片大小,也可以根据画面修改为合适尺寸

剩下的“通讯录”、“发现”和“我”的操作方法相似,将图片分别置入各自菜单中

下面做的就是对图片的交互处理,找到如图所示位置“热区”,将“热区”拖入图中“微信”的位置,(热区就是我们手点击的区域范围)

点击右侧位置“鼠标单击时”操作效果

“打开连接”-选择主页的位置,点击确定,主页位置的交互完成

(当点击主页的时候,就会连接到主页的位置)

然后再次点击热区,将热区放到通讯录的位置,然后按照上面的操作方法,点击鼠标的时候,打开通讯图片的链接

同样的方法,将剩下的“发现”和“我”,做同样的效果处理

上面的操作都只是在“主页”里面的操作,只有在“主页”点击才会跳转到别的页面,我们所要做的是在每个页面都有同样的效果,所以我们将刚才在“主页”的交互操作分别复制到剩余三个页面中;

按住Shift分别选中四个交互效果,然后ctrl+c复制到各个页面中粘贴

将全部效果做完之后,就可以点击右上角的“预览”模式在浏览其中观看效果

Axure是一款快速原型软件,用于软件产品(如WEB界面和APP界面)的交互原型。它是互联网产品经理、交互设计师、架构师等的必备软件之一。Axure作为交互式原型软件,交互式文档具有互操作性和兼容性的优点

axure怎么做交互

2、Axure RP 8怎么设计弹窗交互模型

Aure是一款十分方便的页面交互模型软件。是每一个合格的产品狗必备的技能之一。虽然小编不是产品狗,但是没事也是挺喜欢玩这个软件的。下面,就分三个步骤,首先主界面组合,其次弹窗组合,最后隐藏弹窗。来教教大家Aure如何实现简单的弹窗交互。

一、绘制弹窗

1、打开Axure,小编就以某读书软件的一个活动为例,教教大家如何实现弹窗。

2、我们就按照这个模型。首先,托一个矩形到index,调整好大小。

3、托一个主要按钮到index,调整好位置,将按钮名称改好。

4、这个组合就作为主界面。然后我们开始弄弹窗。

二、弹窗组合

1、将一个矩形和一个主按钮拖到index,改好名称并调整好位置

2、选择这个组合,点击右键,在菜单栏中选择组合

三、隐藏弹窗

1、选择这个组合,右击拉出隐藏栏选择隐藏

2、鼠标左键将弹窗选择隐藏

3、 双击选择 关闭 按钮

四、呼出弹窗按钮设置

1、点击 想要呼出弹窗的按钮 点击如图位置的 鼠标单击时

2、在拉出的菜单中 选择勾选刚才的组合,要把组合内所有的模块都勾选上。点击确定。

3、将 弹窗移动到合适的位置 按键盘F5进行阅览

4、按下键盘F5后,会代开浏览器,然后点击我们刚才设计的交互

5、就会弹出窗口啦!

6、 最后的最后!Axure作为一个原型图软件功能还是十分强大的,小编这里讲的仅仅作为一个展示。

axure怎么做交互

3、Axure8.0怎么进行列表左右滑动交互设计?

Axure原型设计中,列表左右滑动交互效果也不少见!可是最近有不少的小伙伴说不会进行Axure设计列表左右滑动交互效果。为此,接下来就为大家简单的分享设计过程~另,Axure产品需求原型图不会画?来,专业讲师教你0基础学习Axure,快速从产品小白到原型大神~提供7套(不断更新)Axure原型交互自学视频课,无论新老手都可以综合学习掌握~

Axure8.0列表左右滑动交互设计教程:

一、制作原型

拖动一个【动态面板】元件命名为内容架构,在动态面板中加入一个中继器,并对中继器中加入一个动态面板命名为“滑动操作”,并对面板进行三个动态设置

正常状态:

向左状态:

向右状态

此时所有的元件准备就绪,接下来是交互设置

二、交互设置

选择动态面板“滑动操作”,进行“向左拖动结束时”事件和“向右拖动结束时”事件设置

向左拖动结束时

向右拖动结束时

所有的设置完成。

以上就是羽兔为大家分享的“Axure8.0怎么进行列表左右滑动交互设计?”相关内容了,怎么样?是否对你的Axure原型图绘制有所帮助!学Axure,单一知识恐难全面产品原型交互,不如更多Axure文章展开学习~最后,我个人认为:学习任何东西,有专业的人士带着学习,总比自己琢磨摸索要效果更好!因此,你如果也想要快速学会Axure的话,建议是跟着我们的专业讲师学习哦~

上一篇:没有了
技术干货
零基础学习
行业多年深耕,从这报名,学费立减800
  • 岳同学180****1241刚刚成功领取
  • 胡同学134****6431刚刚成功领取
  • 李同学150****6122刚刚成功领取
  • 张同学136****2231刚刚成功领取
  • 孙同学178****5521刚刚成功领取
  • 齐同学156****7788刚刚成功领取
猜你喜欢
查看更多
相关推荐
查看更多
现在学习,我的薪资能达到多少?
立即报名

联系我们:

Q:2638333071

鄂ICP备2023015464号