axurerp原型设计-如何使用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原型图
答：第一步,点击开始按钮,找到“AxureRP8”软件,打开该软件,如下图所示:第二步,从基本元件面板中拖曳一个元件“Box1”到编辑窗口,如下图所示:第三步,用鼠标选中该元件,出现了圆点,然后点击圆点出现各种图形窗口,如下图所示:第四步,在第三步图形窗口选择“星型”图形,如下图所示:第五步,选中星型图形...
Axure RP 8怎么设计内联框架原型?
答：1、打开Axure RP 8软件，在基本元件内找到内联框架，拖一个到空白的画布上，如下图所示：2、双击内联框架元件，打开链接属性窗口，如下图所示：3、选择page 3，然后单击确定按钮，如下图所示：4、在属性选项卡中选择预览图片，这里选择视频，如下图所示：5、在page 3页面拖一个矩形框元件到画布上，...
axurerp原型设计-如何使用AXURE进行产品原型设计
答：这样pm或者交互用最简单的线框设计,确定交互以后,可以把设计师的图贴上去,这样就100%保真了。 axure对app设计不友好或者说最落伍的地方,就是支持的事件类型太少。交互上无法模拟出多点触摸,无法模拟设备运动,无法模拟各类传感器或许对一个原型工具来说,要求太高了。AxureRP是美国AxureSoftware Solution公司旗舰产品,是...
axureapp原型图教程-如何使用axurerp制作iosapp原型
答：接下来,我们将导出来的Axure文件导入到Pixso中:方法一:直接拖拽至Pixso工作台,一键导入Axure文件。方法二:一键导入Axure文件,流畅的云端加载,省时省力,高效迁移。打开工作台,点击首页的(导入文件)按钮,选择Axure文件并导入。或使用菜单栏的文件导入功能,导入Axure文件到Pixso打开。 原型工具选对,原型设计也可以很简单!...
在线原型页面设计怎么做-如何利用AxureRP8搭建简易登录页面原型图?
答：1.下载Axure 2.如果是给itouch或者iPhone用的,比较好办,直接用320×480的分辨率画好辅助线,然后画原型 3.按F5生成原型的时候,在“Mobile/Device”选项中可以设置适配移动设备的特殊原型 4.设置说明见下图:(页面大小显示我的这个设置是按320×480的大小,默认不缩放)5.用你的移动设备访问你生成的原型...
Axure制作一个APP原型有哪些流程步骤?
答：01框架搭建这里笔者使用自己正在制作的APP原型进行讲解。版本：AxureRP9企业版 1.新建页面底部导航分为5个部分，所以也对应着五个页面。在制作时先不考虑登录等其他页面，只做主界面。1.在页面部分（注意不是概要部分）添加文件夹命名为主界面，放置主界面的页面。2.在文件夹下面添加页面，底部导航点击...
Axure RP 8中怎么制作移动页面原型?
答：1、双击打开Axure RP 8，默认情况下，在Home目录下有三个页面，如下图所示：2、选中Page 2鼠标右键，依次操作Move---Move Up，Page 2移动到Page 1上面，如下图所示：3、选中Page 1鼠标右键，依次操作Move---Move Down，Page 1移动到Page 3下面，如下图所示：4、选中Page 3鼠标右键，依次操作...
axure原型图模板-如何用axure画app原型图
答：如何用axure画app原型图 多学习,多练手 画好原型后 1.下载Axure 2.如果是给itouch或者iPhone用的,比较好办,直接用320×480的分辨率画好辅助线,然后画原型 3.按F5生成原型的时候,在“Mobile/Device”选项中可以设置适配移动设备的特殊原型 4.设置说明见下图:(页面大小显示我的这个设置是按320×480的...
Axure制作原型图基本流程步骤有哪些?
答：资深讲师授课，从基础的Axure软件功能到原型绘制到交互案例，综合全面的带你入门Axure产品原型设计！~Axure制作原型图基本流程步骤：1、搞清楚实现原理 每个实例原型都是一个单独的功能或交互效果，因此都会有用AxureRP去实现的原理。其实原理就是要让你自己明白这个东西到底是怎么做出来的，要怎么去做。如果...
Axure RP Pro怎么制作一个网页展示原型?
答：1、创建你所需要的页面，并将你需要完成的原型，画在空白区域内，选择要添加的组件；其中需要用到的图片直接粘贴进去就可以了rectangle可以用来添加文本框。repeater我也没用过，其他的弄点开发或软件的看名字就知道是干什么的了 2、添加跳转地址 3、添加弹出框，其中先使用使用到dynamic panel 组件，然后...
