iOS设备上高效演示APP原型的方法总结

相信许多产品和设计师童靴都可以用原型设计工具制作制作出逼真的产品交互原型,如果能方便、直接地在iPhone上演示这些APP原型,对于我们模拟用户真实体验,展示设计亮点都有很大帮助。壮壮结合自己这几天阅读资料和摸索实践,总结了一下个人认为最高效的方法,希望对在iPhone上演示APP交互原型有困扰的童靴们有所帮助。 首先,简单介绍下我了解到的制作及演示APP原型的工具:   

Aure每日一小技巧:格式设置详解

AxureRP 6.0以前版本的格式设置都是在右键菜单里面的,不是很方便操作,6.0版本将这个功能分到右侧面板里面,并且增加了页面级的格式设置,大大方便了操作设置,包括增加了对手绘风格格式的默认支持,再也不需要通过加载额外的手绘组件库来完成了。AxureRP的组件和页面级的格式设置,其实就是网页设计当中的CSS代码,只不过用图形界面实现了,这样更直观,也更好掌握,毕竟不是所

AureRP每日一小技巧:格式设置详解

AxureRP 6.0以前版本的格式设置都是在右键菜单里面的,不是很方便操作,6.0版本将这个功能分到右侧面板里面,并且增加了页面级的格式设置,大大方便了操作设置,包括增加了对手绘风格格式的默认支持,再也不需要通过加载额外的手绘组件库来完成了。AxureRP的组件和页面级的格式设置,其实就是网页设计当中的CSS代码,只不过用图形界面实现了,这样更直观,也更好掌握,毕竟不是所

Aure各种级别的童鞋:自己来对号入座

【编者按】本文作者@朱军华Ronzhu , 本文借用官网的描述定义,介绍了在学习AxureRP过程当中所要经历的各个阶段,也结合了作者自身学习AxureRP使用的经验,讲一下在各个阶段中的一些学习方法和经验总结,以帮助刚开始学习使用AxureRP的朋友更好的制定自己的学习计划,以便尽早掌握其使用方法,设计出中高保真度的原型。从作者最初接触的5.5版本,到5.6版本,到后来6

AureRP各种级别的童鞋:自己来对号入座

【编者按】本文作者@朱军华Ronzhu , 本文借用官网的描述定义,介绍了在学习AxureRP过程当中所要经历的各个阶段,也结合了作者自身学习AxureRP使用的经验,讲一下在各个阶段中的一些学习方法和经验总结,以帮助刚开始学习使用AxureRP的朋友更好的制定自己的学习计划,以便尽早掌握其使用方法,设计出中高保真度的原型。从作者最初接触的5.5版本,到5.6版本,到后来6

Aure每日一小技巧:Aure控件大小调整

在使用Axure RP 制作原型时,经常需要对Widgets的大小做调整;一般我们都是通过拖动控件的边框来实现调整大小,但是如果目标区域比较狭小的时候,调整大小就比较费力,不是拖大了就是拖小了; 试试方向键吧!选中需要微调大小或位置的控件,再选中需要微调的条件,如图,调整控件的高度: 如果需要增加控件的高度,方向键:“上↑”;要减小高度的话,方向键:“下↓” 转自: htt

AureRP每日一小技巧:Aure控件大小调整

在使用Axure RP 制作原型时,经常需要对Widgets的大小做调整;一般我们都是通过拖动控件的边框来实现调整大小,但是如果目标区域比较狭小的时候,调整大小就比较费力,不是拖大了就是拖小了; 试试方向键吧!选中需要微调大小或位置的控件,再选中需要微调的条件,如图,调整控件的高度: 如果需要增加控件的高度,方向键:“上↑”;要减小高度的话,方向键:“下↓” 转自: htt

分享原型画线框图容易忽略的几件事

通过工作中的观察与总结,我发现不少新人交互设计师以及产品人员,在画线框图时都会忽略一些重要内容,导致和视觉设计师的沟通成本增高、返工增多、工作效率下降、设计质量下降等重要问题。为了解决这些问题,一方面需要加强沟通,另一方面还需要多站在视觉的角度考虑线框图的设计,使大家的配合更默契。那么具体怎样做呢?以下就是我工作中积累的一些心得,希望对大家有所帮助。  一、通过明暗对比表达

Aure新手入门,aure原型在工作的应用

前言  修改属性不过这种增加描述的方式可能会干扰整个页面,很容易让浏览者以为是一个页面元素。也可以采取一种原始的方法为控件增加说明文字:  文字补充说明  2.原地复制组件在axure中“ctrl+c”“ctrl+v”复制粘贴,会错位复制一个组件。怎么解决这个问题呢:用快捷键“ctrl+d”可以原地复制一个组件。  3.复制动作Copy Case如下图可以复制动作,就不用一

在原型设计中如何把握高保真的度

让产品原型尽可能的高保真、华丽丽、无限逼近于完整产品是每个人都要的,但同时高保真也意味着大量的资源投入。如何在设计中既实现尽可能高的保真度,同时又避免资源浪费呢?这即需要我们对高保真的意义有清醒认识,同时也需要吸取一些敏捷的思想。怎么定义高保真一个华丽丽的作品(不局限于互联网产品)不可能一下子就从脑子里创意变成现实。它会被拆分成一系列相互依存的元素,整个组装过程会先从最基本

