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

访客3年前黑客文章1010

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

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:巧用中继器,零基本也能五步做出菜单

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

相关文章

如果早看了这篇大促客户体验保障方案,618你原本能多赚800w!

如果早看了这篇大促客户体验保障方案,618你原本能多赚800w!

618大促已经落下帷幕,各大商家在此次大促中销量固然达标了,用户体验却差了。大促期间奈何既担保销量又保障客户体验呢?本文从3个方面展开阐明,但愿对你有辅佐。 在企业A的大促总结会上,老板让各人聊聊对...

如何为企业搭建一套体系化的BI报表(3):会员销售报表搭建

如何为企业搭建一套体系化的BI报表(3):会员销售报表搭建

近些年来,在企业运营中数据统计和分析越来成为一项日常且重要的工作,数据报表开始在企业中承担着十足轻重的作用,本章节将结合基本的数据分析方法“分布、对比、趋势”,搭建一个体系化的“会员销售报表”。 第...

详解订单多商品多运费模板的运费计算规则

详解订单多商品多运费模板的运费计算规则

编辑导语:如今电商行业的成长迅速,物流跟电商的干系也密不行分;在电商系统中,假如一次购置多件商品应该如何计较运费?本文作者具体阐明白订单多商品多运费模板的运费计较法则,我们一起来看一下。 对付电商系...

如何“设计”用户对于京东Plus的认知和决策

如何“设计”用户对于京东Plus的认知和决策

编辑导语:各大购物app都有其会员产物,可以享受特惠价值和专属折扣,然而许多人依旧不为所动,这毕竟是为什么呢?本文作者以京东Plus会员产物为例,从行为设计学的角度来阐明我们为何会放弃电商平台上的会员...

记一次产品功能拆解重组合——PC到移动

记一次产品功能拆解重组合——PC到移动

编辑导语:如今许多软件都有PC端和移动端的版本,PC端到移动端在设计形式上也有许多变革,好比尺寸、操纵、网络的差异等等;本文作者分享了关于从PC端到移动端的产物成果拆解重组的心得,我们一起来看一下。...

TO B产品交互体系一次性推翻重构,代价很沉重

TO B产品交互体系一次性推翻重构,代价很沉重

编辑导语:To B全称是To Business即对商家(泛指企业)的产物;To C全称是To Customer即对消费者(泛指用户)的产物。To B运营更多包袱了市场、销售、民众处事环节等事项;To...