Aure 原型 | 用Aure画流程图
用Axure绘制流程图好处是可以随时预览,比较灵活。不过就是没有Visio那么多模板和强大的功能。Axure默认的流程图控件:其实我们最常用的是:矩形、菱形、箭头。因为这些基本图形其实并没有形象的表明它们是什么,更多的还是需要使用者根据自身的流程实际情况多加注释,所以大部分流程图只需使用这两个控件即可。Axure选择连接模式连接流程图:绘制流程图基本要点:流程路径不要交叉:
Axure教程
2016年04月11日
Aure原型 | O2O订单流程 APP交互稿分享
翻出了一年半前写的一个订单流程的稿子,写的很粗糙,但大体流程表现都比较清晰,由于是写着玩的自然没有需求规则,现在拿出来分享给大家,供学习交流!
整体预览:
动画预览:
原型下载地址:
http://pan.baidu.com/s/1i3EqNbv
密码:ika1
在线预览:http://biylwr.axshare.com/作者:陈张良,微信号:chenzhangliang
Axure教程
2016年04月11日
Aure原型 | P2P金融 微信体验金交互稿分享
这个交互稿完成于一年前,那时刚接触Axure不久,流程图及不同场景的静态图是后补的,当时只是纯粹为了学习使用下Axure。
由于只是学习作品,所以需求、逻辑及后台都不涉及,当然最终也没有开发上线,现在拿出来分享给大家!
流程判断:
交互稿效果:
场景分析:
原型下载地址:
http://pan.baidu.com/s/1bpueM
密码:vrfk
在线预览:
http://
Axure教程
2016年04月11日
Aure教程 | 漂亮的不像实力派的锤子时钟
之前曾发过一个教程,用来显示秒表的,《如何用Axure设计锤子手机的秒表计时器》,当然这个和锤子手机的秒表无任何关系,唯一有联系的就是分、秒级的计算和显示。今天,随着axure8的推出,它的旋转功能,终于让我们可以真的可以实现锤子的世界时间。这个例子其实很简单,可以学习到知识点有下面三个:只用到了日期相关函数axure8的旋转功能以及通过显示和隐藏来循环处理的技巧只是这次我
Axure教程
2016年04月11日
Aure教程 | 知乎注册与登录原型
重复以上[[]]之间内四个值就生成了四位随机验证码。
三、“注册知乎”按钮事件
给“注册知乎”按钮添加处理事件,做了简单的规则校验,如果四个输入框都没有输入,则水平滑动提示用户需要如何填写,再次单击输入框时,隐藏提示信息,当然,也是带滑动效果。
四、登录界面
复制登录界面布局,删除第一个姓名输入框,修改登录按钮的事件中各个提示信息文本的初始位置,及移动的目标位置,到这里基本
Axure教程
2016年04月11日
用Aure 实现“打飞机”,骚年,来一发(下)
在上篇里我们提到如何用Axure实现微信5.0飞机大战的游戏。并跟大家讲解了第一步实现让敌机飞,让子弹飞。没看过上篇的同学可以先回读一下http://www.imspm.com/rp/248429.html下方左图就是最终达到的效果,下方右图是上篇实现的状态。so,今天把剩余的效果都实现!我们需要让敌机、子弹、战斗机之间碰撞后引发我们想要的事件。如何实现,且听我细细道来!一
Axure教程
2016年04月11日
Aure教程 | 原型中的商品图放大镜效果
完事具备,赶快预览去吧!
写完这些,感觉自己萌萌哒~~~~~
原型预览:http://fvh0oa.axshare.com
作者提供源:
原型下载:http://pan.baidu.com/s/1eRd6reE 密码:nv8y
人人官方源:
链接:http://pan.baidu.com/s/1pKbmik7 密码:eq4h关键字:Axure, Axure教程,
Axure教程
2016年04月11日
用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日
Aure教程|如何制作&# 8221;返回顶部&# 8221;原型功能?
以产品经理的首页为例,进行“返回顶部”原型制作介绍:1、在工作区拖入一个动态面板命名为top,根据通常返回顶部的按钮在屏幕右下角的惯例设置top的X坐标和Y坐标,并在状态1(stage1)里插入一张返回顶部的图片,然后将动态面板top设置“固定到浏览器”,最后设置为"隐藏"备用。2、再拖入一个动态面板命名为top_2,Y坐标与动态面板top一致,X坐标任意,但是不要与top
Axure教程
2016年04月11日
Aure教程:手把手教你做截获鼠标指针(或鼠标变手型跟随)
昨天突发感想,教大家做了个Axure导航栏或广告悬停的效果。今天我又心血来潮了,再教你们一个很实用的 应用场景:截获鼠标指针,做鼠标跟随事件。相信不少同学都遇到过:想把鼠标变成“手形”工具,但苦苦不得其解的时候吧?下面,是美女手把手教你做哦,(把举例中的红色标尺图替换成手就欧拉)~~~(想感受一下应用场景,可打开百度地图,最右侧有:“工具”-> "测距"或“标记”功能。)
Axure教程
2016年04月11日