Aure教程——页面载入进度条

在产品的原型设计中,进度条的意义是:第一,在页面载入中,给用户的等待过程中增加少量的乐趣;在一个追求快的环境中,这是十分关键的要素,可以减少流失率。第二,也是在告知用户,网页或者APP有没有响应了你的点击?反馈给了用户信息,而不是不是一张白纸,使用户感到茫然。而在Axure中,进度条的设计,主要的掌握要素就是函数变量的使用。拖入部件如下图所示,在Axture中拖入label

Aure8.0小案例:手把手教你画挖掘机

四、最后 根据类似的操作方式,还可以制作出坦克,示例如下: 最后奉上这两个作品源文件的下载地址: 作者提供源: http://pan.baidu.com/s/1pJtMyc7 人人官方源: 链接: http://pan.baidu.com/s/1o61pRM6 密码: gv4m本文作者@陈滨淋,国内某知名电商公司产品总监,起点学院北京1508期优秀学员。首发于产品经理,未经

Aure教程 | 为原型设计添加点动画效果

应用交互效果中,动画效果是应用的锦上添花效果,比起死板的页面切换,动画过渡效果还是会让人感觉自然,不那么生硬,也是一款优秀应用的加分项。我们以几个例子来说明一下如何应用axure里的动画效果。幻灯片效果我们要做的是一个自动轮播的幻灯片效果,也就是会自动从第一张片子开始,停留几秒后自动切换到下一个片子,显示到最后一个时再返回到第一个片子。几个着关键点说明如下:1. 自动轮播需

Aure 原型 | 用Aure画流程图

用Axure绘制流程图好处是可以随时预览,比较灵活。不过就是没有Visio那么多模板和强大的功能。Axure默认的流程图控件:其实我们最常用的是:矩形、菱形、箭头。因为这些基本图形其实并没有形象的表明它们是什么,更多的还是需要使用者根据自身的流程实际情况多加注释,所以大部分流程图只需使用这两个控件即可。Axure选择连接模式连接流程图:绘制流程图基本要点:流程路径不要交叉:

Aure原型 | O2O订单流程 APP交互稿分享

翻出了一年半前写的一个订单流程的稿子,写的很粗糙,但大体流程表现都比较清晰,由于是写着玩的自然没有需求规则,现在拿出来分享给大家,供学习交流! 整体预览: 动画预览: 原型下载地址: http://pan.baidu.com/s/1i3EqNbv 密码:ika1 在线预览:http://biylwr.axshare.com/作者:陈张良,微信号:chenzhangliang

Aure原型 | P2P金融 微信体验金交互稿分享

这个交互稿完成于一年前,那时刚接触Axure不久,流程图及不同场景的静态图是后补的,当时只是纯粹为了学习使用下Axure。 由于只是学习作品,所以需求、逻辑及后台都不涉及,当然最终也没有开发上线,现在拿出来分享给大家! 流程判断: 交互稿效果: 场景分析: 原型下载地址: http://pan.baidu.com/s/1bpueM 密码:vrfk 在线预览: http://

Aure教程 | 漂亮的不像实力派的锤子时钟

之前曾发过一个教程,用来显示秒表的,《如何用Axure设计锤子手机的秒表计时器》,当然这个和锤子手机的秒表无任何关系,唯一有联系的就是分、秒级的计算和显示。今天,随着axure8的推出,它的旋转功能,终于让我们可以真的可以实现锤子的世界时间。这个例子其实很简单,可以学习到知识点有下面三个:只用到了日期相关函数axure8的旋转功能以及通过显示和隐藏来循环处理的技巧只是这次我

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

在上篇里我们提到如何用Axure实现微信5.0飞机大战的游戏。并跟大家讲解了第一步实现让敌机飞,让子弹飞。没看过上篇的同学可以先回读一下http://www.imspm.com/rp/248429.html下方左图就是最终达到的效果,下方右图是上篇实现的状态。so,今天把剩余的效果都实现!我们需要让敌机、子弹、战斗机之间碰撞后引发我们想要的事件。如何实现,且听我细细道来!一

Aure教程 | 知乎注册与登录原型

重复以上[[]]之间内四个值就生成了四位随机验证码。 三、“注册知乎”按钮事件 给“注册知乎”按钮添加处理事件,做了简单的规则校验,如果四个输入框都没有输入,则水平滑动提示用户需要如何填写,再次单击输入框时,隐藏提示信息,当然,也是带滑动效果。 四、登录界面 复制登录界面布局,删除第一个姓名输入框,修改登录按钮的事件中各个提示信息文本的初始位置,及移动的目标位置,到这里基本

Aure教程 | 原型中的商品图放大镜效果

完事具备,赶快预览去吧! 写完这些,感觉自己萌萌哒~~~~~ 原型预览:http://fvh0oa.axshare.com 作者提供源: 原型下载:http://pan.baidu.com/s/1eRd6reE     密码:nv8y 人人官方源: 链接:http://pan.baidu.com/s/1pKbmik7   密码:eq4h关键字:Axure, Axure教程,