■ 静态元素结构　　将需要制作划屏的文章内容转化为动态面板。　　再将文章内容再转化为动态面板，并将该面板调整为显示范围(手机屏幕大小)的尺寸。　　将调整好的动态面板放到手机屏幕区域内　　■ 交互分析　　我们期望的效果是：　　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号)设立的跨专业(包含计算机平面设计、动漫与游戏制作、影像与影视技术、绘画等专业)、多门类、全

　　对于新手来说，用Axure做一个表格是一件麻烦的事情。本文教你如何快速学会Axure表格的基础应用。　　(1)Axure制作基本表格的使用　　可以使用“线框图”中的“表格”控件来制作一些简单的表格，同时Axure中为我们提供了一些对表格简单的编辑功能。可以像在excel中对表格进行各种插入，同时可以编辑表格的线框和底色等。　　(2)Axure表格使用小技巧　　虽然Axure本身为我们提供了一些表格编辑的基本功能，但是对于单元格的合并等一些*编辑功能并不像excel那么强大。　　但是我们可以通过先在excel表中制作好我们需要的复杂表格，然后通

　　在产品的设计阶段，产品经理必须做的一件事情就是原型的制作以及PRD的撰写。当前进行网页原型制作的*工具莫过于Axure了。在Axure之前，经常用到的工具有Visio、Word等。Axure与其他工具的*区别在于Axure
RP
能帮助产品经理快捷、简便、直观的构建中脑海中的产品，构建出来的产品包括页面示意图、操作流程图、甚至高保真的交互设计，并且可以生成用于演示的网页文件，方便演示。　　因此，Axure流行起来的*原因就在于两个关键词：实现成本小、沟通效率高。实现成本小指Axure的学习成本低，并且制作过程可视，使用人员只需要专注于功

　　关于Axure动态面板　　动态面板是axure原型制作中使用非常频繁的一个元件，主要用途就是实现一些动态的交互效果。所以，如果动态面板使用不熟悉的话，对axure原型的制作会有很大的影响，那么动态面板都能做什么呢?主要有以下几个方面：　　1、 隐藏与显示　　2、 滑动效果　　3、 拖动效果　　4、 多状态效果　　以上这些效果都在移动面板的元件属性里面体现。　　那通过这几个属性都能实现什么样的功能呢?简单的举几个例子。　　1、 显示隐藏效果　　我们经常在做原型的时候，需要点击按钮后出现一些界面上没有的元素，比如：　　情景