Axure9:巧用中继器,零基础也能五步做出菜单

访客3年前黑客文章1013

编辑导读:如何通过中继器做出基本的菜单呢?本文作者通过本身的实操,从结果图到操纵步调都一一展开了阐明,并对进程中需要留意的问题举办了先容,但愿对你有所开导。

Axure9:巧用中继器,零基本也能五步做出菜单

网上关于Axure9的教程数量繁多,但对基本步调描写较少,对初次利用axure的同学不太友好。中继器作为常用成果之一,是产物人须要把握的技术,因此写下了这篇教程,但愿对各人有所辅佐。

先上结果图

Axure9:巧用中继器,零基本也能五步做出菜单

步调一:筹备素材。

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

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

Axure9:巧用中继器,零基本也能五步做出菜单

步调二:配置菜单框架。

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

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

Axure9:巧用中继器,零基本也能五步做出菜单

步调三:配置一级菜单之间的间距。

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

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

Axure9:巧用中继器,零基本也能五步做出菜单

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

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

tips:表头要用英文;

Axure9:巧用中继器,零基本也能五步做出菜单

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

tips:

假如添加方针选项没出来,可将鼠标移已往,就会出来了;

以为矩形太多,选择方针容易杂乱,可给每个矩形界说名称,样式/交互中都可以界说。

Axure9:巧用中继器,零基本也能五步做出菜单

步调五:建造菜单样式。

双击中继器,将三个子菜单组合后,在样式中配置为埋没,如赤色部门所示;

Axure9:巧用中继器,零基本也能五步做出菜单

选中一级菜单矩形,在交互中配置为单击时,显示/埋没举办切换展示。

Axure9:巧用中继器,零基本也能五步做出菜单

整个建造完成,各人可以打开预览,浏览本身的作品啦。是不是简朴而又具体?

相关文章

UI设计转行交互,需要注意什么?

UI设计转行交互,需要注意什么?

交互设计,该不应走上这条不归路?许多UI想转交互大概都问过这个问题,作者作为一个从前端入行、做了不少UI和产物事情的交互设计师过来人,从自身履历出发,对这个问题举办了阐明探讨,但愿能给想要从UI转交互...

围绕「客户」相关B端产品如何建设(一)

围绕「客户」相关B端产品如何建设(一)

编辑导语:环绕「客户」相关的B端产物应该如何建树呢?在开始之前,本文作者先通过行业配景、业务部分、业务代价、近况及诉求这几个方面为我们简朴的先容了一下故事配景,对付这个话题你有什么想法呢?接待各人留言...

品牌崛起的终极奥义:熬!

品牌崛起的终极奥义:熬!

编辑导语:品牌的树立需要长时间的运营和沉淀,面临溘然而来的千万流量,假如没有足够的内容支撑是无法持久的;所以品牌是需要打造的,优质化内容和差别化内容才是基础;本文呢作者分享了关于品牌崛起的终极奥义,我...

“绝对”营销=必须“诈骗”

“绝对”营销=必须“诈骗”

编辑导读:我们常常会瞥见一些仿佛很锋利的slogan,“代价百万的流量思维”“转头客翻倍的法门”等等,仿佛只要用了这些口号就能实现盈利。然而,抱负很饱满,现实很骨感。问题到底出在哪呢?本文作者身为消费...

分析多多买菜:拼多多为何在此时布局社区团购?

分析多多买菜:拼多多为何在此时布局社区团购?

编辑导读:2020年的疫情使得许多人“足不出户”,社区团购成为了一种买菜的新要领。嗅觉敏感的互联网大厂自然不会放过这个时机,美团优选、驿站团购、苏小团在这条赛道上互显神通。拼多多就是在这样的场景下入局...

如何设计出极简主义风格的APP界面?

如何设计出极简主义风格的APP界面?

在APP的产物设计上,极简并不是盲目追求形式上的简朴,而是巨大的升华,是布满人情味的精简设计。本文重点先容了几种极简主义气势气魄APP的界面设计要领。 一、我们为什么偏幸极简主义? 极简主义在产物设...