![](https://img-blog.csdnimg.cn/20190815151751760.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
剑雨Axure RP9系列【基础】
【连载中】剑雨Axure RP9系列
羚牛学院
产品副总、资深产品总监
展开
-
第38节-选择组Selection Group | 剑雨Axure RP9系列【基础】
选择组Selection Group可以将一组形状、线条、图像或动态面板之间创建为一个选择组, 在这个组内则只允许将一个元件设置为选中。当一个元件被选中时,自动取消其他元件的选中。(类似于单选按钮之间的关系)基于此,再结合元件的交互样式中的选中,可以做出一些Tab切换,内容切换,标签控件等原型。选择组的创建在画布或页面概要中选多个元件;在交互窗格的更多属性中,在“ 指定选择组”字段中输...原创 2019-08-17 00:00:24 · 3468 阅读 · 0 评论 -
第37节-交互样式Style Effects | 剑雨Axure RP9系列【基础】
交互样式Style Effects交互样式指元件的样式,当元件进入触发状态时,效果样式将被应用,当元件退出触发状态时,样式效果被删除,元件恢复为基本样式。常见的例子如下:当单击鼠标时,文本链接自动添加下划线;按钮被单击时边框颜色发生改变;可以为元件自定义样式效果。交互样式鼠标悬停:鼠标移入时使用,默认在文本链接上启用;鼠标按下:鼠标按下时使用,默认在文本链接上启用;选中:元...原创 2019-08-16 23:59:48 · 2153 阅读 · 0 评论 -
第36节-动画和边界Animations and MoveAction | 剑雨Axure RP9系列【基础】
动画和边界Animations and MoveAction动画在AXURE中可以为动作设定动画,以便在WEB浏览时发生视觉效果。一个动画通常有两个参数:效果和时间。如下图所示:可见性效果通常有4+4+1,一共9种效果可供选择。这些效果适用于动作显示/隐藏”操作及“ 设置面板状态”逐渐:逐渐更改元件或面板状态的不透明度,直到它完全进入或离开视图;向左/向右/向上/向下滑动:将元件或...原创 2019-08-16 23:59:16 · 537 阅读 · 0 评论 -
第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 · 2199 阅读 · 1 评论 -
第34节-条件逻辑Conditional Logic | 剑雨Axure RP9系列【基础】
条件逻辑Conditional Logic条件逻辑是一个规则系统,比如,你可以规定在满足何种条件时才执行某一个动作。可阅读前文中事件-情形-动作(Events-Cases-Actions)来加深理解。## 条件的设定将鼠标悬停在事件名称上,然后单击“ 启用情形”,在情形编辑器中选择添加条件。当条件满足时,条件语句的计算结果为true,否则为false可选择满足多个条件或满足其中一个条件...原创 2019-08-16 23:58:05 · 2356 阅读 · 0 评论 -
第33节-变量Variables | 剑雨Axure RP9系列【基础】
变量Variables变量是储存文本和数值的容器。变量的值可在其它元件中显示为文本,也可以在条件逻辑中使用。变量的本质就是:数值的获取和使用变量可以分成两大类:系统变量和自定义变量,而自定义变量里面又包括全局变量和局部变量。系统变量:是系统已经创建好的变量,用于直接获取对象的特定属性值。全局变量:主要是用于不同页面之间值的传递。局部变量:主要是用于指定页面内某个特定对象,往...原创 2019-08-16 23:57:29 · 950 阅读 · 0 评论 -
第32节-事件-情形-动作(Events-Cases-Actions) | 剑雨Axure RP9系列【基础】
事件-情形-动作(Events-Cases-Actions)交互定义了一个元件或者页面的动态行为。在AXURE的右侧交互栏目中创建和管理交互。可以在底部来设置交互,也可以单击新建交互来创建。提示:当窗口空间不够大时可采用以下方法来打开交互编辑器单击“ 交互”窗格右下角的窗口图标双击某一个事件交互的构成一个交互由3部分构成(具体可查看下图:元件或页面的事件;在此事件上的...原创 2019-08-16 23:56:51 · 3553 阅读 · 2 评论 -
第31节-自适应视图Adaptive Views-页面及其样式 | 剑雨Axure RP9系列【基础】
Session31-自适应视图Adaptive Views自适应视图是为不同的尺寸显示所设计的一个工具。对于同一个页面来讲,可以使用自适应视图来分配适配WEB电脑端,安卓端,IOS端、H5端等等。特别是在手机、iPad、PC类产品的屏幕分辨率越来越多样化的今天,在进行产品原型设计时,不得不考虑到多端的适配,因此,AXURE为我们提供了自适应视图的功能,这样,您就可以利用它来高效地创建响应式原型。...原创 2019-08-16 23:56:02 · 1145 阅读 · 0 评论 -
第28-29节-页面及其样式 | 剑雨Axure RP9系列【基础】
页面及其样式Managing Pages & Page Style在AXURE中,原型是以页面的形式来进行组织的,在一个原型中页面的数量是没有限制的。你可以在左侧页面栏目中对页面进行管理和编辑。页面的创建、添加及重命名添加页面:直接在左侧页面样式栏中的右上角点击添加按钮,此时即可以添加一个空白的页面,你也可以在某一个页面上右击,然后添加页面或子页面。页面的删除:直接右键单击该页...原创 2019-08-16 23:52:47 · 576 阅读 · 0 评论 -
第27节-树Tree | 剑雨Axure RP9系列【基础】
树Tree树较常用于模拟文件浏览器和其他层次结构的可视化展示。单击树上面各个节点可以在页面上显示不同的元件或打开项目中的不同页面。创建、添加、移动树节点创建:在树元件上右键,选择“ 添加”子菜单,可以添加本级或下级节点移动:右键,选择“移动” 可向上或向下移动节点删除:选择“删除“”注意:树必须始终包含至少一个节点。如果您尝试删除没有节点的树, 您将收到一条警告:无法删除所有项...原创 2019-08-16 23:52:15 · 4811 阅读 · 1 评论 -
第26节-文本链接 | 剑雨Axure RP9系列【基础】
文本链接说在前面的话:文本链接是一种特殊的元件,在左侧库中无法找到,亦不能单独存在。它必须在形状的元件上存在并作为文本的一部分。创建文本链接对于任何一个形状元件,双击该元件则可进入文本链接的编辑。在“ 交互”窗格中的“ 插入文本链接 ” .遮罩默认为粉红色遮罩, 可在“ 视图”>“遮罩”中切换。样式与风格与其他元件样式与风格设置一样,此部分略去。注意: 文本链接默认启用...原创 2019-08-16 23:51:38 · 680 阅读 · 4 评论 -
第25讲-文本框和文本域| 剑雨Axure RP9系列【基础】
文本框和文本域文本框和文本域属于表单控件,可以用于输入终端的键入响应。文本框:针对单行输入,例如用户名或密码等等。(也适用于搜索。)文本域:针对多行输入,例如一些反馈的表单等等。提示文字“ 交互”窗格右上角的“ 更多属性”菜单中的“ 提示文本”中输入需要提示给用户的文本。提示文本默认为灰色,如需修改,单击“ 交互”窗格顶部:提示样式效果。可以选择设置何时隐藏提示:AXURE提供两...原创 2019-08-16 23:51:04 · 5475 阅读 · 0 评论 -
第24讲-表格Table| 剑雨Axure RP9系列【基础】
表格TableAxure中的表格没有EXCEL中那么强大,但作为原型设计来讲,基本够用。表格数据编辑有三种方法:双击单元格以进入文本编辑模式选择单元格,然后按ENTER进入文本编辑模式选择单元格并开始输入。(此选项仅在禁用单键快捷键时可用)还有另外一张方法:从EXCEL中粘贴我们可以通过先在excel表中制作好我们需要的复杂表格,然后通过复制、粘贴功能将在excel中制作...原创 2019-08-16 23:50:29 · 10256 阅读 · 2 评论 -
第23节-快照| 剑雨Axure RP9系列【基础】
快照Snapshot快照用于显示原型页面上其他页面的屏幕截图。每当更新引用的页面时,快照中的图像将自动更新。可以选择显示整个图表或仅显示其中一部分。还可以将交互应用于图表,例如隐藏或显示某些元件或变换动态面板的状态。快照非常便于绘制用户流程图和向流程图添加缩略图。引用页面拖动快照至画布中,双击快照,在引用页面 中选择一个页面或者母版即可。单击上方的清除则可清除引用。缩放和偏移缩放至...原创 2019-08-16 23:49:49 · 1302 阅读 · 0 评论 -
第22讲-形状 | 剑雨Axure RP9系列【基础】
形状Shapes形状的创建形状的创建比较简单。方法一:从左侧库中拖入画布中;方法二:插入菜单,通过一些快捷键我们可以快速插入常用的图形元件,各矢量图形的快捷键如下:P键 钢笔工具R键 矩形0键 圆形L键 线段T键 文本钢笔(绘画)工具AXURE中的钢笔工具可以纵向矢量图形。什么是失量图形?就是可以自由拉伸形状而不降低图像的清晰度。可以对其样式进行自由调整。因此钢笔...原创 2019-08-16 23:49:00 · 1103 阅读 · 0 评论 -
第21节-中继器 | 剑雨Axure RP9系列【基础】
1、中继器中继器是AXURE中一个高级的组件(Widget), 用于显示文本、图像和其他元素的重复集合。中继器是一个容器,容器中的每一个项目称作"item", 由于"tem中的数据由数据集来驱动,因此每一个item可以在展示的时候与其他不同。中继器由数据集(可以理解为轻量级的数据库)来驱动,因此它可以用来显示动态排序和过滤。当你需要演示动态可排序/可过滤的设计(例如动态表格或产品列表)时,它将...原创 2019-08-16 23:47:40 · 3340 阅读 · 0 评论 -
第20节-单选按钮 | 剑雨Axure RP9系列【基础】
单选按钮单选按钮是一种表单控件,允许用户从多个选项中选择一个选项。例如要表示一个电话号码是家庭用还是手机或者是工作用的,则可使用此元件。单元按钮一般是多个一起使用。##单选按钮组合单元按钮一般以组合的形式出现,如下图所示。拖动一个或多个单选按钮至画布中,在右侧更多属性里选择将单选按钮指定给某一个组如上图所示。对于已经属于该组的单选按钮,可以在右侧在移除该组合或分配给其他的组;对...原创 2019-08-16 23:46:36 · 4131 阅读 · 0 评论 -
第19节-列表框ListBox | 剑雨Axure RP9系列【基础】
列表框ListBox列表框ListBox的基本操作与前文所述的下拉框基本类似,只不过本元件将所有的选项都展示出来了。详情请参考第13节-下拉列表DorpList原创 2019-08-16 23:45:38 · 1368 阅读 · 0 评论 -
第18节-线条Line | 剑雨Axure RP9系列【基础】
线条Line线条的创建方法一:从左侧元件库中拖入;方法二:插入:绘画工具您可以使用绘画工具绘制直线,曲线,锯齿,波浪形,螺旋线或任何其他类型的线,可在界面左上角的“插入”菜单中操作。绘画工具与其他矢量绘图应用程序中的等效工具类似:单击画布以添加新的矢量点单击并拖动以添加弯曲点SHIFT拖动时按住可将曲线控制柄自动对齐到X或Y轴ALT拖动时按住可以相互独立地移动拖动手柄...原创 2019-08-16 23:44:26 · 3189 阅读 · 0 评论 -
第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 · 2470 阅读 · 0 评论 -
第16节-图片 | 剑雨Axure RP9系列【基础】
图片前面的话:图片这个元件可能是原型设计中使用频率最高的一个了。在AXURE中支持的图片格式有 JPG,PNG,GIF,BMP和SVG。图片的添加图片的添加有多种方法,如下:从元件库中拖入这种最简单的一种方法了。图片的导入:从左侧拖入图片后,双击该图片元件可从电脑载入你要放入的图片,而且些时载入的图片会自动适应到这个尺寸,Fit to Image:菜单中插入通过菜单顶部的插入按...原创 2019-08-15 22:08:56 · 1064 阅读 · 0 评论 -
第15节-热区Hot Spots | 剑雨Axure RP9系列【基础】
热区是特殊的元件,在Web浏览器中始终是不可见的。如果你需要将某些交互添加到产品设计中,但又苦于没有其他合适元件来承载此交互时,热区就会派上用场了。注意:不需要为热区和此区域内的元件组合之间填加交互。热区的创建方法:直接从左侧拖动至画布中;热区的遮罩由于热区是不可见的,因此默认情况下它会被绿色蒙版遮住,您可以在应用程序菜单中的“ 视图”>“遮罩”中选择切换遮罩。注意:热区...原创 2019-08-15 15:02:36 · 1600 阅读 · 0 评论 -
第14节-动态面板Dynamic Panel | 剑雨Axure RP9系列【基础】
动态面板是一个容器(后面的中继器其实也是一个容器)。多个小部件组成的集合称为状态,多个状态的集合构成动态面板。与中继器不同的是,动态面板每次只能呈现一个状态, 状态的可见性由动态面板的交互功能设置面板状态来控制。因此,动态面板非常适合创建轮播图或者侧边栏。动态面板是AXURE中唯一一个具有拖动属性和滑动属性的部件。也是唯一一个可以固定到浏览器中一个固定位置(pinned to a fixed p...原创 2019-08-15 15:01:12 · 14508 阅读 · 0 评论 -
第13节-下拉列表DropdownList | 剑雨Axure RP9系列【基础】
下拉列表,又称下拉框,是一个可切换列表,其中包含多个选项,一次只能选择一个选项。当你需要从多个答案中选中某一个时,可以采用此部件。比如国家的选择/地区的选择等。添加,删除和重新排序Droplist选项元件添加:直接从左侧元件库上拖入;下拉列表的编辑:直接双击Droplist;选项的添加:点击左侧上方添加按钮(上图中第一个红框);选项内容的编辑:点击左侧上方的编辑多项按钮 (上图中第...原创 2019-08-15 14:59:41 · 9989 阅读 · 0 评论 -
第12节-连接器 | 剑雨Axure RP9系列【基础】
连接器是特殊的元件,用于连接流程图中的形状,图像和快照元件。连接器的两端都锚定在目标窗口元件上的连接点上。在画布上移动目标窗口元件时,连接器会自动重排以保持连接状态。连接器的使用单击AXURE左上角的连接图标,此时画布处于连接器模式,在该模式下, 可以将鼠标悬停在元件上以查看其连接器点。从一个元件上的连接器点单击并拖动到另一个窗口元件上的点,可以在它们之间绘制连接线。编辑连接器点默认情...原创 2019-08-15 14:58:19 · 1928 阅读 · 0 评论 -
第11节-导航菜单(经典菜单) | 剑雨Axure RP9系列【基础】
此菜单分为水平方向(Horizontal)与垂直方向(Vertical)。可自定义菜单项的数量,同时也可自定义子菜单数。父菜单会自动添加具有MouseOn(鼠标移入时)的交互,在WEB浏览器中会自动进行显示与隐藏。添加和删除菜单项及子菜单导航菜单(经典菜单)元件以三个父级菜单项开头。右键单击现有选项,然后选择“ 后方添加菜单项”或“ 前方添加菜单项”即可增加菜单项。要删除选项,请右键单击...原创 2019-08-15 14:25:53 · 6183 阅读 · 0 评论 -
第10节-复选框 | 剑雨Axure RP9系列【基础】
复选框主要用于一些单项的勾选,比如是否订阅一个频道,是否勾选多个标签等, AXURE默认的复选框提供是和否两种选择(binary choice)大小和对齐在右侧样式栏目中,使用尺寸和对齐来调整复选框的大小及呈现方式;默认情况下,框部分位于左侧,文本位于右侧,可点击对齐来进行切换。复选框的默认选中默认情况下,当页面首次加载到Web浏览器中时,复选框状态为未选中。可勾选设置其为加载时选中。...原创 2019-08-15 14:24:25 · 4046 阅读 · 0 评论 -
第9节-元件的组合 | 剑雨Axure RP9系列【基础】
元件的组合总体上讲比较简单,这里先只上两个图来解释一下组合的形成与取消,及组合的命名。然后着重讲一下组合的特殊交互。元件组合看图:组合与取消组合的交互组合中单个元件的鼠标样式交互在进行预览时会显示,如果您需要在鼠标进入组合中任意一个部分时触发此交互,则可以在组合的交互中选择更多属性中选择触发内部元件鼠标交互样式组合的交互VS组内元件的交互组合本身可以设定交互(同普通元件的交互设...原创 2019-08-15 14:22:36 · 3119 阅读 · 0 评论 -
第8节-元件库 | 剑雨Axure RP9系列【基础】
元件组合在一起可以构成AXURE的库,以.rplib的格式文件存储。AXURE9自带三个库,Default, Flow 和 Icons, 你也可以从网上下载其他的库来进行安装,也可以创建属于自己的库(library).AXURE社区提供了很多元件库供下载或购买,访问 www.axure.com/community/widget-libraries 可查看。库的切换在元件库的下拉菜单中可以...原创 2019-08-15 14:18:51 · 6289 阅读 · 0 评论 -
第7节-元件的样式 | 剑雨Axure RP9系列【基础】
元件的样式元件可以编辑的样式很多,可以直接在右侧样式 Style栏目中修改,亦可在顶部的样式工具栏中修改。不透明度直接拖动右侧的不透明度滑块或者输入百分比即可改动选中的元件的整体不透明度。注意:此处的不透明度将会与填充颜色及文本颜色中的值进行叠加。排版[外链图片转存失败(img-wZIRvzYb-1565849507820)(https://raw.githubuserconte...原创 2019-08-15 14:15:21 · 1406 阅读 · 0 评论 -
第6节-元件的使用 | 剑雨Axure RP9系列【基础】
1 元件的位置操作直接单击选择某一个元件将其拖至画布(中间区域)中,也可以通过左上角的插入菜单选择其他形状的部件。元件的移动:拖住元件并在画布上松开鼠标即可;也可以直接在X和Y中直接输入坐标。1.1 同时定位多个元件按住CTRL使用鼠标单击每个元件可同时选中多个元件,可以看到坐标X 或者Y不尽相同。提示:X, Y, W, H 这些参数中只有当多个元件的这些值相同时才会展示,否则在...原创 2019-08-15 12:39:07 · 1005 阅读 · 0 评论 -
第5节-AxureRP 9快捷键大全 | 剑雨Axure RP9系列【基础】
本文列举了AxureRP9中所有的快捷键操作,应该是目前网络上最全的,详细请参考下面目录:1. 常用快捷键2. 文字样式快捷键3. 画布操作快捷键4. 插入快捷键5. 编辑的快捷键6. Vector快捷键7. 页面/目录快捷键8. 光标快捷键9. 栏目快捷键10. 发布快捷键11. 登录快捷键1 常用快捷键 1Name-English名称-中文Windows...原创 2019-08-15 12:35:55 · 6932 阅读 · 0 评论 -
第4节-AxureRP9界面介绍 | 剑雨Axure RP9系列【基础】
在AXURE的界面中,最中间的部分被称为画布Canvas, 基本上所有的操作,所有的元件都可以在画布上进行。如下图所示1 界面介绍对各界面1-9的介绍如下:1 为菜单栏和部分样式工具栏;2 为工作区域3 为页面栏,可以显示当前工作的页面及其他的页面,可以添加,重命名,重新组织页面4 为某一个页面的概要视图,从中你可以看到某一个页面所有的元件,母版,动态面板等等,可以对其的顺序进行排序...原创 2019-08-15 12:34:23 · 3236 阅读 · 0 评论 -
第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 · 3507 阅读 · 0 评论