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

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

【AureRP8.0教程】关于移动端原型尺寸与设备适配

问:移动端的原型尺寸应该怎么设定?那么多手机型号,尺寸都不一样啊!答:按比例做就可以。这是个错误的回答!!!移动端的原型,是有规范尺寸的,这个尺寸与屏幕的参数有关,主要就是对角线尺寸和分辨率。通过这些参数可以知道手机屏幕上每英寸的像素密度。根据密度和手机的硬件设定可以得出对应的图片尺寸。以下是我不专业的理解,如果有错误,欢迎大家指正。在一款APP的文件夹中经常会看到这样的文

技术干货|Aure 小众使用技巧分享

本文并不是关于动态面板、中继器的分享,而是基础却又很常用的小众经验技巧。Axure功能非常强大,即便是应对高保真原型图,复杂的交互也完全能够胜任,当然在画原型图时也不需要过多的纠结于交互的细节,保证内容和逻辑即可。下面举例说一说Axure使用的一些技巧,都是在不断的使用过程中总结出来的。以下操作都是在Axure8.0中完成的。本文并不是关于动态面板、中继器的分享,而是基础却

Google Material Design:900 个实用图标的 Aure 组件库分享

本文作者将分享一套来自于Google Material Design的实用Axure图标组件库,其中一共有900+款的常用的经典图标。enjoy~平时各位交互设计师和产品经理们在设计原型上都会用到图标,但是临时去找图标是一件很影响效率的事情。虽然其它同行朋友有分享过自己制作的图标库,但是要么数量不够全面、要么不支持调整尺寸和颜色。今天分享一套来自于Google Materi

Aure 原型:1 个原型搞定工作知会

团队中,总会有人没有好的整理习惯,或者记性不好,亦或者你也不想为了这些事情耽误自己的时间。如何能有效的减少这类事情的沟通成本呢?作者尝试制作了一个关于需求沟通的面板原型,一起来看看。“小健阿,那个缺陷管理的后台地址是什么?”“小健啊,98.8活动的需求稿你发给我了么,在哪里看?”“小健啊,上周我们做了哪些需求啊,你整理出来看看”“小健啊,现在XXX在开发什么,好像没什么事干

Aure RP8 中继器实例(附 rp 文件)——列表的增删改查、分页

中继器(Repeater)是Axure RP7中新增的一款高级组件,传说是Axure中最复杂的组件。在需要以列表形式(如商品列表、联系人列表等)展示信息并对列表进行增删改查,分页、排序等操作的场景中,中继器是你的不二选择。本文用一个实例来演示中继器的具体用法。完成后的效果如下图(1),rp文件下载地址请看文末链接,该实例可以实现以下功能:新增一条记录到列表高亮显示选中记录并

Aure8.0 实例 | 滑块验证码

验证码的方式有很多,对于滑块验证码相信大家肯定不会陌生,今天我们一起来用Axure8.0来模拟做一个滑块验证码。预览暂缺,没找到合适的转换软件。一、元件准备1、添加动态面板三个,分别用来存放滚动的圆块,验证状态和验证码的背景图片,分别起名字叫“拖动圆球”,“状态”和“验证码背景”。其中“验证码背景”动态面板隐藏;2、“拖动圆球”动态面板中添加图片;3、“状态”动态面板设置三

Aure教程:移动端原型页面横纵向滑动同时实现

现在,移动端已经逐渐超越了PC端成为了主流,各种手机APP称出不穷,占据了我们的绝大多数生活,尤其是微信。无论吃饭、休息,还是工作,我们总不时地拿出手机,从消息的最顶端往下滑,直至看完所有的小红点,然后从右往左滑过通讯录,滑到发现,又是朋友圈的一轮疯狂阅读与点赞。喝点鸡汤,寻点乐趣,我们的生活确实这么无趣。那么,在做原型的时候如何实现刚刚所说的横纵向移动呢?下面我将向大家分

Aure 需求文档应用:手机流量监控产品功能设计

axure需求文档,这个文档顾名思义就是用axure来写需求文档了。废话不多说,直接上图:流量监控功能核心包括3块:基本流量监控、流量校正、提醒。目前市面上通用的流量监控做法一般采取向运营商发送查询短信,然后解析短信来获取用户的流量相关数据。极个别和相关运营商关系密切的能拿到当地运营商的流量查询接口。iOS由于无法获取相关权限只能用户手动填写相关数据了。流量具体的流量监控实

Aure 教程:原型设计之多用户注册登录

当我们遇到需要记录用户信息及行为历史的产品时,肯定少不了注册登录这个流程,下面我们就一起来看下这样的原型该怎么去制作吧。第一步 登录页面制作首先我们需要一个动态面板,设置三种状态。状态1我们作为登录界面,在其中拖拽两个文本框,分别命名为:用户名1,密码1,对第二个文本框类型设置为密码;接着拖拽三个矩形框,一个填充为灰色,输入文字:登录,作为登录按钮,一个输入文字:没有账号,

