用Aure 实现“打飞机”，骚年，来一发（上）

Math.random()函数的作用是在[0-1]区间产生一个任意数，这个用法与该函数在Java或js里都是相通的。要函数返回指定范围的随机数(m-n之间)的公式如是：Math.random()(n-m)+m；而在本文中，我们希望敌机在[0,450]区间产生随机数，因此理论上应该是Math.random()450，其中450是背景矩形的宽度，但是由于Axure认为元件的坐标

Axure教程 2016年04月11日

Aure教程 | 图片放大器

其中rate是放大图片与原图的比率，如下计算： 三、初始化全局变量和设置放大图片大小 使用了rate来保存放大图片与原图片之间的放大比率，页面加载时计算这个比率，并设置放大图片的放大倍数： 这个小例子里需要介绍的内容基本涉及了，详细可查看在线演示并下载源文件自己看一下吧。关键字：Axure, Axure教程, 放大, 图片

Axure教程 2016年04月11日

Aure教程 | 亲，来体验一下 iPhone 6

引子这是第一次使用axure8实现的例子，之前的auxre8版本似乎有点问题，输出的html文件总是不能正常显示，新的beta版本这次好像是改进了，最近重新安装了一下。先点击这里来看看demo效果。(内有源文件下载)这次带来的是iphone6的体验效果，主要实现了以下几种交互：待机黑屏状态下，电源键和Home键的操作屏幕显示时背景图片的缩放效果锁屏状态下的解锁密码解锁操作主

Axure教程 2016年04月11日

Aure8.0教程：“百度一下，你就知道”搜索首页原型设计

百度作为最大的中文搜索引擎，在某种程度上，有点学习google的简约至上的原则，但是给人的感觉还是不够彻底。今天，使用Axure 8.0花了一下午的时间基本重现了百度搜索主页的原型。作为一个深信产品可以改变世界的小白来说，去细致的研究一个网页时如何设计、如何实现交互的，会让自己明白很多设计中的小细节。实现的交互、功能点如下：未登录的百度主页：交互效果：右上角，当鼠标移入时，

Axure教程 2016年04月11日

Aure8.0教程——页面载入进度条（二）

在上一篇原型设计《Axure教程——页面载入进度条》中，设计中运用的技巧主要是函数、动态面板的使用；全局变量的使用、逻辑条件的设置。函数部分涉及widget.width、widget.height、widget.x、widget.y、Math.ceil()等；动态面板部分通过其大小改变触发（OnResize）和其状态部分触发（OnStateChanged）相互牵制影响。其实

Axure教程 2016年04月11日

Aure8.0小案例：电动机原型

再如，工具栏内的“页面”和“母版”被删除。最常用的按钮，如“添加页”和“搜索”，已被移到窗格的标题。其余的选项仍然可以下拉菜单、快捷键以及拖放进行使用。又如，用户在制作原型过程中，很容易忽略掉为元件、动态面板、图片等元素命名，从而很容易引起很多不必要的麻烦。而8.0很突出元素命名窗口。将操作频率很高的预览功能单独放出一个按钮来，解决了用户必须通过键盘F5预览的痛点。这些很小

Axure教程 2016年04月11日

天天打飞机没意思，我来打个坦克

[br]看到一篇打飞机的文章，深受启发，但是感觉飞机打太多伤身体，抽空试了试做了个打坦克的游戏。[br]玩法介绍：上下左右移动，空格开火，可以攻击右边的坦克。设计思路：游戏嘛，首先要有主角，即我们的坦克。根据经典的红白机坦克大战来作为参考的话，坦克可以往上下左右四个方向进行移动，移动的时候，坦克的朝向也要跟着变化。行走搞定后，接下来就要能够发射炮弹。炮弹有两种状态，正常飞行

Axure教程 2016年04月11日

Aure 美女浏览原型，内含：多层动态面板嵌套，拖动时函数设定边界

先上一张原型主界面的图片，原型在文章末尾，自己去下载本案例是以浏览图片为范本的原型设计（仅供娱乐与学习）。内部包含多层动态面板，函数应用，应该会对初学者有一点帮助。不过话说在前面，学习Axure还是要循序渐进：先从认识部件，认识函数开始（函数要学好，很重要滴），基础打牢后再继续打磨会事半功倍，不要上来就直接copy人家的函数与动作，要知道实现思路，知道“鸡”是怎么来滴。下面

Axure教程 2016年04月11日

高保真VS线框图，哪一种交互稿更能清晰准确地描述产品？

很多产品经常会纠结怎么把原型画得好看，哪个原型工具要彻底学会并熟练使用等等。但是团队的其他成员并不会关心你的原型画得多好看，也不关心用什么工具画，如果你能准备清晰表达出产品框架内容，也许在纸上画他们也会接受吧。当然，为了提高工作效率，我们还是会用到一些工具，比如axure、墨刀、摩客等等。工具很多也很好用，但是如何利用工具清晰准确地向团队成员描述我们的产品又是另一回事了，今

Axure教程 2016年04月11日

从零开始学Aure原型设计：动态面板与母版

Axure不仅能制作静态的视觉稿、页面，还能添加交互动作，是进行原型设计的最佳软件之一。在认识了Axure的界面和部件库之后，我们可以用它来画线框图了，但是静态的线框图在表达上不如有交互的原型图来得直观。Axure进阶篇中将会介绍什么是交互，如何玩转Axure中最频繁使用的动态面板部件，做出狂拽炫酷的交互效果。另外，还会介绍母版（主要是触发事件）的使用。交互基础知识开始使用

Axure教程 2016年04月11日