![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
产品设计
羚牛学院
产品副总、资深产品总监
展开
-
第41节-母版视图Master Views | 剑雨Axure RP9系列【基础】
母版视图Master Views母版的视图主要方便在不同实例中定义不同的形式。一人母版视图的不同样式可以在实例中被选择。(有点像动态面板)。这样你可以在每一个实例中选择显示一个特定的母版视图。母版视图的添加打开母版并进行编辑,在样式栏目中选择添加母版视图,添加完成后,如想删除,可点击右侧删除母版视图按钮。##视图的继承视图中可包含层级结构。子视图可以继承来自父视图的样式。在父级...原创 2019-08-17 06:22:19 · 591 阅读 · 0 评论 -
第28-29节-页面及其样式 | 剑雨Axure RP9系列【基础】
页面及其样式Managing Pages & Page Style在AXURE中,原型是以页面的形式来进行组织的,在一个原型中页面的数量是没有限制的。你可以在左侧页面栏目中对页面进行管理和编辑。页面的创建、添加及重命名添加页面:直接在左侧页面样式栏中的右上角点击添加按钮,此时即可以添加一个空白的页面,你也可以在某一个页面上右击,然后添加页面或子页面。页面的删除:直接右键单击该页...原创 2019-08-16 23:52:47 · 572 阅读 · 0 评论 -
第27节-树Tree | 剑雨Axure RP9系列【基础】
树Tree树较常用于模拟文件浏览器和其他层次结构的可视化展示。单击树上面各个节点可以在页面上显示不同的元件或打开项目中的不同页面。创建、添加、移动树节点创建:在树元件上右键,选择“ 添加”子菜单,可以添加本级或下级节点移动:右键,选择“移动” 可向上或向下移动节点删除:选择“删除“”注意:树必须始终包含至少一个节点。如果您尝试删除没有节点的树, 您将收到一条警告:无法删除所有项...原创 2019-08-16 23:52:15 · 4783 阅读 · 1 评论 -
第26节-文本链接 | 剑雨Axure RP9系列【基础】
文本链接说在前面的话:文本链接是一种特殊的元件,在左侧库中无法找到,亦不能单独存在。它必须在形状的元件上存在并作为文本的一部分。创建文本链接对于任何一个形状元件,双击该元件则可进入文本链接的编辑。在“ 交互”窗格中的“ 插入文本链接 ” .遮罩默认为粉红色遮罩, 可在“ 视图”>“遮罩”中切换。样式与风格与其他元件样式与风格设置一样,此部分略去。注意: 文本链接默认启用...原创 2019-08-16 23:51:38 · 677 阅读 · 4 评论 -
第25讲-文本框和文本域| 剑雨Axure RP9系列【基础】
文本框和文本域文本框和文本域属于表单控件,可以用于输入终端的键入响应。文本框:针对单行输入,例如用户名或密码等等。(也适用于搜索。)文本域:针对多行输入,例如一些反馈的表单等等。提示文字“ 交互”窗格右上角的“ 更多属性”菜单中的“ 提示文本”中输入需要提示给用户的文本。提示文本默认为灰色,如需修改,单击“ 交互”窗格顶部:提示样式效果。可以选择设置何时隐藏提示:AXURE提供两...原创 2019-08-16 23:51:04 · 5449 阅读 · 0 评论 -
第24讲-表格Table| 剑雨Axure RP9系列【基础】
表格TableAxure中的表格没有EXCEL中那么强大,但作为原型设计来讲,基本够用。表格数据编辑有三种方法:双击单元格以进入文本编辑模式选择单元格,然后按ENTER进入文本编辑模式选择单元格并开始输入。(此选项仅在禁用单键快捷键时可用)还有另外一张方法:从EXCEL中粘贴我们可以通过先在excel表中制作好我们需要的复杂表格,然后通过复制、粘贴功能将在excel中制作...原创 2019-08-16 23:50:29 · 10200 阅读 · 2 评论 -
第23节-快照| 剑雨Axure RP9系列【基础】
快照Snapshot快照用于显示原型页面上其他页面的屏幕截图。每当更新引用的页面时,快照中的图像将自动更新。可以选择显示整个图表或仅显示其中一部分。还可以将交互应用于图表,例如隐藏或显示某些元件或变换动态面板的状态。快照非常便于绘制用户流程图和向流程图添加缩略图。引用页面拖动快照至画布中,双击快照,在引用页面 中选择一个页面或者母版即可。单击上方的清除则可清除引用。缩放和偏移缩放至...原创 2019-08-16 23:49:49 · 1277 阅读 · 0 评论 -
第22讲-形状 | 剑雨Axure RP9系列【基础】
形状Shapes形状的创建形状的创建比较简单。方法一:从左侧库中拖入画布中;方法二:插入菜单,通过一些快捷键我们可以快速插入常用的图形元件,各矢量图形的快捷键如下:P键 钢笔工具R键 矩形0键 圆形L键 线段T键 文本钢笔(绘画)工具AXURE中的钢笔工具可以纵向矢量图形。什么是失量图形?就是可以自由拉伸形状而不降低图像的清晰度。可以对其样式进行自由调整。因此钢笔...原创 2019-08-16 23:49:00 · 1096 阅读 · 0 评论 -
第21节-中继器 | 剑雨Axure RP9系列【基础】
1、中继器中继器是AXURE中一个高级的组件(Widget), 用于显示文本、图像和其他元素的重复集合。中继器是一个容器,容器中的每一个项目称作"item", 由于"tem中的数据由数据集来驱动,因此每一个item可以在展示的时候与其他不同。中继器由数据集(可以理解为轻量级的数据库)来驱动,因此它可以用来显示动态排序和过滤。当你需要演示动态可排序/可过滤的设计(例如动态表格或产品列表)时,它将...原创 2019-08-16 23:47:40 · 3334 阅读 · 0 评论 -
第20节-单选按钮 | 剑雨Axure RP9系列【基础】
单选按钮单选按钮是一种表单控件,允许用户从多个选项中选择一个选项。例如要表示一个电话号码是家庭用还是手机或者是工作用的,则可使用此元件。单元按钮一般是多个一起使用。##单选按钮组合单元按钮一般以组合的形式出现,如下图所示。拖动一个或多个单选按钮至画布中,在右侧更多属性里选择将单选按钮指定给某一个组如上图所示。对于已经属于该组的单选按钮,可以在右侧在移除该组合或分配给其他的组;对...原创 2019-08-16 23:46:36 · 4106 阅读 · 0 评论 -
第19节-列表框ListBox | 剑雨Axure RP9系列【基础】
列表框ListBox列表框ListBox的基本操作与前文所述的下拉框基本类似,只不过本元件将所有的选项都展示出来了。详情请参考第13节-下拉列表DorpList原创 2019-08-16 23:45:38 · 1359 阅读 · 0 评论 -
第31节-自适应视图Adaptive Views-页面及其样式 | 剑雨Axure RP9系列【基础】
Session31-自适应视图Adaptive Views自适应视图是为不同的尺寸显示所设计的一个工具。对于同一个页面来讲,可以使用自适应视图来分配适配WEB电脑端,安卓端,IOS端、H5端等等。特别是在手机、iPad、PC类产品的屏幕分辨率越来越多样化的今天,在进行产品原型设计时,不得不考虑到多端的适配,因此,AXURE为我们提供了自适应视图的功能,这样,您就可以利用它来高效地创建响应式原型。...原创 2019-08-16 23:56:02 · 1139 阅读 · 0 评论 -
第32节-事件-情形-动作(Events-Cases-Actions) | 剑雨Axure RP9系列【基础】
事件-情形-动作(Events-Cases-Actions)交互定义了一个元件或者页面的动态行为。在AXURE的右侧交互栏目中创建和管理交互。可以在底部来设置交互,也可以单击新建交互来创建。提示:当窗口空间不够大时可采用以下方法来打开交互编辑器单击“ 交互”窗格右下角的窗口图标双击某一个事件交互的构成一个交互由3部分构成(具体可查看下图:元件或页面的事件;在此事件上的...原创 2019-08-16 23:56:51 · 3533 阅读 · 2 评论 -
第40节-母版的引发事件(Raised-events) | 剑雨Axure RP9系列【基础】
母版引发事件(Raised-events)引发事件是指你将母版中某一元件的事件从母版中提升出来,以使其在页面的级别可用。 通过引发事件,可以对在不同页面上母版实例的同一个元件设置不同的交互。设置引发事件打开一个母版;选择其中一个组件;新建交互, 在事件的动作列表底部,选择引发事件,如下图所示:此处应注意引发事件与触发事件的不同引发事件的使用一旦你在上一步中设置了引发事件...原创 2019-08-17 06:21:39 · 476 阅读 · 0 评论 -
第39节-母版的创建和使用 | 剑雨Axure RP9系列【基础】
母版的创建和使用在原型设计中,部件元件或元件的组合会重复使用,这些元件的组合就可被用来创建母版。通俗地讲,就是将一些比较常用的模块,比如顶部header, 底部footer, 导航栏等转化为常用的模块,以在下次使用时快速创建。导航栏;网站顶部header(包括LOGO);底部footer;一些常用的按钮或组合,比如分享至第三方平台的按钮;Tab的切换(APP中居多)。母版的创建...原创 2019-08-17 06:21:06 · 1930 阅读 · 0 评论 -
第41节-母版视图Master Views | 剑雨Axure RP9系列【基础】
母版视图Master Views母版的视图主要方便在不同实例中定义不同的形式。一人母版视图的不同样式可以在实例中被选择。(有点像动态面板)。这样你可以在每一个实例中选择显示一个特定的母版视图。母版视图的添加打开母版并进行编辑,在样式栏目中选择添加母版视图,添加完成后,如想删除,可点击右侧删除母版视图按钮。##视图的继承视图中可包含层级结构。子视图可以继承来自父视图的样式。在父级...原创 2019-08-17 06:16:17 · 2427 阅读 · 0 评论 -
第40节-母版的引发事件(Raised-events) | 剑雨Axure RP9系列【基础】
母版引发事件(Raised-events)引发事件是指你将母版中某一元件的事件从母版中提升出来,以使其在页面的级别可用。 通过引发事件,可以对在不同页面上母版实例的同一个元件设置不同的交互。设置引发事件打开一个母版;选择其中一个组件;新建交互, 在事件的动作列表底部,选择引发事件,如下图所示:此处应注意引发事件与触发事件的不同引发事件的使用一旦你在上一步中设置了引发事件...原创 2019-08-17 06:15:41 · 2549 阅读 · 0 评论 -
第39节-母版的创建和使用 | 剑雨Axure RP9系列【基础】
母版的创建和使用在原型设计中,部件元件或元件的组合会重复使用,这些元件的组合就可被用来创建母版。通俗地讲,就是将一些比较常用的模块,比如顶部header, 底部footer, 导航栏等转化为常用的模块,以在下次使用时快速创建。导航栏;网站顶部header(包括LOGO);底部footer;一些常用的按钮或组合,比如分享至第三方平台的按钮;Tab的切换(APP中居多)。母版的创建...原创 2019-08-17 06:14:56 · 2196 阅读 · 0 评论 -
第38节-选择组Selection Group | 剑雨Axure RP9系列【基础】
选择组Selection Group可以将一组形状、线条、图像或动态面板之间创建为一个选择组, 在这个组内则只允许将一个元件设置为选中。当一个元件被选中时,自动取消其他元件的选中。(类似于单选按钮之间的关系)基于此,再结合元件的交互样式中的选中,可以做出一些Tab切换,内容切换,标签控件等原型。选择组的创建在画布或页面概要中选多个元件;在交互窗格的更多属性中,在“ 指定选择组”字段中输...原创 2019-08-17 00:00:24 · 3457 阅读 · 0 评论 -
第37节-交互样式Style Effects | 剑雨Axure RP9系列【基础】
交互样式Style Effects交互样式指元件的样式,当元件进入触发状态时,效果样式将被应用,当元件退出触发状态时,样式效果被删除,元件恢复为基本样式。常见的例子如下:当单击鼠标时,文本链接自动添加下划线;按钮被单击时边框颜色发生改变;可以为元件自定义样式效果。交互样式鼠标悬停:鼠标移入时使用,默认在文本链接上启用;鼠标按下:鼠标按下时使用,默认在文本链接上启用;选中:元...原创 2019-08-16 23:59:48 · 2134 阅读 · 0 评论 -
第36节-动画和边界Animations and MoveAction | 剑雨Axure RP9系列【基础】
动画和边界Animations and MoveAction动画在AXURE中可以为动作设定动画,以便在WEB浏览时发生视觉效果。一个动画通常有两个参数:效果和时间。如下图所示:可见性效果通常有4+4+1,一共9种效果可供选择。这些效果适用于动作显示/隐藏”操作及“ 设置面板状态”逐渐:逐渐更改元件或面板状态的不透明度,直到它完全进入或离开视图;向左/向右/向上/向下滑动:将元件或...原创 2019-08-16 23:59:16 · 535 阅读 · 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 · 2184 阅读 · 1 评论 -
第34节-条件逻辑Conditional Logic | 剑雨Axure RP9系列【基础】
条件逻辑Conditional Logic条件逻辑是一个规则系统,比如,你可以规定在满足何种条件时才执行某一个动作。可阅读前文中事件-情形-动作(Events-Cases-Actions)来加深理解。## 条件的设定将鼠标悬停在事件名称上,然后单击“ 启用情形”,在情形编辑器中选择添加条件。当条件满足时,条件语句的计算结果为true,否则为false可选择满足多个条件或满足其中一个条件...原创 2019-08-16 23:58:05 · 2334 阅读 · 0 评论 -
第33节-变量Variables | 剑雨Axure RP9系列【基础】
变量Variables变量是储存文本和数值的容器。变量的值可在其它元件中显示为文本,也可以在条件逻辑中使用。变量的本质就是:数值的获取和使用变量可以分成两大类:系统变量和自定义变量,而自定义变量里面又包括全局变量和局部变量。系统变量:是系统已经创建好的变量,用于直接获取对象的特定属性值。全局变量:主要是用于不同页面之间值的传递。局部变量:主要是用于指定页面内某个特定对象,往...原创 2019-08-16 23:57:29 · 947 阅读 · 0 评论 -
第18节-线条Line | 剑雨Axure RP9系列【基础】
线条Line线条的创建方法一:从左侧元件库中拖入;方法二:插入:绘画工具您可以使用绘画工具绘制直线,曲线,锯齿,波浪形,螺旋线或任何其他类型的线,可在界面左上角的“插入”菜单中操作。绘画工具与其他矢量绘图应用程序中的等效工具类似:单击画布以添加新的矢量点单击并拖动以添加弯曲点SHIFT拖动时按住可将曲线控制柄自动对齐到X或Y轴ALT拖动时按住可以相互独立地移动拖动手柄...原创 2019-08-16 23:44:26 · 3144 阅读 · 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 · 2462 阅读 · 0 评论 -
第16节-图片 | 剑雨Axure RP9系列【基础】
图片前面的话:图片这个元件可能是原型设计中使用频率最高的一个了。在AXURE中支持的图片格式有 JPG,PNG,GIF,BMP和SVG。图片的添加图片的添加有多种方法,如下:从元件库中拖入这种最简单的一种方法了。图片的导入:从左侧拖入图片后,双击该图片元件可从电脑载入你要放入的图片,而且些时载入的图片会自动适应到这个尺寸,Fit to Image:菜单中插入通过菜单顶部的插入按...原创 2019-08-15 22:08:56 · 1054 阅读 · 0 评论 -
第4节-AxureRP9界面介绍 | 剑雨Axure RP9系列【基础】
在AXURE的界面中,最中间的部分被称为画布Canvas, 基本上所有的操作,所有的元件都可以在画布上进行。如下图所示1 界面介绍对各界面1-9的介绍如下:1 为菜单栏和部分样式工具栏;2 为工作区域3 为页面栏,可以显示当前工作的页面及其他的页面,可以添加,重命名,重新组织页面4 为某一个页面的概要视图,从中你可以看到某一个页面所有的元件,母版,动态面板等等,可以对其的顺序进行排序...原创 2019-08-15 12:34:23 · 3227 阅读 · 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 · 3504 阅读 · 0 评论 -
Session10-选项卡制作 | 剑雨Axure RP9系列【进阶】
Session10-选项卡制作如果熟悉动态面板交互的话,选项卡的制作其实是非常简单的。分析点击两个不同的迎按钮时,出现不同的选项,这两个不同的选项可设定为动态面板两个不同的状态。给两个不同的按钮添加鼠标单击时事件,设置动作为设置面板状态即可。元件准备两个按钮:将其填充为不同的颜色并设置底部边框为直角;一个动态面板:将动态面板设置两个状态如下图所示:步骤按钮设置从左侧库中拖...原创 2019-08-20 00:08:23 · 898 阅读 · 0 评论 -
Session9-元件提示 | 剑雨Axure RP9系列【进阶】
元件提示Tooltips元件提示是在WEB浏览原型,当鼠标悬停在元件上方时出现的提示。这里将介绍两种元件提示的方法。其一是AXURE自带的元件提示设置;其二是利用鼠标悬停时 事件自定义的元件提示。AXURE自带的元件提示这种比较直观,拖入任何一个元件到画布后,选择交互,在更多属性中可看到元件提示选项,在那里输入需要提示的文字即可。如下图所示:设置好后在浏览器中的展示如下:自定义元件提...原创 2019-08-20 00:07:46 · 2000 阅读 · 0 评论 -
Session8-利用母版制作导航栏 | 剑雨Axure RP9系列【进阶】
Session8-利用母版制作导航栏原创 2019-08-20 00:07:15 · 1385 阅读 · 0 评论 -
Session7-轮播图 | 剑雨Axure RP9系列【进阶】
Session7-轮播图的制作利用动态面板及其动效,可制作成轮播图的效果或内容切换的效果。且可以将其设置为自动播放或手动切换。思路分析需要状态切换,因此准备一个动态面板,面板设置多个状态(有几张轮播就设置几个状态)如果对动态面板状态还不熟悉的请查看之前的讲义。状态设置完了后给整个动态面板设置轮播:设置页面载入时事件,设定面板状态,选择下一个,从后至前循环。这样就完成了动态面板本身...原创 2019-08-20 00:06:44 · 455 阅读 · 0 评论 -
Session6-滚动区域-Scrolling Region | 剑雨Axure RP9系列【进阶】
Session6-滚动区域-Scrolling Region在本节中,您将学习到如何对动态面板设置区域内滚动。元件准备一级标题、图片 各一个,文本段落3个,从上到下垂直分布。步骤将上述元件拖至画布中;选择所有元件,点击上方垂直分布;右键单击,然后在菜单中选择“ 转换为动态面板 ”;将动态面板的高度设置为350,这样将有一部分文本段落在此高度区域中不可现。在“ 样式”窗格的“ ...原创 2019-08-20 00:06:08 · 494 阅读 · 0 评论 -
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 · 678 阅读 · 0 评论 -
Session4-锚定链接Anchor Link | 剑雨Axure RP9系列【进阶】
Session4-锚定链接Anchor Link本节中,你将学习一个页面滚动到特定元件的交互。滚动到元件目标效果:点击某个元件后页面滚动到指定的一个元件)元件准备一个页面,拖入一个按钮及一个占位符。将按钮放在页面的上方的部位,占位符放到下面的部分(本例中将其Y值设为2000)分析准备好元件后,在按钮上设置鼠标单击时事件,动作为滚动到元件示意动图如下:...原创 2019-08-20 00:05:03 · 557 阅读 · 0 评论 -
Session3-文本在页面间的传递(Via全局变量) | 剑雨Axure RP9系列【进阶】
文本在页面间的传递(Via全局变量)可以通过全局变量来接收从输入框的输入,并将其传递至另外一个页面的某一个元件中。元件及页面的准备准备好两个页面,其中:页面1:拖入一个文本框和一个按钮;页面2:拖入一个矩形示意图:页面1的图:页面2的图:分析:通过全局变量TextInputVar(名字可自己定义)来接收页面1中文本框的值该接收动作由按钮的鼠标单击时事件触发将Te...原创 2019-08-20 00:04:30 · 761 阅读 · 1 评论 -
Session2-元件的显示隐藏及其动效 | 剑雨Axure RP9系列【进阶】
元件的显示/隐藏及其动效元件准备与设置准备好一个占位符,三个按钮,拖至画布;更改三个按钮上的文字分别为显示、隐藏、切换;将占位符的默认状态设置为隐藏,方法:选中占位符后在右侧样式菜单上点击隐藏;设置点击按钮时占位符的可见性给三个按钮分别添加事件设置可见性于占位符上,如下图所示:动画、灯箱、弹出、推拉动画对于显示与隐藏时,可以设置元件的动画效果,此设置详细见第36节-动画和...原创 2019-08-20 00:03:57 · 968 阅读 · 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 · 6915 阅读 · 0 评论 -
第6节-元件的使用 | 剑雨Axure RP9系列【基础】
1 元件的位置操作直接单击选择某一个元件将其拖至画布(中间区域)中,也可以通过左上角的插入菜单选择其他形状的部件。元件的移动:拖住元件并在画布上松开鼠标即可;也可以直接在X和Y中直接输入坐标。1.1 同时定位多个元件按住CTRL使用鼠标单击每个元件可同时选中多个元件,可以看到坐标X 或者Y不尽相同。提示:X, Y, W, H 这些参数中只有当多个元件的这些值相同时才会展示,否则在...原创 2019-08-15 12:39:07 · 1001 阅读 · 0 评论