零基础新手怎么使用Axure中继器做出菜单原型?

如题所述

零基础新手怎么使用Axure中继器做出菜单原型?本文通过实际案例操作分享,从效果图到操作步骤都一一展开分析,并对过程中需要注意的问题进行了介绍,希望对大家有所启发,感兴趣的小伙伴就学习起来。入门Axure做产品经理,就上来学习!精选多套优质Axure自学视频课,综合全面的教会大家Axure软件基础操作以及原型交互,让你可以理论+实践全面发展~

零基础新手使用Axure中继器做出菜单原型步骤:

步骤一:准备素材。

从左侧元件拖出4个矩形,排列成菜单展开的样式;也准备一个中继器,直接从左侧元件处拖到画布上即可。

tips:可以使用ctrl+shift,直接将矩形往下拖,同ppt。

步骤二:设置菜单框架。

双击中继器,把原本的框去掉,将菜单样式放进去,然后点击右上角的关闭,可以看到整个菜单的框架。

tips:整个菜单得放在虚线框中,超出虚线的部分不会展示出来。

步骤三:设置一级菜单之间的间距。

设置样式-间距10px,让二级菜单跟下方的一级菜单分开。

tips:样式-间距的位置比较靠后,得往下滚动甚至是拖动,才能看到间距。

步骤四:填充菜单的填充内容。

在样式-数据中填写文字,其中menu对应一级菜单名称,name1对应一级菜单下的第一个子菜单名称,以此类推。

tips:表头要用英文;

将文字填入中继器。进入交互,选择一级菜单对应的矩形,编辑值为[[item.menu]],完成后点击添加目标;选择第一个子菜单对应的矩形,编辑值为[[item.name1]],完成后点击添加目标,以此类推。

tips:

如果添加目标选项没出来,可将鼠标移过去,就会出来了;

觉得矩形太多,选择目标容易混乱,可给每个矩形定义名称,样式/交互中都可以定义。

步骤五:制作菜单样式。

双击中继器,将三个子菜单组合后,在样式中设置为隐藏;

选中一级菜单矩形,在交互中设置为单击时,显示/隐藏进行切换展示。

整个制作完成,最终效果:

好咯,关于“零基础新手怎么使用Axure中继器做出菜单原型?”的内容今天就分享到这里了,希望你能从中学到东西哦!Axure学习,的Axure相关文章、Axure自学视频课都是不错的选择!文字理解能力强的话,个人推荐Axure文章学习;但是想要专业学习Axure的话,还是推荐大家选择Axure自学视频课系统学!不仅可以更加清晰有条理,大家也都能够利用自己的碎片化时间学习!

温馨提示:答案为网友推荐,仅供参考
相似回答
大家正在搜