导航:首页 > 编程语言 > axure编程

axure编程

发布时间:2023-05-31 11:17:39

‘壹’ 什么是Axure及产品原型

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

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

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

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

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

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

2、因为原型相较于UI稿来说修改更方便,所以原型能提高产品经理的功能设计没通过评审时返工的工作效率。那axure和腾讯cdc的uiddesigner,还有在线的fluii也可以考虑。其他好像敬蠢指没有了吧。但除了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。原型制作快速、简单、高效。原型项目类型全面、交互丰富、拖拽即可实现、团队分享、协作和评论功能也能实现。适合初期快速绘制原型图,中期和后期快速协作、迭代和测试。

‘贰’ 有编程基础的产品经理,原型用Axure做好,还是直接写代码好

原型用Axure做好.用Axure的亏旅理由:
一. 产品经理(产品策划)的工作性质决定
1.产品策划画原型的目标是将前期经过详细调研和分析后得出的需求转化成可视化的界面;在一个白板上(未来的用户界面)用线、框、按钮等控件,通过有机组合来使期能完成一个功能,这是原型要表达的最基础也是最重要信销枯凳息;因为需要将这些信息传递给团队中下游工作流程的同事(美工、前端、开发、测试),;
2.Axure最适合原型的信息传达。原型的信息表达要适当,信息过多了会影响下游同事的发挥。通过Axure中简单的线、框、标准原始控件来表达功能和交互,让颜色等视觉表达留给美工来做。在原型中,除了黑、白、灰和一些败梁标准颜色(比如链接的标准蓝色)外,不需要其他颜色;
二.效率,相对来说,做到上面的内容,用Axure的确比Html快很多,我在五年前也是写Html的,也用来UIdesigner,接触了Axure一天,就明显感觉到方便快捷(可能也因为当时有不少的朋友一起学习)。而且做一个功能界面,也可以找到很多相关的现成模块。
三.方便。几乎在每个原型上都有这个几个界面:第一页、版本信息,第二页、sitemap,第三、其他一些细节,编辑这些信息都非常方便,其他可以用它来画简单的domain model放在一个小界面里进行逻辑说明。
PS:Axure只是一个用来表达内容工具,每个人都可以有自己的表达方法,一支笔一张纸也行。

‘叁’ axure怎么学

Axure相对于其它编程软件比较好学。

首先找一些入门的教程,了解下元件的最基础用稿孙法,如动态面板/中继器/函数的使用过程。
进阶的话就要考虑布局,母版,键敬弯元件库如何使用了,然后再多多看别人的一些案例,与大家交流。如Axure官网论坛、Axure工坊、Axure贴吧的一些作品。从稿闷中可以学会菜单、导航、交互动画制作等,并掌握美化的技巧,在配色、阴影、渐变上下功夫,争取能自己做出一款高保真原型。

‘肆’ 有编程基础的产品经理,原型用Axure做好,还是直接写代码好

用纸画好

axure现在被用成了极端,交互不应受到任何工具的限制,如果沟通足够畅通,纸张和口头是最好的工具

编程枝没做原型是极端猛吵纳中的极端,如果说axure只是让使用者容易带入过多细节、而忽略整体的话,那么编程语言则99%会让人陷入细节,在做交互原型时就开始受到技术限制,多可怕……

口头和纸张沟通好的东西,再转用低保真(visio)or高保真(axure)的工具制作为可以流转和保存的东西,更有利于交互环节的独立思考

ps:不过话有例外,如果一切都是建立在相对规范、稳定的环境内,不需要碰罩太多发挥的话,则选用快速的方式是最好的,如果能直接开发出一个可持续迭代的东西作为基础,对产品交付和环节流程沟通会更有利

‘伍’ 用Axure设计软件产品可以不懂编程吗

学习Axure是不需要变成的,但是在制作交互时,要有清晰的逻辑思维,有基本的数败郑此学基础懂得函数、变量的基础使用方察迅法丛码就可以了。

‘陆’ xure编程设计环境优劣

在各种编程和设计的软件中,axure、BalsamiqMockups、justinmind等都是非常常用的设计环境,的设计课程中,北京java课程主要讲解的是Axure环境下的编程设计。



关于什么是原型,原型画到什么程度,选什么软件,画高保真的必要性等等,这些已经被人写烂的东西我就不写了。就从axure的三巨头动态面板、函数、中继器来谈一谈自己的看法(先表达一下对国产软件的支持和尊重,下文提到的内容绝无对国人软件的轻视)。


其实不论用什么原型软件,画原型都只是一个拖拖拽拽的事,主要是选用合适的软件时能够从底层加深对产品的理解。


一、动态面板


之前看一位老师说过,动态面板你就可以把它理解为幻灯片:在这个面板内可以添加很多张幻灯片,经过不同的手势(用例)来切换。


动态面板结构


1)在axure的右下方是整个产品的页面结构,像父级文件和子级文件一样排列。


同级页面间的并列关系


父子级页面的包含关系


2)动态面板的命名


我经常看到有小伙伴不知道动态面板和动态面板的命名方式,之前看一个段子:一个产品汪接手一个项目,之前的妹子画原型是用水果和蔬菜命名的,让人哭笑不得。这里可以推荐给大家一种命名方式,大驼峰,小驼峰,下划线:


1、小驼峰式命名法(lowercamelcase):


第一个单字以小写字母开始,第二个单字的首字母大写。例如:firstName、lastName。


2、大驼峰式命名法(uppercamelcase):


每一个单字的首字母都采用大写字母,例如:FirstName、LastName、CamelCase,也被称为Pascal命名法。变种:StudlyCaps,是“驼峰式大小写”的变种。


3、下划线命名,例如:first_name,last_name


良好的命名方式一方面方便自己修改,另一方面有利于和开发人员的对接,改动时快速查找。


3)动态面板的功能


面板的功能很强大,axure常用的交互都能满足,而且在画原型时建议先将页面元素排列画好,再统一装入动态面板中,再添加用例。千万不要画一点装一点,相信我,我之前画过一个50M的原型,每次F5都要点几层才能看我想要的效果。


新页面与弹出层的关系


这些在axure中都可以很好的体现。如果不用动态面板而是用页面跳转的方式来画也可以体现出来。老K之前写过画原型的三种方式,有兴趣的朋友可以自己查樱兆一下,优劣势各自选择,如果加上脊祥租页面跳宴手转流程的话,我现在知道四种画原型的方式。


阅读全文

与axure编程相关的资料

热点内容
unix命令rename 浏览:864
文件加密了为啥发不出去了 浏览:457
单片机调节马达 浏览:743
镜花pdf 浏览:610
广西民族大学app忘记密码怎么办 浏览:374
学生服务器是什么意思 浏览:533
如何下载快切app 浏览:723
如何将电脑c盘文件加密 浏览:886
嵌入式为什么linux 浏览:553
c语言编译器属于系统软件 浏览:725
android如何断点调试 浏览:722
图解韩语pdf 浏览:302
sas查各文件夹空间大小 浏览:454
python脚本检查端口 浏览:960
催眠解压视频泡沫 浏览:309
云服务器部署系统 浏览:879
恶意加密别人的文件犯法 浏览:833
汉语语法pdf 浏览:158
词法分析编译原理论文 浏览:273
电脑文件夹还原方法 浏览:534