axurerp原型设计-如何使用AXURE进行产品原型设计

作者&投稿:广岸 (若有异议请与网页底部的电邮联系)
~ 什么是Axure及产品原型

axureRP是一款快速原型设计工具,它不需要任何编程或写代码基础,就可以设计出交互效果良好的产品原型,常用于互联网产品设计、网页设计、UI设计等领域。

作为一款热门的原型设计工具,它可以完成很多纸和笔画不出来的事情,特别是高交互的页面,用动画效果展现让人瞬间清楚你要表达的内容。

原型:用线条、图形描绘出的产品框架,也称线框图。

原型设计在整个产品流程中处于最重要的位置,有着承上启下的作用。何出此言?原型设计之前需求或是功能信息都相对抽象,原型设计的过程就是将抽象信息转化为具象信息的过程,之后的产品需求文档(PRD)是对原型设计中的版块、界面、元素及它们之间的执行逻辑进行描述和说明。所以说,原型设计的重要性无可替代,产品经理应当要对此有绝对的控制和驾驭能力。

话说回来,原型设计虽然很重要也应当是有限度的,原型设计的作用有以下几点:

1、因为是原型是需求和功能的具象化表达,所以原型可以辅助产品经理与领导、交互、UI和技术的沟通产品思路。

2、因为原型相较于UI稿来说修改更方便,所以原型能提高产品经理的功能设计没通过评审时返工的工作效率。那axure和腾讯cdc的uiddesigner,还有在线的fluidui也可以考虑。其他好像没有了吧。但除了axure,后两者所谓的交互其实都是不同的界面截图之间的切换,说白了就是多节点式结构的ppt,不是真正的交互。axure的思想更接近实际开发,比如通过master实现界面元素的封装复用,条件判断,函数,变量。这些功能除了开发工具,原型工具还有谁能比得上axure吗?

app原型相比网页,界面结构简单,但交互复杂得多。界面上的div也不是平铺的,为了有效利用空间会用到很多层叠,卡片式之类的展示方式。要做这类高保真可交互原型,我觉得非auxre莫属。比如一个tableview滑动到顶部刷新,底部回弹,不借助开发只有axure能做出来。

我从07年开始用axure,曾经一度认为做网站原型,axure已经不需要再怎么改进了。自从做app之后,觉得axure有点根不上时代,但试了其他工具,还是觉得auxre最合适。仔细做过几个以后,我觉得axure还是完全适合做app原型的。做好以后分享也方便。放到内网,或者axshare上,或者有一个htmlruntime的app,可以在设备上直接浏览axure输出的html。

当然axure作为一个工具,不可能每个环节都是最好的。比如我希望axure能借鉴一下其他工具和开发思想,把ui和素材分离出来,就像换皮肤一样,一个控件可以随便更换图片素材。这样pm或者交互用最简单的线框设计,确定交互以后,可以把设计师的图贴上去,这样就100%保真了。

axure对app设计不友好或者说最落伍的地方,就是支持的事件类型太少。交互上无法模拟出多点触摸,无法模拟设备运动,无法模拟各类传感器或许对一个原型工具来说,要求太高了。AxureRP是美国AxureSoftware

Solution公司旗舰产品,是一个专业的快速原型设计工具,让负责定义需求和规格、设计功能和界面的专家能够快速创建应用软件或Web网站的线框图、流程图、原型和规格说明文档。作为专业的原型设计工具,它能快速、高效的创建原型,同时支持多人协作设计和版本控制管理

产品原型是将抽象的想法、需求转化为具象产品的过程。同时它可以直观的呈现给团队中的其他成员,甚至早期用户,用于验证产品的合理性,通过高效、低成本的方式来表达、测试并验证产品。Axure:发展较早的一款原型设计软件,因而名声较大。无限画布,适合做低保真到中保真度的原型。功能很多,也让学习起来有点难度,网上有很多axure教程就不多说了。本地型软件,可以下载html文档预览,手机预览不方便。

产品原型的定义:

1.用线条、图形描绘出的产品框架,也称线框图。

2.交互设计的结果输出,可能是一张纸上的几张图;原型代表着交互设计的结果,当最终实现的时候,交互流程会和原型保持一致;可以理解为草稿或者叫做参照物

3.原型是一种让用户提前体验产品、交流设计构想、展示复杂系统的方式。就本质而言,原型是一种沟通工具。

另外,目前比较好用的在线原型设计工具有Marvel,Invision,墨刀等等。

希望对您有帮助!有疑问欢迎追问~在界面设计初级或中期,为了能够方便和其他设计师讨论、测试产品相关的设计想法,需要利用各种原型工具将产品模型做出来,一个个界面修改和迭代,必要的时候,还可以制作成动态的模型,直接测试,看看可能会有哪些问题或不足等。

