www.6600kk.comAxure教程 使用母版快速搭建APP界面框架

日期:2020-01-27   

  Axure的母版想必大家都不陌生了吧,在项目中使用母版能大幅提高重复劳动的工作效率,特别是在需求产生变更调整原型的时候。

  一个合理的母版结构能大幅的缩减繁琐的工作,下面我们就以APP前端界面的构建为实例,了解如何使用母版快速搭建一个灵活的APP界面框架。

  母版的好处不言而喻,任何页面用到了母版的内容,只需要在母版里修改所有地方都会被自动修改,相当于引用的关系。www.6600kk.com

  母版中的内容直接拖拽到页面中可以直接展示,但为了能更好的将原型展示出来,我们还需要构建显示的层级关系。为原型加上可演示操作的基础动画。

  经过如上的步骤,我们就已经将大致的内容框架做完,我们为导航设置点击事件。

  期望的结果是,点击对应导航,则切换显示动态面板B中的对应状态。然而却遇到了问题:

  母板中的元件都是独立的,在Axure右下方的概要页面中我们只能看到该母版中的元件,是无法看到并操作其它母版中的元件的。要实现导航的交互,我们还需要学习一个知识点,母版自定义事件。

  鼠标单击导航条目的时候,触发对应的自定义事件。例如点击投资则触发touzi自定义事件。

  有自定义事件的母版,在其它页面引用后,在属性面板中能看到该母版的对应事件

  为对应的自定义事件,添加交互逻辑。点击四个导航,切换显示动态面板B的四个状态。

  如果你有一定的研发基础,不难发现母版是提供基础信息展示的地方【对象】,方便你复制、黏贴、引用【继承】。与其它元件的交互则在母版外部完成,母版暴露自己的自定义事件【接口】,这些事件在引用到它的页面中完成不同的交互【实现】。

  以上我们就构建了一个适用于大部分APP的前端原型架构,如果技术娴熟,并不会耗费多长时间,做好后的效果大致如下:【我的原型为高保真效果,大家理解结构层次和方法即可,不必照学】

  动态面板A中的内容过大时,会自动产生滚动条,实际在动态面板A中上下滚动时,是在滚动动态面板B中的内容。

  LZ,我根据你这个做了一个,然后发现有个地方不是很理解,就是做tab的时候为什么需要加全局变量。我试着把全局变量删除好像没啥影响。

  一般用内联框架和 两层动态面板就好了,一个模块会一个页面,58777开奖现场直播室“妹儿姐姐”自媒体社会领域,如果过多的动态面板会造成讲解的不便,给ui的时候会容易丢失一些内容

  作为一个产品经理而不是纯粹的交互设计师,真的有必要把原型的交互做的这么丰富吗?

  人人都是产品经理(是以产品经理、运营为核心的学习、交流、分享平台,集媒体、培训、社群为一体,全方位服务产品人和运营人,成立9年举办在线+期,线+场,产品经理大会、运营大会20+场,www.G49069.com,覆盖北上广深杭成都等15个城市,在行业有较高的影响力和知名度。平台聚集了众多BAT美团京东滴滴360小米网易等知名互联网公司产品总监和运营总监,他们在这里与你一起成长。