动态面板是在Axure中*一个能够调整尺寸的元件。结合动态面板的状态样式，我们可以实现图片缩放以及简单的进度条加载效果。　　案例一：图片缩放效果　　这个案例效果为鼠标移入图片时，图片按中心点放大;鼠标移出时，图片缩小为原尺寸。放大缩小有动态的效果。　　首先，要完成这个效果我们需要先放入动态面板，命名为“zoomimage”，然后设置其背景图片，然后设置【重复】为“填充”或“适应”。这样能够保证动态面板改变尺寸大小时，背景图片能够跟随改变尺寸大小。　　然后，我们来分析一下在图片缩放的原理。图片(动态面板背景)放

　　主要是MAC新人+Axure新人会碰到这两个问题。Windows版用户和一般的用户都可以不看这篇文章!　　问题一：MAC版的Axure无法汉化，汉化包文件不能拖入也不能复制到指定文件夹。　　那是因为你根本就没有安装好软件!你肯定是直接从dmg安装文件中右键，【显示包内容】，进入【Contents】然后进入到【Resources】文件夹。这样肯定是无法拖入或复制汉化文件进去的!MAC电脑安装软件的正确方式是：打开dmg安装包，把里面代表软件的图标拖入到applications(应用程序)里面。安装后在finder应用程序目录里能够看到你的软件，同时在Launchpad里面也

　　效果图　　通过效果图我们可知我们的期望效果如下：　　1、拖动开始时显示滚动条　　2、拖动结束时隐藏滚动条　　3、滚动条长度和文章总高度是成比例的　　4、拖动到上边界时滚动条会成比例的缩短　　5、拖动结束时滚动条会变回原来的高度　　变量名说明　　下文中说的main=显示范围层，text=内容层，bar=滚动条。　　页面载入时　　载入时要让滚动条的高度根据比例变为指定高度　　[[main.height/text.height*main.height]]　　main拖动开始时　　显示bar　　main拖动结束时　　隐藏bar　　拖动到上下边界结束时将bar还原到原来的高度

　　■ 静态元素结构　　将需要制作划屏的文章内容转化为动态面板。　　再将文章内容再转化为动态面板，并将该面板调整为显示范围(手机屏幕大小)的尺寸。　　将调整好的动态面板放到手机屏幕区域内　　■ 交互分析　　我们期望的效果是：　　1、可以垂直拖动文章内容。　　2、拖动最多可超出上下边界半屏，但会自动回弹到上下边界。　　■ 垂直拖动拖动限制　　拖动显示范围面板时，使文章内容被拖动。　　所以选中『显示范围』面板，选择『拖动时』事件，选择『移动』，移动的元件是文章内容。　　移动中要选择『垂直拖动』，因为外面只希

　　一般注册过程包括以下步骤：　　1.用户按照提示填写表单。　　2.用户在填写表单的时候提示是正确否输入了内容，如果没有，提示用户。　　3.用户提交表单，所有项是否都正确，如果出错，提示哪项有错误。　　4.用户成功提交表单或者取消表单。　　在填写表单过程中，常见验证方法有如下几种：　　1.用户是否在注册的用户名或ID中使用了非法字符。　　2.用户是否输入了内容。　　3.两次输入的密码是否一致。　　4.是否是合格的Email地址。　　5.长度是否在6-12个字符之间。　　下面我们用Axure7.0来完成通用注册的设计，以下包括最基本的

　　Axure RP 8.0beta已经发布了，相信很多同学已经下载。但V8版本到底表现如何?新增了什么新特性，有什么用处?　　尽管原型制作工具哪家强的论战在知乎愈演愈烈，但Axure无疑还是多数产品狗的主力工具。究其原因，Blink简单的总结为：在目前互联网环境下，Axure是更好的平衡了快速、好用、适用专业原型制作工具，对于像Sketch、OmniGraffle等热门工具来说，Blink认为他们是能做到部分Axure做不到或做起来很麻烦的功能罢了，并不能完美替代，而且他们本身也不是专业做原型的。　　而今年8月，Axure
RP*的8.0beta版已经悄然发布，Blink作

　　本文将介绍 Axure RP 8 中继器(Repeater)功能的改进。主要改动集中在可以允许中继器中的条目设置为不同尺寸大小。　　隐藏部件时不再影响尺寸　　在 8.x 版本中，隐藏条目中的部件时不会再影响该条目的显示尺寸了。如果你在Axure 8 中打开
7.x版创建的文档，将按此改进更新文档。如果你希望保留由隐藏部件定义的条目尺寸大小，可以添加一个热区部件到该中继器条目中。　　适配HTML内容大小　　当选中中继器部件的“适配HTML内容大小”属性项时，中继器的条目尺寸大小将随着该条目其中的部件的显示、隐藏和移动变化自动改变。该“适配