Axure是一款老牌原型设计工具,是目前为止,市面上使用比较普遍的工具,全面支持原型、交互和分享功能。但是,对一些原型设计小白来说,学习难度还是蛮大的,上手较慢。目前国内也有许多优秀的原型设计工具,比如摹客Mockplus,可以说是一款简化版的Axure。原型制作快速、简单、高效。原型项目类型全面、交互丰富、拖拽即可实现、团队分享、协作和评论功能也能实现。适合初期快速绘制原型图,中期和后期快速协作、迭代和测试。

AxureRP在原型设计上有什么特别的优势?

虽然现在的原型设计软件有很多,大多数都可以快速绘制线框图,也就是静态页面部分,但是如果比较谁的交互更强大、更丰富,自主设计性更高,我想一定是非经典交互原型设计工具Axure不可。

学习Axure重点在于学习他的交互设计,根据触发交互的对象不同,可以将Axure的交互事件分为页面交互和元件交互。下面我们来看看Axure所提供的交互事件:

页面交互事件

页面载入时:当页面启动加载时。

窗口尺寸改变时:当浏览器窗口大小改变时。

窗口向上滚动时:当浏览器窗口向上滚动时。

窗口向下滚动时:当浏览器窗口向下滚动时。

页面单击时:页面任意位置被鼠标点击时。

页面双击时:页面中任意位置被鼠标双击时。

页面鼠标右击时:页面中任意位置被鼠标双击时。

页面鼠标移动时:当鼠标在页面任意位置移动时。

页面按键按下时:当键盘上的按键被按下时。

页面按键松开时:当键盘的按键释放时。

自适应视图改变时:当自适应视图更改时。

元件交互事件

单击时:当元件被点击时。

双击时:元件被鼠标双击时。

右击时:当元件被鼠标右键单击时。

按下时:当鼠标按下左键没有被释放时。

松开时:当元件被鼠标点击,这个事件由鼠标按键释放触发。

鼠标移动时:当光标在一个元件上移动时。

鼠标移入时:当光标移入元件范围时。

鼠标移出时:当光标移出元件范围时。

鼠标停放时:当光标在元件上方悬停时。

鼠标长按时:当鼠标按下超过2秒没有被释放时。

按键按下时:键盘上的按键被按下时。

按键松开时:当键盘上的按键弹起时。

移动时:当元件移动时,在页面中的坐标位发生了变化。

旋转时:当元件旋转时。

尺寸改变时:当元件宽度或高度发生改变时。

显示时:当元件通过交互动作显示时。

隐藏时:当元件通过交互动作隐藏时。

获取焦点时:当一个输入项获取焦点时。

失去焦点时:当一个输入项失去焦点时。

选中改变时:适用于下拉框,当下拉框被选中的项发生了改变时,通常作为事件的一个逻辑条件。

选中时:当复选框或单选按钮被选中时。

取消选中时:当复选框或单选按钮取消选中时。

载入时:当元件从一个页面的加载中载入时。

文字改变时:当单行文本框或多行文本框中的文字发生改变时。

状态改变时:当动态面板被设置了“设置面板状态”动作时。

拖动开始时:当一个拖动动作开始时。

拖动时:当一个动态面板正在被拖动时。

拖动结束时:当一个拖动动作结束时。

向左拖动结束时:当一个面板向左拖动结束时。

向右拖动结束时:当一个面板向右拖动结束时。

向上拖动结束时:当一个面板向上拖动结束时。

向下拖动结束时:当一个面板向下拖动结束时。

滚动时:当一个有滚动的面板上下滚动时。

向上滚动时:当一个有滚动的面板,向上滚动时。

向下滚动时:当一个有滚动的面板,向下滚动时。

每个交互事件下面可以搭配丰富的动作,通过这些千变万化的组合,我们可以自动动手DTY丰富多彩交互效果,没有做不到的交互,只有你想不到的交互。利用变量与函数,搭配中继器,甚至可以制作小型的前端本地数据库。

如何使用AXURE进行产品原型设计

AxureRP(AxureRapidPrototyping)是一款快速实现、准确表达、带有交互效果且易于上手的原型设计工具。本人在曾参与某系统需求分析时开始接触AxureRP,初步掌握了一定的开发基础,成功制作出系统需求原型,对需求分析工作产生了积极效应。在此经验的基础上,后续又在其他项目中进行了较为成功的运用,并获得了良好的效果。就个人的经验而言,使用AxureRP进行原型开发,一旦掌握了一定的开发技巧后,加上一个良好的规划,那么很多东西都可以信手拈来。好的东西需要分享并使人获益,给实际工作带来效益,这样才能得以体现其价值。对此,本人在此分享使用AxureRP进行原型开发的一些经验,与各位一起探讨,也希望人能够分享自身使用AxureRP的相关经验。AxureRP就其本身而言,其实仅是一个工具,大部分人都可以很快学习并掌握之,但要做出好的原型,会用只是一个最基本要求,关键是要有一套良好的原型开发思想,这套开发思想除了要有整体规划之外,还需要充分结合实