Aure7.0教程(一)中继器的使用(1)

Axure rp 7.0来了,与axure rp6.5的区别大家都在探索,目前为止7.0bug层出不穷,但是我们能看到7.0的变化,最显著的是,在软件自带的里只多了一个元件,他的中文名在汉化版本里叫—中继器。从中继器的特点,我更乐意叫他的名字为数据集。中继器的作用从表面上来看是用来动态存储数据的元件,但是像动态面板一样,虽然样子没什么特别,但是却能够通过它实现很多令人意想不

Aure 之旅:不看教程,如何做出自己想要的任意效果?

今天决定开一个新坑,来讲讲产品经理的大杀器——Axure。众所周知Axure是款原型设计工具,应用十分广泛。在国内近年来也有一些创业公司在做原型设计工具,如墨刀、mockplus等,主打简单、易用。但是Axure依然是主流。当然了我并不是说它们不好,其实我都有用过,对于新手来说,确实是很容易上手。但是我想提醒的一点是,很多“易用”其实是甜蜜陷阱,在这些主打简单易用的原型工具

Aure原型技巧 | 这回我们模拟下键盘输入

前两天,因粉丝询问关于键盘的输入问题,如何能模拟像软键盘一样的输入,可以添加删除文字,这里模拟一个稍微简单的键盘输入效果,说它简单是因为它不支持字符的插入操作,只模拟了全键盘和数字键盘,其它功能可以发挥你的大脑,补充完善,*_^主要功能描述如下:支持字母的添加支持退格效果可以进行大小写切换可以切换到数字键盘单击输入框显示键盘,输入后点击“搜索”隐藏键盘现在开始。1、拖一下单

Aure 常用操作与技巧(干货,不定期更新)

内联框架的使用 拖一个手机模型到画布,再在手机屏幕上放一个内联框架(调整到手机屏幕大小),隐藏滚动条和边框,链接到手机原型的第一个界面,这样的话点击跳转时候,手机模型就不会再次加载了,优化原型演示效果。2. 变量的使用 如果一个页面view1可以由多个不同的页面(view2,view3,……)进入,那么可以设置一个变量值EnterView1View表示是从那个页面进入vie

【AureRP8.0教程】AureRP8的8个改变

看界面界面有了很大改变,不再浓妆艳抹,变得简洁精致。并且实现了Win和Mac版本布局上的统一,不再看上去像两个版本。至于到底哪里变了,最明显的是快捷功能区的重新布局以及取消了下方中部或者叫中部下方的功能面板,感觉像练了葵花宝典一样!对于这个改变来说,老手一看便知,新手……看懂了也没个卵用!看元件元件库里加了一些新元件,多了一些矩形的变种(然并卵)和标记元件。其实标记元件中的

Aure 9.0 高级教程:这是一份详细的变量使用说明书

变量概述变量来源于数学,是计算机语言中能储存计算结果或能表示值的抽象概念。变量可以通过变量名访问。在指令式语言中,变量通常是可变的;但在纯函数式语言(如Haskell)中,变量可能是不可变(immutable)的。在一些语言中,变量可能被明确为是能表示可变状态、具有存储空间的抽象(如在Java和Visual Basic中);但另外一些语言可能使用其它概念(如C的对象)来指称

Aure RP8 学习笔记三(实现简单的弹窗效果)

概述首先还是得祝大家二〇一七新年快乐啦,本来是想在元旦的时候写的,咳,反正就拖到今天啦。这也是我二〇一七写的第一篇文章,就和大家分享一个很简单的小实例教程吧,当然可能很多地方都会用到,就是 用Axure实现一个简单的弹窗效果 。核心思路的话就是使用 动态面板 。实现效果这里就简单模拟一个修改密码然后需要弹窗提示的场景吧。可能有些丑然后文案逻辑都有些随意各位看官不要太介意。输

Aure 组件:APP 设计常用组件文件(附源文件下载)

本套原型是一个我在组件计划中的阶段性成果,分享出来希望能对大家有一定的帮助。初衷&目的做得聪明人,花得笨功夫;本套原型是一个我的一业余项目《组件计划》的阶段性的成果,分享出来希望能对大家有一定的帮助。说明: 组件库只是整个项目的副产品,后期更多的产出物会放到 单一模块的流程设计,详细规则,细节设计等方面。设计中遵从的思路在设计这份组件时,由于组件的层次很多,故而将大量的类似

【原型设计】百度搜索提示是如何实现的?

百度搜索当我们使用搜索引擎输入关键词的时候,搜索引擎会根据搜索词模糊匹配推荐一些相关的内容在搜索框的下方显示,这里也包含了我们的搜索记录。点击搜索按钮,搜索引擎就会执行搜索,利用爬虫抓取的网页,按照一定的算法返回搜索结果列表。 那么这样的原型交互效果,是否可以通过Axure完成制作了?这就是今天为大家讲解的交互案例,借助中继器实现百度搜索提示的效果。本案例的讲解适用于具有一