高手在民间 | 手把手教你用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等大型互联网公司的交互工具就是上面最原始,最有效最直接的原型及交互设计工具,通过笔直接画出自己心中想的,通过自己对事物的理解想出交互动作,最后再通过交流表达出自己的所想这样就在短时间里达到非常快捷,非常可观的效率,这样的会议即使做一次都是非常受益的。但是在国内大多都是自己想自己做,

Aure操刀微信H5页面之《加密情书》的交互设计

不知道从什么时候,H5开始借着微信平台风靡移动互联网,H5小游戏,H5广告等,在朋友圈随处可见。另外各种H5页面制作工具也真是出不穷,这里就不一一列举了。但是作为一个老牌原型设计工具的Axure,在H5时代,又怎么能甘拜下风,其功能的强大也不是哪个H5小工具随随便便就能匹敌的,但又不得不承认,在这方面,Axure也存在很多弊端,越高的灵活性就导致了越高的复杂性。至于如何取舍

Aure教程:微信启动闪屏界面制作(附设计流程及源文件素材)

现在绝大部分APP都有自己的启动画面,那么在原型图的制作中,如何制作这种带有延迟自动消失的启动画面呢?在这以iOS版微信为例,来为大家图解如何使用Axure进行启动画面制作。一、功能描述点击界面中的APP图标,微信启动画面渐变出现,一段时间后显示微信主界面。二、素材准备苹果iphone5s.png、AppIcon.png、发现.png、微信.png、启动画面.png、通讯录

Aure实战|超简单的番茄钟App设计

关于番茄钟的概念,是指在25分钟内专心地完成一件事件,不要受其它事件的干扰。现在各大应用市场上番茄钟种类繁多,但功能基本大同小异,多半在界面上有所差异,但是这些番茄钟设置太麻烦,不符合懒人使用,既要输入文字,又要选择时间,设置颜色,设置时间等等,太繁琐太繁琐,所以这里想设计一款只需要简单操作后就可以开始的番茄钟,不需要进行太多的输入。要输入什么的最烦人了,我只希望选择一下就

Aure操刀微信H5页面之《人际沟通风格测试》的制作过程

[br]在之前的文章中我就讲过用Axure制作H5页面(再次声明Axure输出的html文件可能并非基于html5),在H5制作工具满天飞的时代,Axure制作的H5虽然拼不过那些加过特效的酷炫页面,但Axure的强大在于它的思维能力,所以在某些方面,Axure完全不输其他H5制作工具,甚至它输出的高保真原型可以直接上线发布了。那本文就讲述一个性格测试类H5页面——《人际沟

【分分钟制作Demo】Mac交互工具Principle使用教程

最近正在做移动端产品的交互设计,最常用的工具是Axure,但总觉着不够快捷,有些效果在实现上也是不尽人意。恰巧朋友推荐了一款适用于移动端的Demo制作工具,我试用后感觉非常好,学习成本极低,制作效率也大有提升。近期总结了一下,分享给大家~本次分享主要有以下几点内容:初识界面两个关键操作案例一:滑动案例二:点击跳转案例三:跟随动画(抽屉效果)一.初识界面Principle的界

Aure教程 | 如何通过拖动滑杆上的按钮,调整数值?

使用局部变量LVAR1表示动态面板,这样好取它的x位置。计算方法为根据当前x位置除以3(因为全长300,除以3刚好等于100),注意要用100减掉这个值,而且因为当前位置是负值,所以这里使用了取绝对值(Math.abs(值))的方法去掉负号,最后结果取整(toFixed(0)表示小数位为0,即没有小数)。 5、完成 到这里滑杆调值基本完成了。 知道大致思路后,就可拓展做成你

Aure 7高保真还原Web首页布局和交互教程

Axure是产品经理们最常使用的原型绘制工具之一,熟练掌握Axure会让产品经理在产品设计时事半功倍。笔者刚开始学习Axure时,常通过高保真还原一些现有的网页来提高自己的技能。下面将通过一个高保证还原一个真实实例来介绍Auxre的使用方法 ,涉及页面布局、页面交互等常用技巧。如果你刚刚接触Axure,熟练掌握本文的案例和方法,你的Axure使用技能突飞猛进。案例任务:使用

原型利器前瞻!Adobe Eperience Design CC 体验概览

今天知道 Adobe 家族刚加入了一款新产品,叫 Adobe Experience Design CC。今天,带大家一起体验下 Preview 版本的各个特点。去年 Adobe 就在网站上放出了 Adobe Project Comet 的简介和视频,如今已经可以下载到 Preview 版体验试用,当前版本将软件更名为 Xd(文件格式也是.xd)。目前,XD 暂时只有 Mac

Aure教程:用Aure实现晚会抽奖程序

根据这个原理,我们可以明确在制作原型的过程中需要解决哪些问题,如下:被抽奖人信息如何存放如何实现被抽奖人信息的快速闪烁切换如何从被抽奖人信息中删除中奖人信息按下键盘任意键开始/停止抽奖的逻辑判断带着这些问题,我们开始原型的制作过程。制作过程用到的axure元件:中继器、文本框PART1:创建被抽奖人数据库(中继器)用中继器来存储被抽奖人的信息,这个操作非常简单,只需要添加一

Aure PR 7.0 实现页面纵向滑动效果

因此我们的条件动作即为:当 “[[This.y]]” >= 64时,“拖动面板”重新回到(0,64)处。当“[[This.y]]”为什么是64?因为:20+44=64.元件的纵坐标定义为元件左上顶点的纵坐标,当面板处于顶导分隔线下方时触发条件,因此当元件纵坐标大于顶导下沿时,触发条件从而使面板重新回到紧贴顶导下沿处。为什么是-345?因为:64-[(64+977)-632]

用Aure制作Material Design的APP原型(附元件库下载)

做Material Design风格的原型,首先是你对它的设计风格喜欢并且热爱,这里就不解释什么是Material Design了。如果对设计规范不了解,也可以先看一下Material Design的设计规范中文版。熟读,最好是烂熟于心。原型目的,也可以说要解决的问题:降低与设计方面沟通成本。需求阶段能让开发预知技术难度。提高原型可读性和可操作性。元件库好的元件库能让原型制

原型设计思维:搞定难题验证想法5日秘诀

本文内容经过即将出版的新书《Sprint:搞定难题验证想法5日秘诀》授权和许可改编在medium发表。很荣幸能够在第一时间收到我的三位Google风投合作伙伴Jake Knapp, John Zeratsky和Braden Kowitz编写的新书《Sprint:搞定难题验证想法5日秘诀》。几年之前,Jake就引入了敏捷开发中Sprint的概念,它是通过设计、原型制作和同客户

五分钟教你快速上手Aure交互设计

第一分钟:理解交互样式交互样式:在触发特定的事件时,用来控制元件部分样式的改变。在Axure 8.0中的面板如下:实例一:鼠标悬停时改变文字颜色和背景颜色1. 选中带文本的矩形如图,点击交互样式面板中的“鼠标悬停”,弹出“设置交互样式”对话框;2. 选中“字体颜色”和“颜色填充”,随便选两种颜色,点击确定;3. 点击预览,效果如下:总结:交互样式触发的事件类型只有四个,控制