axure原型图模板-如何用axure画app原型图
点击此处预览完整原型 部分图片 使用Axure绘制原型 Axure是最常用的原型制作工作之一。无须任何HTML\/CSS\/JavaScript基础,你都可以使用Axure制作出具备良好交互效果的原型图。本系列笔记以金乌的《AxureRP7网站和APP原型制作从入门到精通》一书为参考教材,系统地学习一下Axure这款原型工具软件及其背后的设计思想...

什么是Axure及产品原型?
axure Axure RP是一款快速原程以设计出交互效果原型,常用于互联网产品设计、网页设计、UI设计等领域. 作为一款热门的原型设计工具,它能够完成很多纸和笔画不出来的事情,特别是高交互的页面,用动画效果展现让人瞬间清楚你要表达的内容. 原型:用线条、图形描绘出的产品框架,也称线框图. 原型设计在整个...

axure rp是哪个国家的原型设计工具
Axure RP是美国Axure Software Solution公司旗舰产品,是一个专业的快速原型设计工具,让负责定义需求和规格、设计功能和界面的专家能够快速创建应用软件或Web网站的线框图、流程图、原型和规格说明文档。作为专业的原型设计工具,它能快速、高效的创建原型,同时支持多人协作设计和版本控制管理。

axure原型图模板-如何打开axure设计的原型图
按照提示点击”next“,到了最后一步,单击”finish 4、Axure制作的原型怎么修改怎么打开已经制作的原型啊?html文件是已经经过编译生成的了,Axure不支持导入再修改.解决办法:先用Axure打开你制作的初期的原型文件(RP文件),修改完成再重新生成html文件.Axure原型设计:Axure原型加流程图功能的高效结合 大部分PM...

Axure制作原型图基本流程步骤有哪些?
这个需要一个过程来培养,多看看别人设计的原型,弄清楚人家是怎么做,然后尝试着自己做一遍,最后想想有没有可以改进的地方。实际动手多了,自然而然的就会有感觉了,等到你看到一些简单的功能要求,只要看一下需求,就知道怎么用AxureRP去画原型的时候,基本上就差不多了,当然对于一些复杂的功能,还是...

【原型设计】Axure RP实现弹窗效果
今日教程分享,请立即食用。学习一下 Axure 弹窗效果的实现如何操作。首先我们打开软件,可以在元件库拖入一个按钮到空白面板中,然后这个按钮的作用是点击弹窗:命名为点击弹窗:然后在拖入一个图片,当做我们一会要弹出的窗口,先隐藏起来:在按钮的属性设置为“鼠标单击时”显示这个图片,选择灯箱效果,为了...

