带交互的 iOS 产品原型可以用什么软件制作?

首先如果你小团队或者个人开发,当然可以用Xcode,如果大公司跨部门审核调整各种,还是有个快速的原型。如你要求,可交互。包括常用的Axrue,我试用过下面提到的所有软件,分别完整产出过不同的原型,还有一些市面上的你一看它介绍图还在用ios6的就知道不必了,说明很久没更新了。下面这些是我按照不同的特点进行了归类,视你的具体情况而定吧。我在选择软件这个过程中纠结了很久,也是用过

Aure教程 带遮罩层的弹出框(9)

示例原型下载:[小楼Axure原创元件-带遮罩层的弹出框](Axure教程 axure新手入门基础(1)Axure教程 axure新手入门基础(2)Axure教程 axure新手入门基础(3)Axure教程 axure新手入门基础(4)Axure教程 axure新手入门基础(5)Axure教程 关于Axure rp触发事件中IF和ELSE IF的使用说明(6)Axure教程

交互设计流程中的原型构建

在最终产品诞生之前,所有我们构建的设计表达(包括文字、图表、草图以及各种维度的模型等)都可以认为是原型。原型的构建是贯穿整个设计流程与设计评估以及设计决策的,原型是探索与表达交互设计的重要媒介与手段。可以这么讲,交互设计的目标是增进人与人之间的沟通与交流,而交互设计的流程是以原型构建为核心的,原型构建作为一项设计实践活动是推动交互设计中创新的核心动力。一、不同学科对于原型的

Aure教程 动态面板的用途(8)

写了几个Axure教程之后发现,可能教程的起点有些高了,过分的去讲效果的实现,而忽略了axure功能以及基础元件的使用,那么从这个教程开始,把这些逐渐的展开讲解。关于动态面板动态面板是axure原型制作中使用非常频繁的一个元件,主要用途就是实现一些动态的交互效果。所以,如果动态面板使用不熟悉的话,对axure原型的制作会有很大的影响,那么动态面板都能做什么呢?主要有以下几个

Aure教程 aure元件使用思路的补充(7)

我们曾经对axure线框图基本元件进行过说明,现结合这我对这些元件的使用习惯,对部分元件的使用,再做一些补充。1、 图片:可以编辑悬停、按下时候显示不同的图片,做图片的一些特殊效果。2、 文本(lable):这个元件到处都能用得到,这个元件是可以通过事件触发改变元件文字的,可以通过全局变量,实现如登陆前后不同的文字提示效果。对我来说这个元件还有一个用处就是除错,因为axur

十大界面原型与布局工具

摘要:原型设计能起到有效沟通的作用,漂亮,直观的原型图更是让人赏心悦目。本文罗列了2013年最新的10大界面原型与布局工具以帮助设计师和开发者创建出更加优秀的产品。创建网页或者程序不仅要关注主页的排版以及与主题想匹配的图片,还应注重视觉设计,这是因为它更能吸引用户进而提升搜索量。因此,项目开发首先需要确立良好的设计,创意是必不可少的。所以,项目经理、Web设计师、开发者在线

快现——移动端产品交互设计利器

无论你是产品经理还是交互设计师,对于交互设计都是各位关心的一个重要事项。可是我们在PC端有了Axure RP这样的利器。移动端呢?答案是肯定的。今天老肥给各位产品经理、交互设计师推荐一款工作利器——快现。就是解决各位在交互设计工作中遇到的问题。让大家工作起来更加方便、省去了很多麻烦。 快现很方便实用,大家只需要将原型图导入快现或者拍照一下。简单的设置,就可以在手机上呈现出想

Aure7.0教程(十)HTML5多级锚记_window函数之ScrollY

这篇教程我要给大家讲的是,axure rp7.0中window函数的应用,window函数包含了几个函数,有兴趣的可以去看axure7.0教程(八)元件函数、窗口函数、鼠标函数和数字函数的介绍。今天,我们先讲一下window函数属性之一ScrollY(纵向滚动)的使用方法。那么,结合scrollY我们来尝试实现Html5网站中,右侧锚记的效果。不清楚的可以去找一些Html5

Aure教程 关于Aure rp触发事件中IF和ELSE IF的使用说明(6)

IF=如果ELSE IF=否则,如果举例: 事件“天气变化时”用例1:IF True 下雨 执行 带伞用例2:ELSE IF 下冰雹 执行戴钢盔用例3:ELSE IF True 执行 什么都不带什么意思呢?在Axure里,默认一个事件中的每个用例都是有关联的,是由上至下来执行的,上面的示例用白话来说就是当天气变化时,如果(IF)是(True)下雨,就带伞,否则(ELSE)如

Aure教程 aure新手入门基础(5)

(五)系统函数与变量1、变量的种类:全局变量:可以在整个原型的任意位置调用和修改。局部变量:仅作用于某一事件的某一动作内。自定义变量:自行新建的全局变量。2、axure函数特殊变量:特殊变量其实是软件自带的函数,就像excel中的函数一样,可以调用获得一些特定的值。功能:除了运算符之外的三个函数,可以对变量进行进一步操作以获取需要的值。比如:截取变量字符串中的某一段或者计算

Aure7.0教程(九)7.0重现进度条(动态面板新特性_定义面板大小)

为了更直观的体现Axure rp7.0的改变,这章我们用Axure7.0的新特性重新制作一次进度条,我们以axure6.5制作进度条的案例和axure7.0作比较,来看看新特性带来的好处。本教程案例下载:进度条6.5&7.0.rar首先说一下要准备的原件:相同的原件1、  我们做的进度条是动态的,所以需要变量支持,两个案例中我们都定义了变量baifenbi;2、  同样,因

Aure7.0教程(八)函数介绍

元件函数、窗口函数、鼠标函数和数字函数的介绍元件函数Widget.Width:获取元件的宽度,使用方法:通过局部变量获取[[LVAR. Width]];Widget.Height:获取元件的高度,使用方法:通过局部变量获取[[LVAR. Height]];Widget.X:获取元件左上顶点X坐标值,使用方法:通过局部变量获取[[LVAR. X]];Widget.Y:获取元件

Aure教程 aure新手入门基础(4)

在 axure 原型制作的过程中,很多时候我们需要触发一个又一个事件,以交互设计效果展示的需求。在这些事件里我们经常需要在满足某一条件时完成指定的动作。比如:文本框文字为空的时候点击按钮无效。或者拖动动态面板没到达指定位置退回原位等。这一节教程我们就讲一下,如何使用条件生成器,至于条件的设置,以后结合相关的案例再逐渐深入。(一)条件逻辑条件生成器是在我们双击某一事件打开用例

Aure7.0教程(七)math函数的使用(2)Math函数简介

上一篇教程我们接触了Math函数的使用,我觉得有必要让大家对Math函数进行一个全面的了解,那么在以后的教程中,也不会觉得太过陌生。下面我们通过官方发布的Math函数公告,来共同学习认识它。函数的通用方法:Math.XXXX(参数) Abs:绝对值函数,使用方法 [[Math.Abs(-1)]],返回值1;Acos:反余弦函数,[[Math.sin(弧度)]];Asin:反

Aure教程 aure新手入门基础(3)

(三)Axure rp元件的触发事件OnClick(点击时): 鼠标点击事件,除了动态面板的所有的其他元件的点击时触发。比如点击按钮。OnMouseEnter(鼠标移入时): 鼠标进入到某个元件范围时触发,比如当鼠标移到某张图片时显示该图片的介绍。OnMouseOut(鼠标移出时): 鼠标离开某个元件范围时触发。比如鼠标离开图片时,图片介绍消失。OnKeyUp(按键弹起时)

Aure教程 aure新手入门基础(2)

(二)Axure rp的线框图元件l 图片图片元件拖入编辑区后,可以通过双击选择本地磁盘中的图片,将图片载入到编辑区,axure会自动提示将大图片进行优化,以避免原型文件过大;选择图片时可以选择图片原始大小,或保持图片元件的大小。l 文本在网页中文本的名称是lable,用于页面中添加说明文字、文字连接,或一些动态的提示。l 矩形矩形的应用比较广泛,比如作为页面的背景、

Aure7.0教程(六)math函数的使用(1)动态面板环状移动

本案例原型下载:axure7.0教程(六)动态面板环状移动.rpAxure rp7.0增加了一些新的函数,这些改变可能会让axure原型的高保真与低保真之争更加激烈。因为这些函数已经更接近编程。其实只要我们知道了使用方法,也许并不困难。从本教程开始,我们对Math函数进行一些应用上的尝试。本章实现效果:点击按钮,让一个动态面板(以下简称“动面”)围绕中心点(坐标300,30

Aure7.0教程(五)鼠标Cursor函数的使用(动态面板跟随)

Axure rp7.0中新增的函数中有一个Cursor函数,这是关于鼠标的函数,我们可以通过这个函数获取鼠标的当前位置,本教程简单地对这个函数做个讲解:要实现的效果:本教程案例下载:鼠标Cursor函数的使用.rp如效果图显示,我们要在鼠标页面任意位置点击时,闪烁一下点击的效果。实现过程如下:1、  拖入一个图片,并转换成动态面板后隐藏,并设定标签为:点击效果;2、  在页

Aure7.0教程(四)中继器的使用(4)

Axure rp7.0的新元件中继器(repeater)的功能中我们分别讲解了增、删、改三个功能,今天我们来讲一下剩下的功能:1、 按输入的文字筛选;2、 按指定条件(某一列)排序;3、 翻页功能。本教程示例:axure7.0教程_小楼作品(四)中继器的使用(4)在学习本教程之前,请先阅读《关于Axure rp7.0汉化包导致中继器无法正常使用的bug说明》。当然,如果在你

Aure7.0教程(三)中继器的使用(3)

本教程案例下载:axure7.0教程_小楼作品(三)中继器的使用(3) 在上一节教程axure7.0教程(一)中继器的使用(1)和axure7.0教程(二)中继器的使用(2)中我们分别讲解了增、删两个功能,那在今天的教程中我们来讲一下简单的修改功能:比如,我们觉得商品的价格是应该可以修改的,那么我们在中继器中主页中添加一个修改的按钮(动态面板,点击之后变成保存)和一个用来修