　　看界面　　界面有了很大改变，不再浓妆艳抹，变得简洁精致。并且实现了Win和Mac版本布局上的统一，不再看上去像两个版本。至于到底哪里变了，最明显的是快捷功能区的重新布局以及取消了下方中部或者叫中部下方的功能面板，感觉像练了葵花宝典一样!　　看元件　　元件库里加了一些新元件，多了一些矩形的变种和标记元件。　　其实标记元件中的图形元件也都是可以自己制作的元件，并算不上新的元件。只有新增加的屏幕快照元件，是一个不错的新东西，像框架一样双击使用，能够显示引用页面的缩略图。但是，还是有缺点，如果你做自适应视图

　　0. 站点地图　　制作原型之前*先构思一下自己的原型框架，然后建出站点地图，这样可以帮助自己理清逻辑，当然，实际制作的过程中可以不断对产品地图进行修改的。　　1. 手机框架(即我的站点地图中的微信读书)　　对与APP的原型制作不同于网站，网站是很多网页完整的刷新，而APP，我们既要看到一个手机，又要看到里面的内容，而手机外壳*是不要进行刷新的，这个可以借助内部框架部件来实现。如下图所示，只要在手机外壳中间拖入一个内部框架，然后设置
框架目标页 到登录页面，设置从不显示滚动条 和 隐藏边。　　2. 登录　　登录界面

　　在项目开发中, 美术资源的管理如果没有进行过规划, 则会随着项目规模的扩大和需求修改的增加而变得越来越花费时间和精力, 本文总结了一套使用Axure
RP(版本7.0.0.3183)软件来进行美术资源管理的解决方案, 将详细解释如何利用该方法与客户端开发高效进行需求沟通, 并避免需求修改后的资源冗余,
以及提前检查资源更新后会影响到的界面避免误修改等问题, 并且会将具体执行中的一些细节进行阐述.　　总结该方法的契机是完成了一个项目后, 客户端资源管理存在很多问题, 占用了从客户端到策划再到美术的不同人员的可观的时间和精力,
于

　　Axure案例应用　　电商网站的搜索框，对商品、店铺和卖家进行搜索。切换下拉框中的内容时，切换到不同的搜索输入框，样式也相应改变，下面通过设置下拉列表框“选中项于”逻辑条件，实现上述交互效果。　　Axure选中项值用例条件　　设置选中项值的基本逻辑表达式为：如果“选中项值”等于“值”，那么执行动作　　选中项值对应部件：下拉列表框　　逻辑条件设置灵活，分别可以设为：　　-值1：选中项值：可以设置部件　　-运算符号：可以设置为：等于、不等于、小于、大于、小于或等于、大于或等于、包含、不包含、是、不是　　-值2：

　　1、首先看下轮播banner的组成。　　上图中，左边是页面 展现的 banner轮播的图，右侧则是对应的两个动态面板。　　可以看到右侧动态面板命名非常简单(根本起不到提示作用，但这说明此处面板命名不太重要，自己能区分就可以)　　2、接下来看一下两个面板的交互效果。　　如上是对于 轮播图片banner的 动态面板设置。　　设置面板在 【载入时】有交互，基本就是两个动作：　　面板不是在一加载就开始切换的，我设置的先等待1000毫秒。　　设置面板状态 为【NEXT】(即按照1、2、3的顺序进行切换);　　勾选从*一个到*个自动跳转;勾选图像轮

　　AXURE制作手机下拉刷新效果交互原型　　要求：　　1、向下拉动屏幕出现[可刷新]的提示。　　2、刷新要有加载过程。　　3、刷新完成后屏幕归位。　　拖入一个与手机模型屏幕同尺寸的 Dynamic
Panel，命名为[mask]，其主要的作用是作为后续所有元素的容器，因为要把操作的可视范围限定在屏幕的空间内。　　在[mask]中拖入一个稍高于屏幕尺寸的 Dynamic
Panel，命名为[screen]，高出的部分是用于存放下拉时出现的刷新提示，高度自定，这里我设了 50px，同时将[screen]的位置坐标调整为
x0,y-50，目的是将刷新提示放置在可视范围之外

