- 博客(64)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 Session12-拖拽动效 | 剑雨Axure RP9系列【进阶】
Session12-拖拽动效在本节中，您将学习到如何设置一个元件的可拖动性，并学习设置元件在拖动释放后的动效设置。元件与步骤拖入一个占位符，右键将其转换为动态面板（转换为动态面板是因为在AXURE中只有动态面板才有拖动的事件）；设置元件的拖动跟随（设置为跟随鼠标）；如下图所示：默认在拖动结束后元件释放到当前位置（而非初始位置）拖动结束后回初始位置在上述基础上给该面板再设置...
2019-08-20 23:39:04
1850
原创 Session11-手风琴效果的制作Accordion Menu | 剑雨Axure RP9系列【进阶】
Session11-手风琴效果的制作Accordion Menu此节主要介绍手风琴效果（包括进一步的抽屉菜单）的制作。思路分析单击不同的栏目时，展开该栏目下的选项或内容，并同时将处于自己下方的其他栏目往下推动（相像一下拉手风琴时的效果）因此可以将需要展示的部分放入动态面板中，在设置动态面板的显示时往下推动元件（动态面板的向下推动元件效果）元件准备及步骤拖入两个矩形，将第一个矩形的文字...
2019-08-20 23:38:30
1079
原创 Session10-选项卡制作 | 剑雨Axure RP9系列【进阶】
Session10-选项卡制作如果熟悉动态面板交互的话，选项卡的制作其实是非常简单的。分析点击两个不同的迎按钮时，出现不同的选项，这两个不同的选项可设定为动态面板两个不同的状态。给两个不同的按钮添加鼠标单击时事件，设置动作为设置面板状态即可。元件准备两个按钮：将其填充为不同的颜色并设置底部边框为直角；一个动态面板：将动态面板设置两个状态如下图所示：步骤按钮设置从左侧库中拖...
2019-08-20 00:08:23
944
原创 Session9-元件提示 | 剑雨Axure RP9系列【进阶】
元件提示Tooltips元件提示是在WEB浏览原型，当鼠标悬停在元件上方时出现的提示。这里将介绍两种元件提示的方法。其一是AXURE自带的元件提示设置；其二是利用鼠标悬停时 事件自定义的元件提示。AXURE自带的元件提示这种比较直观，拖入任何一个元件到画布后，选择交互，在更多属性中可看到元件提示选项，在那里输入需要提示的文字即可。如下图所示：设置好后在浏览器中的展示如下：自定义元件提...
2019-08-20 00:07:46
2156
原创 Session7-轮播图 | 剑雨Axure RP9系列【进阶】
Session7-轮播图的制作利用动态面板及其动效，可制作成轮播图的效果或内容切换的效果。且可以将其设置为自动播放或手动切换。思路分析需要状态切换，因此准备一个动态面板，面板设置多个状态（有几张轮播就设置几个状态）如果对动态面板状态还不熟悉的请查看之前的讲义。状态设置完了后给整个动态面板设置轮播：设置页面载入时事件，设定面板状态，选择下一个，从后至前循环。这样就完成了动态面板本身...
2019-08-20 00:06:44
493
原创 Session6-滚动区域-Scrolling Region | 剑雨Axure RP9系列【进阶】
Session6-滚动区域-Scrolling Region在本节中，您将学习到如何对动态面板设置区域内滚动。元件准备一级标题、图片 各一个，文本段落3个，从上到下垂直分布。步骤将上述元件拖至画布中；选择所有元件，点击上方垂直分布；右键单击，然后在菜单中选择“ 转换为动态面板 ”；将动态面板的高度设置为350，这样将有一部分文本段落在此高度区域中不可现。在“ 样式”窗格的“ ...
2019-08-20 00:06:08
521
原创 Session5-视频与地图的嵌入 | 剑雨Axure RP9系列【进阶】
视频与地图的嵌入视频的嵌入在讲此之前，先讲一个YOUKU的视频地址获取方法。打开任意一个YOUKU视频，复制浏览器输入栏中的地址如下：例如：播放链接为：https://v.youku.com/v_show/id_XNDIwMTA4NTI4NA==.html?s=247d76efbfbdefbfbd0e&scm=20140719.manual.2540.show_247d76ef...
2019-08-20 00:05:34
723
原创 Session4-锚定链接Anchor Link | 剑雨Axure RP9系列【进阶】
Session4-锚定链接Anchor Link本节中，你将学习一个页面滚动到特定元件的交互。滚动到元件目标效果：点击某个元件后页面滚动到指定的一个元件）元件准备一个页面，拖入一个按钮及一个占位符。将按钮放在页面的上方的部位，占位符放到下面的部分（本例中将其Y值设为2000）分析准备好元件后，在按钮上设置鼠标单击时事件，动作为滚动到元件示意动图如下：...
2019-08-20 00:05:03
587
原创 Session3-文本在页面间的传递（Via全局变量) | 剑雨Axure RP9系列【进阶】
文本在页面间的传递（Via全局变量)可以通过全局变量来接收从输入框的输入，并将其传递至另外一个页面的某一个元件中。元件及页面的准备准备好两个页面，其中：页面1：拖入一个文本框和一个按钮；页面2：拖入一个矩形示意图：页面1的图：页面2的图：分析:通过全局变量TextInputVar（名字可自己定义）来接收页面1中文本框的值该接收动作由按钮的鼠标单击时事件触发将Te...
2019-08-20 00:04:30
790
1
原创 Session2-元件的显示隐藏及其动效 | 剑雨Axure RP9系列【进阶】
元件的显示/隐藏及其动效元件准备与设置准备好一个占位符，三个按钮，拖至画布；更改三个按钮上的文字分别为显示、隐藏、切换;将占位符的默认状态设置为隐藏，方法：选中占位符后在右侧样式菜单上点击隐藏；设置点击按钮时占位符的可见性给三个按钮分别添加事件设置可见性于占位符上，如下图所示：动画、灯箱、弹出、推拉动画对于显示与隐藏时，可以设置元件的动画效果，此设置详细见第36节-动画和...
2019-08-20 00:03:57
1036
原创 Session1-样式按键Interactive Button | 剑雨Axure RP9系列【进阶】
样式按键Interactive Button在本节里，你将学习如何设置一个带各种样式的按钮，该按钮可以添加至您自己的原型库中。创建按钮打开AXURE，新建一个页面；拖动按钮至右侧画布中。鼠标悬停，按下，获取焦点时样式设置对于悬停，按下，获取焦点，这三个样式，直接设置即可，步骤一样，此处直接上GIF动图来展示元件的选中状态设置元件的选中状态设置除了上一步中设置好STYLE后需...
2019-08-20 00:03:13
405
原创 第41节-母版视图Master Views | 剑雨Axure RP9系列【基础】
母版视图Master Views母版的视图主要方便在不同实例中定义不同的形式。一人母版视图的不同样式可以在实例中被选择。（有点像动态面板）。这样你可以在每一个实例中选择显示一个特定的母版视图。母版视图的添加打开母版并进行编辑，在样式栏目中选择添加母版视图，添加完成后，如想删除，可点击右侧删除母版视图按钮。##视图的继承视图中可包含层级结构。子视图可以继承来自父视图的样式。在父级...
2019-08-17 06:22:19
629
原创 第40节-母版的引发事件(Raised-events) | 剑雨Axure RP9系列【基础】
母版引发事件(Raised-events)引发事件是指你将母版中某一元件的事件从母版中提升出来，以使其在页面的级别可用。 通过引发事件，可以对在不同页面上母版实例的同一个元件设置不同的交互。设置引发事件打开一个母版；选择其中一个组件；新建交互， 在事件的动作列表底部，选择引发事件，如下图所示：此处应注意引发事件与触发事件的不同引发事件的使用一旦你在上一步中设置了引发事件...
2019-08-17 06:21:39
499
原创 第39节-母版的创建和使用 | 剑雨Axure RP9系列【基础】
母版的创建和使用在原型设计中，部件元件或元件的组合会重复使用，这些元件的组合就可被用来创建母版。通俗地讲，就是将一些比较常用的模块，比如顶部header， 底部footer, 导航栏等转化为常用的模块，以在下次使用时快速创建。导航栏；网站顶部header（包括LOGO);底部footer;一些常用的按钮或组合，比如分享至第三方平台的按钮；Tab的切换（APP中居多）。母版的创建...
2019-08-17 06:21:06
2013
原创 第41节-母版视图Master Views | 剑雨Axure RP9系列【基础】
母版视图Master Views母版的视图主要方便在不同实例中定义不同的形式。一人母版视图的不同样式可以在实例中被选择。（有点像动态面板）。这样你可以在每一个实例中选择显示一个特定的母版视图。母版视图的添加打开母版并进行编辑，在样式栏目中选择添加母版视图，添加完成后，如想删除，可点击右侧删除母版视图按钮。##视图的继承视图中可包含层级结构。子视图可以继承来自父视图的样式。在父级...
2019-08-17 06:16:17
2527
原创 第40节-母版的引发事件(Raised-events) | 剑雨Axure RP9系列【基础】
母版引发事件(Raised-events)引发事件是指你将母版中某一元件的事件从母版中提升出来，以使其在页面的级别可用。 通过引发事件，可以对在不同页面上母版实例的同一个元件设置不同的交互。设置引发事件打开一个母版；选择其中一个组件；新建交互， 在事件的动作列表底部，选择引发事件，如下图所示：此处应注意引发事件与触发事件的不同引发事件的使用一旦你在上一步中设置了引发事件...
2019-08-17 06:15:41
2654
原创 第39节-母版的创建和使用 | 剑雨Axure RP9系列【基础】
母版的创建和使用在原型设计中，部件元件或元件的组合会重复使用，这些元件的组合就可被用来创建母版。通俗地讲，就是将一些比较常用的模块，比如顶部header， 底部footer, 导航栏等转化为常用的模块，以在下次使用时快速创建。导航栏；网站顶部header（包括LOGO);底部footer;一些常用的按钮或组合，比如分享至第三方平台的按钮；Tab的切换（APP中居多）。母版的创建...
2019-08-17 06:14:56
2302
原创 第38节-选择组Selection Group | 剑雨Axure RP9系列【基础】
选择组Selection Group可以将一组形状、线条、图像或动态面板之间创建为一个选择组， 在这个组内则只允许将一个元件设置为选中。当一个元件被选中时，自动取消其他元件的选中。（类似于单选按钮之间的关系)基于此，再结合元件的交互样式中的选中，可以做出一些Tab切换，内容切换，标签控件等原型。选择组的创建在画布或页面概要中选多个元件；在交互窗格的更多属性中，在“ 指定选择组”字段中输...
2019-08-17 00:00:24
3570
原创 第37节-交互样式Style Effects | 剑雨Axure RP9系列【基础】
交互样式Style Effects交互样式指元件的样式，当元件进入触发状态时，效果样式将被应用，当元件退出触发状态时，样式效果被删除，元件恢复为基本样式。常见的例子如下：当单击鼠标时，文本链接自动添加下划线；按钮被单击时边框颜色发生改变；可以为元件自定义样式效果。交互样式鼠标悬停：鼠标移入时使用，默认在文本链接上启用；鼠标按下：鼠标按下时使用，默认在文本链接上启用；选中：元...
2019-08-16 23:59:48
2247
原创 第36节-动画和边界Animations and MoveAction | 剑雨Axure RP9系列【基础】
动画和边界Animations and MoveAction动画在AXURE中可以为动作设定动画，以便在WEB浏览时发生视觉效果。一个动画通常有两个参数：效果和时间。如下图所示：可见性效果通常有4+4+1，一共9种效果可供选择。这些效果适用于动作显示/隐藏”操作及“ 设置面板状态”逐渐：逐渐更改元件或面板状态的不透明度，直到它完全进入或离开视图；向左/向右/向上/向下滑动：将元件或...
2019-08-16 23:59:16
584
原创 第35节-运算符、函数、表达式 | 剑雨Axure RP9系列【基础】
运算符、函数、表达式表达式表达式可以动态生成文本和数值。可以用表达式来计算购物车的购买总额，动态构建UI消息以及显示当前日期。如前所述，可以在有fx的地方进行表达式的编辑。注意：Axure RP将包含在方括号中的任何文本视为变量的运算，括号外的文本被视为静态文本。比如：Your total is $[[ 5.50 + 2.99 ]] 将会呈现为Your total is $8.49...
2019-08-16 23:58:39
2564
1
原创 第34节-条件逻辑Conditional Logic | 剑雨Axure RP9系列【基础】
条件逻辑Conditional Logic条件逻辑是一个规则系统，比如，你可以规定在满足何种条件时才执行某一个动作。可阅读前文中事件-情形-动作（Events-Cases-Actions)来加深理解。## 条件的设定将鼠标悬停在事件名称上，然后单击“ 启用情形”，在情形编辑器中选择添加条件。当条件满足时，条件语句的计算结果为true，否则为false可选择满足多个条件或满足其中一个条件...
2019-08-16 23:58:05
2432
原创 第33节-变量Variables | 剑雨Axure RP9系列【基础】
变量Variables变量是储存文本和数值的容器。变量的值可在其它元件中显示为文本，也可以在条件逻辑中使用。变量的本质就是：数值的获取和使用变量可以分成两大类：系统变量和自定义变量，而自定义变量里面又包括全局变量和局部变量。系统变量：是系统已经创建好的变量，用于直接获取对象的特定属性值。全局变量：主要是用于不同页面之间值的传递。局部变量：主要是用于指定页面内某个特定对象，往...
2019-08-16 23:57:29
995
原创 第32节-事件-情形-动作（Events-Cases-Actions) | 剑雨Axure RP9系列【基础】
事件-情形-动作（Events-Cases-Actions)交互定义了一个元件或者页面的动态行为。在AXURE的右侧交互栏目中创建和管理交互。可以在底部来设置交互，也可以单击新建交互来创建。提示：当窗口空间不够大时可采用以下方法来打开交互编辑器单击“ 交互”窗格右下角的窗口图标双击某一个事件交互的构成一个交互由3部分构成(具体可查看下图：元件或页面的事件；在此事件上的...
2019-08-16 23:56:51
3719
2
原创 第31节-自适应视图Adaptive Views-页面及其样式 | 剑雨Axure RP9系列【基础】
Session31-自适应视图Adaptive Views自适应视图是为不同的尺寸显示所设计的一个工具。对于同一个页面来讲，可以使用自适应视图来分配适配WEB电脑端，安卓端，IOS端、H5端等等。特别是在手机、iPad、PC类产品的屏幕分辨率越来越多样化的今天，在进行产品原型设计时，不得不考虑到多端的适配，因此，AXURE为我们提供了自适应视图的功能，这样，您就可以利用它来高效地创建响应式原型。...
2019-08-16 23:56:02
1174
原创 第28-29节-页面及其样式 | 剑雨Axure RP9系列【基础】
页面及其样式Managing Pages & Page Style在AXURE中，原型是以页面的形式来进行组织的，在一个原型中页面的数量是没有限制的。你可以在左侧页面栏目中对页面进行管理和编辑。页面的创建、添加及重命名添加页面：直接在左侧页面样式栏中的右上角点击添加按钮，此时即可以添加一个空白的页面，你也可以在某一个页面上右击，然后添加页面或子页面。页面的删除：直接右键单击该页...
2019-08-16 23:52:47
606
原创 第27节-树Tree | 剑雨Axure RP9系列【基础】
树Tree树较常用于模拟文件浏览器和其他层次结构的可视化展示。单击树上面各个节点可以在页面上显示不同的元件或打开项目中的不同页面。创建、添加、移动树节点创建：在树元件上右键，选择“ 添加”子菜单，可以添加本级或下级节点移动：右键，选择“移动” 可向上或向下移动节点删除：选择“删除“”注意：树必须始终包含至少一个节点。如果您尝试删除没有节点的树， 您将收到一条警告：无法删除所有项...
2019-08-16 23:52:15
4926
1
原创 第26节-文本链接 | 剑雨Axure RP9系列【基础】
文本链接说在前面的话：文本链接是一种特殊的元件，在左侧库中无法找到，亦不能单独存在。它必须在形状的元件上存在并作为文本的一部分。创建文本链接对于任何一个形状元件，双击该元件则可进入文本链接的编辑。在“ 交互”窗格中的“ 插入文本链接 ” .遮罩默认为粉红色遮罩， 可在“ 视图”>“遮罩”中切换。样式与风格与其他元件样式与风格设置一样，此部分略去。注意： 文本链接默认启用...
2019-08-16 23:51:38
721
4
原创 第25讲-文本框和文本域| 剑雨Axure RP9系列【基础】
文本框和文本域文本框和文本域属于表单控件，可以用于输入终端的键入响应。文本框：针对单行输入，例如用户名或密码等等。（也适用于搜索。）文本域：针对多行输入，例如一些反馈的表单等等。提示文字“ 交互”窗格右上角的“ 更多属性”菜单中的“ 提示文本”中输入需要提示给用户的文本。提示文本默认为灰色，如需修改，单击“ 交互”窗格顶部：提示样式效果。可以选择设置何时隐藏提示：AXURE提供两...
2019-08-16 23:51:04
5626
原创 第24讲-表格Table| 剑雨Axure RP9系列【基础】
表格TableAxure中的表格没有EXCEL中那么强大，但作为原型设计来讲，基本够用。表格数据编辑有三种方法：双击单元格以进入文本编辑模式选择单元格，然后按ENTER进入文本编辑模式选择单元格并开始输入。（此选项仅在禁用单键快捷键时可用）还有另外一张方法：从EXCEL中粘贴我们可以通过先在excel表中制作好我们需要的复杂表格，然后通过复制、粘贴功能将在excel中制作...
2019-08-16 23:50:29
10594
2
原创 第23节-快照| 剑雨Axure RP9系列【基础】
快照Snapshot快照用于显示原型页面上其他页面的屏幕截图。每当更新引用的页面时，快照中的图像将自动更新。可以选择显示整个图表或仅显示其中一部分。还可以将交互应用于图表，例如隐藏或显示某些元件或变换动态面板的状态。快照非常便于绘制用户流程图和向流程图添加缩略图。引用页面拖动快照至画布中，双击快照，在引用页面 中选择一个页面或者母版即可。单击上方的清除则可清除引用。缩放和偏移缩放至...
2019-08-16 23:49:49
1414
原创 第22讲-形状 | 剑雨Axure RP9系列【基础】
形状Shapes形状的创建形状的创建比较简单。方法一：从左侧库中拖入画布中；方法二：插入菜单，通过一些快捷键我们可以快速插入常用的图形元件，各矢量图形的快捷键如下：P键 钢笔工具R键 矩形0键 圆形L键 线段T键 文本钢笔（绘画）工具AXURE中的钢笔工具可以纵向矢量图形。什么是失量图形？就是可以自由拉伸形状而不降低图像的清晰度。可以对其样式进行自由调整。因此钢笔...
2019-08-16 23:49:00
1158
原创 第21节-中继器 | 剑雨Axure RP9系列【基础】
1、中继器中继器是AXURE中一个高级的组件（Widget), 用于显示文本、图像和其他元素的重复集合。中继器是一个容器，容器中的每一个项目称作"item"， 由于"tem中的数据由数据集来驱动，因此每一个item可以在展示的时候与其他不同。中继器由数据集（可以理解为轻量级的数据库）来驱动，因此它可以用来显示动态排序和过滤。当你需要演示动态可排序/可过滤的设计（例如动态表格或产品列表）时，它将...
2019-08-16 23:47:40
3379
原创 第20节-单选按钮 | 剑雨Axure RP9系列【基础】
单选按钮单选按钮是一种表单控件，允许用户从多个选项中选择一个选项。例如要表示一个电话号码是家庭用还是手机或者是工作用的，则可使用此元件。单元按钮一般是多个一起使用。##单选按钮组合单元按钮一般以组合的形式出现，如下图所示。拖动一个或多个单选按钮至画布中，在右侧更多属性里选择将单选按钮指定给某一个组如上图所示。对于已经属于该组的单选按钮，可以在右侧在移除该组合或分配给其他的组；对...
2019-08-16 23:46:36
4290
原创 第19节-列表框ListBox | 剑雨Axure RP9系列【基础】
列表框ListBox列表框ListBox的基本操作与前文所述的下拉框基本类似，只不过本元件将所有的选项都展示出来了。详情请参考第13节-下拉列表DorpList
2019-08-16 23:45:38
1409
原创 第18节-线条Line | 剑雨Axure RP9系列【基础】
线条Line线条的创建方法一：从左侧元件库中拖入；方法二：插入：绘画工具您可以使用绘画工具绘制直线，曲线，锯齿，波浪形，螺旋线或任何其他类型的线，可在界面左上角的“插入”菜单中操作。绘画工具与其他矢量绘图应用程序中的等效工具类似：单击画布以添加新的矢量点单击并拖动以添加弯曲点SHIFT拖动时按住可将曲线控制柄自动对齐到X或Y轴ALT拖动时按住可以相互独立地移动拖动手柄...
2019-08-16 23:44:26
3448
原创 第1-3节-AxureRP的安装、激活与汉化 | 剑雨Axure RP9系列【基础】
1 AxureRP9 的下载1.1 官方网站下载最新版本的AxureRP9的下载可以直接前往官网（www.axure.com)下载。点击此处直接进入下载页面1.2 国内下载（含安装包及汉化软件）点击此处进行下载[产品班提供]1.2 Axure RP9 MAC版本下载直接进入百度网盘下载：https://pan.baidu.com/share/init?surl=CIFHDL_l...
2019-08-16 20:27:00
3565
原创 第17节-内联框架Inline Frame-热区Hot Spots | 剑雨Axure RP9系列【基础】
内联框架Inline Frame内联框架Inline Frame可以将HTML，视频，音频和其他媒体文件嵌入到Axure RP中。比如YOUKU视频和BAIDU地图，也可以将原型中的其他页面嵌入其中。内联框架的使用从左侧拖入一个内联框架，双击元件，可以看到弹出了**链接属性*8的对话框，此处可以选择链接至AXURE文件中的其他页面或者外部URL地址。特殊属性边框的隐藏默认情况下，内联...
2019-08-15 22:12:09
2538
原创 第16节-图片 | 剑雨Axure RP9系列【基础】
图片前面的话：图片这个元件可能是原型设计中使用频率最高的一个了。在AXURE中支持的图片格式有 JPG，PNG，GIF，BMP和SVG。图片的添加图片的添加有多种方法，如下：从元件库中拖入这种最简单的一种方法了。图片的导入：从左侧拖入图片后，双击该图片元件可从电脑载入你要放入的图片，而且些时载入的图片会自动适应到这个尺寸，Fit to Image：菜单中插入通过菜单顶部的插入按...
2019-08-15 22:08:56
1159
史上最全的Axure9快捷键大全 | 11大类，近500个快捷键【免费】
2019-10-19
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人