axure软件入门:交互原型本质是什么?
交互原型类型有哪些?1、手绘原型(草图)所需工具:铅笔、橡皮、白纸 铅笔相比于中性笔的好处在于方便修改,白纸的好处在于安静的随心所欲,不过对于移动产品的设计来说,推荐使用印有手机框架的白纸(网点本)上绘制,以便于快速进入情景状态,也能寸首屏的界面分配做到心中有数。2、工具类原型 AxureRP(推荐...

Axure RP是什么
基本简介:Axure(发音:Ack-sure),代表美国Axure公司;RP则是Rapid Prototyping(快速原型)的缩写。Axure RP是美国Axure Software Solution公司旗舰产品,是一个专业的快速原型设计工具,让负责定义需求和规格、设计功能和界面的专家能够快速创建应用软件或Web网站的线框图、流程图、原型和规格说明文档。作为...

什么是Axure及产品原型
axure RP是一款快速原型设计工具,它不需要任何编程或写代码基础,就可以设计出交互效果良好的产品原型,常用于互联网产品设计、网页设计、UI设计等领域。作为一款热门的原型设计工具,它可以完成很多纸和笔画不出来的事情,特别是高交互的页面,用动画效果展现让人瞬间清楚你要表达的内容。原型:用线条、...

网页原型图模板怎么用-如何将一个网页中的元素放到新的原型设计中
图片转rp原型图怎么转 按照以下步骤进行操作:1、打开AxureRP软件,在新建项目时选择“RP原型”模板。2、在AxureRP中新建一个页面,用作图片转换的页面。3、将需要转换的图片拖动到页面中,调整图片的大小和位置。4、在AxureRP的“交互”面板中选择“热区”,用热区工具将图片切割成需要的形状,如矩形、圆形...

民勤县18053306655: Axure RP 怎么使用? -
愚荆补血: axure rp原型工具的使用相对比较简单.1:下载一本电子书,看看基本就能掌握2:然后就是做一些案例,进行实战3:最后关于产品经理的设计理念,这个需要慢慢的体会 提供小案例:axure夜话案例集合 很抱歉,回答者上传的附件已失效

民勤县18053306655: 如何用Axure快速制作APP交互原型 -
愚荆补血: 1. 打开Axure,在元件库面板「三条横线」按钮下拉选项中找到「创建部件库」功能,点击会弹出一个另存为对话框,这里需要选择元件库文件的存储位置,并需要输入元件库的名称.2. 此时,我们可以看到,文件的后缀名为 .rplib,这个就是元...

民勤县18053306655: Axure RP怎么用,谁可以教教我 -
愚荆补血: 刚用的话可以不管交互和变量,直接把左边的模块拖进视窗里,把界面拼出来.基本上每个原件都可以双击和右键,试一遍就会懂.上方状态栏功能则和word一样.等你有时间了,看看webppd上的教程,就能学了.

民勤县18053306655: 如何用Axure RP设置整体页面居中 -
愚荆补血: 用Axure RP设置整体页面居中的具体方法如下:1、打开Axure 工具,新建个原型界面;2、点击新建PR文档;3、在工具底部有页面对其选择项,一共两个,第一个是左对齐,第二个是居中对其,点击选择第二个;4、点击工具头部菜单生成----生成更多配置----HTML原型,然后预览原型界面,就可以看到生成的网页居中了.Axure RP是一个专业的快速原型设计工具,让负责定义需求和规格、设计功能和界面的专家能够快速创建应用软件或Web网站的线框图、流程图、原型和规格说明文档.

民勤县18053306655: Axure RP是什么 -
愚荆补血: Axure RP是一个专业的快速原型设计工具. 基本简介: Axure(发音:Ack-sure),代表美国Axure公司;RP则是Rapid Prototyping(快速原型)的缩写.Axure RP是美国Axure Software Solution公司旗舰产品,是一个专业的快速原型设计工...

民勤县18053306655: 如何使用Axure RP 8软件设计添加用户界面 -
愚荆补血: 第一步,找到Axure RP 8设计软件快捷方式,双击打开该软件,第二步,由软件生成默认页面,修改页面目录,第三步,在面板中拖曳一个“Box1”控件到编辑窗口,改变该控件宽度和高度,第四步,拖曳三个label和两个Text Field控件到编辑窗口,两个单选按钮以及两个按钮,一个标题控件,第五步,由于用户编号是自动生成的,可以利用禁用功能,用户姓名加了提示,性别默认显示“男”,第六步,设计完毕后,利用浏览器进行预览,

民勤县18053306655: 如何使用axure进行发布,预览 -
愚荆补血: 方法 1、首先 运行 Axure RP pro 7.02、然后正常的进行简单的原型设计3、然后在上方导航栏找到 “发布” 点击发布4、展开菜单 选发布,这时您制作的原型就可以在电脑的浏览器中预览了,并且可以展示相应的交互过程5、也可以发布到Axure的服务器端,点击 发布到Axure share6、如果有账户直接登录点击发布即可,如没有可登录Axure中文官网注册即可登陆发布,当然为了安全,发布时还可以加密哦!7、发布成功后,系统会给你一个访问链接,只要发给你的领导或者小伙伴们,就可以啦

民勤县18053306655: 如何利用Axure RP 8设计按钮控制页面框改变大小 -
愚荆补血: 具体步骤如下: 1、打开Axure RP,然后新建一个原型网页,如下图 2、在打开的界面中,选择底部菜单中的小桶图标,选择背景色 3、设置背景颜色以便于观察背景图片,在这里设置的是浅灰色系 4、背景颜色已经设置好了

民勤县18053306655: 怎么学Axure网站原型设计的问题 -
愚荆补血: 学习axure rp可以分为以下几个阶段:一、新手级:是指刚刚接触原型设计,这个时期主要是打基础.先熟悉AxureRP的工作台,有哪些功能及组件,以及一些基本的操作,弄清楚每个组件是干什么用的.在新手阶段,主要还是以熟悉为主,可...

民勤县18053306655: 大家知道Axure RP Pro这个软件怎么使用吗? -
愚荆补血: 这个软件是专业做策划用的,中文简体版的使用蛮简单的,就是把左边要用的 拖到右边就可以,蛮不错的

本站内容来自于网友发表,不代表本站立场,仅表示其个人看法,不对其真实性、正确性、有效性作任何的担保
相关事宜请发邮件给我们
© 星空见康网