用Aure 实现“打飞机”,骚年,来一发(上)

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

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

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

Aure教程 | 图片放大器

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

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

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

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

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

Aure8.0教程——页面载入进度条(二)

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

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

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

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

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

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

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

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

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

Aure教程|如何制作&# 8221;返回顶部&# 8221;原型功能?

以产品经理的首页为例,进行“返回顶部”原型制作介绍:1、在工作区拖入一个动态面板命名为top,根据通常返回顶部的按钮在屏幕右下角的惯例设置top的X坐标和Y坐标,并在状态1(stage1)里插入一张返回顶部的图片,然后将动态面板top设置“固定到浏览器”,最后设置为"隐藏"备用。2、再拖入一个动态面板命名为top_2,Y坐标与动态面板top一致,X坐标任意,但是不要与top

Aure教程:手把手教你做截获鼠标指针(或鼠标变手型跟随)

昨天突发感想,教大家做了个Axure导航栏或广告悬停的效果。今天我又心血来潮了,再教你们一个很实用的  应用场景:截获鼠标指针,做鼠标跟随事件。相信不少同学都遇到过:想把鼠标变成“手形”工具,但苦苦不得其解的时候吧?下面,是美女手把手教你做哦,(把举例中的红色标尺图替换成手就欧拉)~~~(想感受一下应用场景,可打开百度地图,最右侧有:“工具”-> "测距"或“标记”功能。)

高手在民间 | 手把手教你用Aure制作连连看游戏(附预览地址和实现步骤)

某日,闲来无事,无聊的翻看着电脑中的APP图标,忽然萌生一个想法:用Axure原型制作一个连连看类型的游戏原型,于是说做就做,打开AxureRP 7,开始搞。一天,两天。。。(由于只有业余时间搞)。。。五天,原型终于搞定。期间经过了不同实现方法的尝试、逻辑的梳理、原型的测试等等等。。。。原型展示(点击试玩)开始界面:点击 PLAY 按钮即可进入游戏游戏界面:点击翻开图片,图

从零开始学Aure:条件、变量与函数

如果你熟悉了Axure的部件库,那么你可以得心应手地画出心目中产品的线框图;如果你会用Axure的母版、动态面板功能,那么你应该能够画出一些简单网站的原型图;但只有你精通了Axure的条件逻辑、变量、函数等高级交互,才能将心中的产品形态恣意地通过这款软件表现出来。下面小喵就给大家仔细梳理一下Axure的高级交互内容,以及如何运用Axure这款软件自带的界面规范文档来提高交付

用局域网内部分享Aure原型,这里有详细的步骤

用axure做好原型,想分享给别人,有几个方法:生成本地文件,发送本地文件,但是文件有更新,就要重新发送用axure自带的Axshare,上传到网络上,但是因为它的服务器在国外,所以文件越大,会越慢用一些免费的空间,如SAE、BAE等,把文件放到上面即可,但是也有个缺陷,如有更新,必须得重新上传所以现介绍一下win下如何部署本地文件,部署好后,会用本地地址作为访问地址,如我

Aure原型设计,单读APP原型分享

之前自学过Axure软件,但是平常工作只用到了线框图,没有用到很复杂的交互效果,最近利用业余时间进行Axure软件的自学,在练习时选用了单读APP进行选型临摹,由于单读APP是款小众且具有文艺范的应用,结构也比较简单,符合我这个伪文艺青年的需求,所以便选用此作为原型。个人觉得在学习任何软件,光是看教程或者书本是没有意义的,主要还是要动手去练,建议大家选择一个结构比较简单、自

如何优雅的用Aure装逼?高保真原型心得分享

啥是高保真原型 ?啥是原型,从事互联网的同学,肯定非常熟悉,特别是产品岗同学。如果不是,那如下简单讲原型和高保真原型的:原型:即产品草图。从产品流程来看,将想法形成草图原型,原型再有设计师形成效果图,程序猿们根据需求和效果图开发,出来的软件样子就是和效果图差不多。原型在过程中就是产品最终形态的骨架。低/中/高保真:根据图的粗糙程度划分,以最终效果图为参照。保真程度越高,离最

扫盲贴|如何把aure原型模拟到手机上

Axure不仅能制作静态的视觉稿、页面,还能添加交互动作,是进行原型设计的最佳软件之一,更是产品经理和交互设计师必备的软件之一。对于产品经理来说,画完线框图,再加上交互就成了更加形象的原型图。一份生动形象且充满逻辑性的原型图,交到设计师或者程序员手中能令后续的工作进展的更加顺畅。Axure不但支持在PC端生成html网页形式的预览,同样也支持在移动端的预览(包括交互!)相比

产品经理工具箱|原型及交互设计工具(APP端)

世界上最实在最方便的原型设计及交互工具:手,动作,神态及语言笔和纸国外的谷歌,facebook等大型互联网公司的交互工具就是上面最原始,最有效最直接的原型及交互设计工具,通过笔直接画出自己心中想的,通过自己对事物的理解想出交互动作,最后再通过交流表达出自己的所想这样就在短时间里达到非常快捷,非常可观的效率,这样的会议即使做一次都是非常受益的。但是在国内大多都是自己想自己做,