Axure9原型设计:动态面板实现页面增删改查模式弹窗效果

修正导语:Axure是一个专业的快速原型规划东西,它能快速、高效的创立原型,一起支撑多人协作规划和版别操控办理。本文作者就针对Axure9,谈了谈动态面板怎么完结页面增修正查形式弹窗作用。

修正导语:Axure是一个专业的快速原型规划东西,它能快速、高效的创立原型,一起支撑多人协作规划和版别操控办理。本文作者就针对Axure9,谈了谈动态面板怎么完结页面增修正查形式弹窗作用。

其实相相似的文章许多,仅仅发现在9.0的版别下,没有示例,所以做了一个简略的示例阐明。

差异于8.0的版别,Axure9.0一些细节的改动让人感觉陌生了些。

进程如下:

一、动态面板设置 1. 拖出动态页面,双击进入动态页面规划页面,增加相应的状况

比方增修正查四个状况,然后就在这四个状况下,完结各自的规划:

其间确认按钮,有个点击事情,是用来躲藏动态面板,其实没有这个事情,鼠标点击在页面外也能够完结躲藏作用,仅仅增加了用户操作学习的本钱。

2. 规划完动态面板各个状况之后,修正动态面板的几个特点

  1. 勾上“自适应内容”;
  2. 设置“固定到浏览器”,弹出后页面的方位,我设置为反正居中;
  3. 初始状况“不行见”(这个很重要)。

完结弹出作用,不需求在动态面板上增加交互。

二、弹出的操作 1. 给增修正查几个按钮,增加对应的交互

每个交互都是相似的,罗列概况按钮。新建交互的时分,鼠标在移动进程中会呈现“增加景象”“增加方针”“增加动作”这些提示(交互的设置个人觉得跟8.0版别差异比较大)。

翻开交互修正器,按次序:增加事情、增加景象、增加方针、增加动作、设置动作:

  1. 增加事情:单击时;
  2. 增加景象:“概况”,留意的是,没有设置任何条件,相当于 if 1=1 的作用;
  3. 增加方针:挑选动态面板;
  4. 增加动作:这里有2个动作“显现/躲藏”、“设置面板状况”,意思是:点击概况按钮时,以灯箱作用来显现动态面板的概况页。

2. 给其他几个按钮也设置相似的交互

每个按钮需求显现的动态面板状况页面不同。

作用:https://e6osrz.axshare.com

本文由 @头发渐少脾气渐涨 原创发布于人人都是产品司理,未经许可,制止转载

题图来自 Pexels,根据 CC0 协议