　　Axure动态面板的属性中有个功能，叫“固定到浏览器”，这个功能也可以在动态面板的右键菜单中选择。　　如果我们希望页面上的某个部分，在页面滚动时保持在原位不动，就需要用到“固定到浏览器”的这个功能。　　比如，一个“返回顶部“的按钮一直固定在页面右下方，距离浏览器右边框100像素和下边框10像素的位置上。点击这个按钮时，整个页面滚动回顶部。这样的效果就需要用到上面提到的功能。　　其实，Axure“固定到浏览器“这个功能，并不是把元件在*位置固定，它是相对于浏览器的固定，对于页面来说其实元件是在随着页面的滚动而

　　鼠标悬念时改变原状态，如加底色/字体颜色改变等交互在axure中是非常容易实现的，本原型中结合了鼠标悬念和动态面板的使用。　　1.鼠标悬停前效果　　2.鼠标悬停后的效果：字体低色为粉色　　3.动态面板(未上图)　　先来看下所有元件，如下图：　　整理清楚所有元件，现在开始做原型，开始着手做原型啦　　1.建立背景矩形　　拉一个矩形出来，宽：910，高：480，填充颜色：灰色　　2.装饰条形　　矩形，宽：150，高：5，无边框，填充颜色：橙色　　3.*团矩形　　矩形，宽：150，高：37，无边框，填充颜色：粉色，文字：*团　　4.分类背

　　效果演示　　静态元素　　制作方法　　注意　　使用到函数的时候，要先将对应函数添加到局部变量中。　　如果调用的是当前元件，则不需要添加，使用This代替即可，例如[[Tihs.x]]　　教程中没有使用This是为了让大家更清楚的明白我说的是哪个　　贵阳航洋动漫职业学校是贵阳市教育局批准(贵阳市教[2010]15号)设立的跨专业(包含计算机平面设计、动漫与游戏制作、影像与影视技术、绘画等专业)、多门类、全日制中等专业职业学校，同时也是一所实行准军事化管理的学校。

　　简单来谈一下，为什么软件开发项目中，需要需求文档这么个东西?　　在稍微大一点的开发团队中，产品经理未必能向所有开发人员，传达具体的产品开发需求。这时就需要一份文档来供所有的项目参与人员阅读。而产品经理又常常爱拍脑袋、容易变卦，所以文档也是开发人员约束产品经理的一项武器。在产品上线前的测试环节，测试人员也同样会拿产品需求文档来验收产品质量。当团队进入新人时，文档也可以让新人更快地了解产品。　　总的来说，产品需求文档有三个核心作用：　　传达产品开发需求;　　保证各部门沟通有理有据　　产品质量控制有

　　效果演示　　效果分解：白色按钮→绿色按钮→圆环进度条→提交完毕　　需要使用Axure8才可以做出此效果，想学习的记得下载Axure8版本。　　教学重点　　1、环形进度条动画　　2、Axure8多动画同时进行功能的应用　　静态元素绘制　　State1：白色按钮，按钮上有绿色提交文字。　　State2：绿色按钮，按钮上有白色提交文字。　　State3：　　绿色圆环、灰色圆环、中心白色原型、绿色圆(隐藏)是4个同心圆，其中中心白色原型比其他的小一圈，小的这一圈刚好把圆形的边线漏出来。　　扇形环1-4为绿色边线，灰色扇形环为灰色边线，均为左上

　　静态元素构成　　进度条：会增长的矩形条，文中的『bar』指的这个元件;　　进度条边框：套在进度条外面以表达*进度条长度的矩形，文中的『 max』指的这个元件;　　进度：由进度数字和百分比2个文本构成，文中的『num』指的数字元件。　　动态效果分析　　进度条由空涨到满，满时停止;　　数字根据进度条当前进度显示对应百分比。　　进度条动态效果制作　　首先，进度条初始状态应该是空的，所以应该将进度条宽度改为0，但Axure不能为0，*为1，所以将宽度改为1。　　进度条是出现这个进度条时就开始加载的，所以这个交互要做在『载入

　　在使用Axure RP
制作原型时，经常需要对Widgets的大小做调整;一般我们都是通过拖动控件的边框来实现调整大小，但是如果目标区域比较狭小的时候，调整大小就比较费力，不是拖大了就是拖小了;　　试试方向键吧!选中需要微调大小或位置的控件，再选中需要微调的条件，如图，调整控件的高度：　　如果需要增加控件的高度，方向键：“上↑”;要减小高度的话，方向键：“下↓”　　贵阳航洋动漫职业学校是贵阳市教育局批准(贵阳市教[2010]15号)设立的跨专业(包含计算机平面设计、动漫与游戏制作、影像与影视技术、绘画等专业)、多门类、全