产品经理画原型图哪些工具好用,求推荐~
1、Axure RP(Rapid Prototyping) Axure(读音为Ack-Sure)无疑是目前最受关注的原型开发工具,其能通过组件的方式帮助网站或软件设计师快速建立带有注释的原型(流程图、线框图),并凭借自定义可重用的元件、动态面板以及丰富的script能够建立基本功能或页面逻辑的动态演示文件。
Axure借鉴了office的界面,能够让用户快速上手,并且提供了丰富的组件样式修改,使得通过其能够创建低保真、高保真甚至接近于实际效果的界面。
然而最让人称道的是,Axure的丰富的脚本模式,可以通过点击和选择能够快速完成界面元素的交互,如链接、state切换、动态变化等效果,使得Axure能够生成十分接近于真实产品的原型。
另一方面,Axure能够导入其他人创建的元件库,使得Axure能够满足绝大多数类型产品的设计。
但Axure仍然有一个让人头痛的问题:对于中文的支持不太友好。
在小部分元件上输入中午的时候,经常需要像碰运气似的反复切换输入法,破坏了咱们设计师的用户体验。
瑕不掩瑜,Axure仍然是交互设计师的首选原型工具。
2、Microsoft Office Visio Visio在2000年被微软收购,并在2002年成为office2003套件中的一个组件,最新版本是2007。
Visio能够获得推荐的原因是因为Visio的适用性非常之广,从网站界面、数据库模型,到平面布置图到工艺流程图,Visio都提供了相应的元件库和模板来进行快速创建。
相较Axure而言,Visio更适合于传统行业的生产或流程设计,或者软件及互联网行业中的信息、数据和流程的说明,而不太适用于web界面。
因为其的基于web的元件库还是比较少,并且形式和结构也更类似于word中的图形工具,因此在原型开发效率上都有所不足。
3、Balsamiq Mockups 这个基于Adobe AIR Runtime的工具实在是有让人眼前一亮的感觉,手绘风格的元件样式粗犷淋漓,能创建接近于纸上手绘的原型文件。
其提供了丰富的手绘风格的web常用元件,包括常用的html控件、以及一些组合控件,如多媒体控制器、标签页、列表、Iphone界面元件等。
Mockups最值得赞赏之处在于其提供的多数组件都可定制外观,对于中文的支持也不错(选择View > Use System Fonts)。
4、Mockflow Mockflow和以上工具最大的不同在于Mockflow是一项基于Adobe Flex技术开发在线服务,提供了与Balsamiq Mockups基本相似的功能,甚至更丰富的组件,虽然其元件定制化不够强大,但其提供的元件库默认样式却非常适合用来做商业产品原型的搭建。
有一个让我爱不释手的功能是模板,可以设置基于任何页面的模板来进行新的页面设计。
与其他模板工具相比,mockflow有一个非常特色的功能,基于web的存储可以在任意电脑上联机打开,同时可以其他人进行快速的分享,并收集在线反馈意见,非常适合虚拟团队的原型设计交流。
虽然在线服务的基本帐号只能创建一个文件,但单个文件却没有限制页数,因此也基本上足够使用。
5、Pencil sketch Pencil 是一款基于Firefox的扩展组件,安装之后即可在Firefox的工具菜单中打开Pencil的绘图面板。
功能比较简单,仅能用以日常简单工作的辅助 说明。
提供的默认元件都是基于软件工程,因此更适合用于windows桌面程序的简易界面搭建,或者是基本的页面功能说明,并不适用于严肃的原型开发,但 好在体积小、又轻便,能够方便将网页中的元素直接拖到或者复制到当前的画布中,这也是Pencil安装在Firefox所带来的便利之一吧。
更多工具...在以上列举的原型开发工具都是较为常用的,也是在国内的交互设计师们比较常讨论的,但其实和Axure功能相似的软件还有很多,下面也就一些简单说明:6、GUI Design Studio 这 是一款真的非常强大的原型制作工具,没有在上面推荐的原因是因为我还没有实际体验过,但冲着这工程级的界面设计就没有去尝试的冲动,但是从官方网站的截图 和视频演示来看,这款软件的操作模式和前面的原型工具大有不同。
Axure之类多是基于页面的原型设计,对于web网站尽管很实用,但是对于软件界面的流 程设计却略显繁琐。
而GUI Design Studio却另辟蹊径,直接以建立元素与元素之间的关联的方式来自动化的创建动作流程,而从视频演示来看,这样的确很大程度上提升了软件界面原型搭建的 效率。
7、Prototype Composer Serena 公司免费提供的原型开发工具,功能确实强大,提供了基于项目管理主要流程的产出物文档模板、原型工具以及开发流程控制,这个软件的开发理念非常好,用这一 款工具来满足项目开发流程中各个环节的沟通和决策。
但软件的学习和使用成本比较高,要了解其中的全部功能,貌似需要花不少时间。
另外软件的效率和稳定性还 有待提高,试用的过程中多次出错及停止响应。
8、Lucid Spec 由 Elegance科技推出的Lucid Spec是一款很类似Pencil的原型工具,仅仅是提供了更多控件。
不过Lucid Spec强调了生成干净的说明文档的功能,这可能是针对于多数原型工具的自动化生成规范的冗余而言的,不过老实说Lucid Spec提供的原型界面太过简陋,并且生成的说明文档也未见优化有怎样的提升。
视频介绍9、Irise Professional Edition Irise与其他原型工具相比其中一个...
AXURE原型需要做到什么程度?
AXURE做原型分为低保真、高保真两种,再复杂就是有交互效果的原型。
低保真就是只有线框图。
纯粹的只用线框来表示功能,没有做任何的渲染。
这种低保真我认为适合在公司内部最初梳理功能、流程,并且不需要想客户演示时候使用。
高保真原型。
下面我认为都是高保真原型。
前面的只是简单的很白色渲染,后面是用真正的图片渲染。
这两种可以根据客户类型和项目时间来决定出那种。
前面好处是更接近真实效果,而且不影响美工视觉,出的速度很快。
后面的对美工影响很大。
很可能会完全照做。
还有一种就是可以交互的。
比如你输入用户名和号码后,点击登录会跳转到首页。
只是数据是静态数据。
这种原型做出来要花很长时间。
但却是搜集客户需求,避免开发成本的最好原型。
因为是可以交互的,最大程度还原产品。
另外原型就是拿来不断修改的,并不是做了一次就定下。
之所以做原型就是开前确定需求功能,避免因客户需求变动返工。
高保真的原型图的用途有几大方面: 一、开发人员需要参与高保真原型图的设计当中,同时,他需要对这款产品的交付期作一个判断,而产品经理根据开发人员的判断,对于整个产品的周期做一个监控; 二、高保真原型图还需要给你的总监以及老板看,让你的管理层知道真实的产品的样子;三、用于产品原型测试,把你的产品创意真正的传递到用户眼前。
相对于写在纸上的产品设计文档,产品原型更加有效,因为这可以让所有的测试人员以及用户知道你的产品创意所在。
在制作产品高保真原型的时候,你需要密切的与产品交互设计师进行合作,以将产品设计的尽量的简单和易用。
产品经理与交互设计师最好能在同一处的办公室办公,因为这样能方便对于产品的交流。
在有些公司,产品的交互设计以及产品高保真原型通常也由产品经理来完成。
高保真原型的制作涉及的东西更多,不仅仅只是核心功能的设计,有时候一个按钮是设计和文字的描述就很要命。
相信很多产品经理都设计过一些按钮,如果一个按钮既要表达状态也要表达操作,那么这类的按钮是十分费神的。
高保真原型的制作软件目前较为流行的是AXURE,这款软件设计绝大多数的交互内容。
并且使用起来也十分方便。
笔者也十分喜欢。
在完成高保真原型图后,你需要做的就是,可用性测试,也就是确定你的设计方案能满足用户一看就懂的基本需求。
原型的测试有很多方式,如果某些产品已经拥有自己的用户群,可以直接在用户群当中进行测试,如果你的产品没有,那么简单点,公司的同事就是你的测试用户。
在公司中,找出你的目标用户,用你的高保真原型图让她们用用。
制作一个高保真原型图很耗时间的。
但是用户测试也是必须的,在产品还没有进入开发前做用户测试会让你的产品后续的逻辑更加清晰。
无论是客户端产品还是web端的产品,能用高保真原型做用户的可行性测试最好还是用原型进行一次的测试。
axure是什么软件?
Axure RP是一个专业的快速原型设计工具。
Axure(发音:Ack-sure),代表美国Axure公司;RP则是Rapid Prototyping(快速原型)的缩写。
Axure RP是美国Axure Software Solution公司旗舰产品,是一个专业的快速原型设计工具,让负责定义需求和规格、设计功能和界面的专家能够快速创建应用软件或Web网站的线框图、流程图、原型和规格说明文档。
作为专业的原型设计工具,它能快速、高效的创建原型,同时支持多人协作设计和版本控制管理 。
Axure RP已被一些大公司采用。
Axure RP的使用者主要包括商业分析师、信息架构师、可用性专家、产品经理、IT咨询师、用户体验设计师、交互设计师、界面设计师等,另外,架构师、程序开发工程师也在使用Axure。
...
设计,App 产品原型设计用什么软件?axure?MM?visio
比如我所在的淘宝,产品经理往往也要承担起一部分项目经理的职责。
项目经理和产品经理的缩写都是PM(Project Manager vs. Product Manager),这两个职位的很多工作也是重合的。
一般为了区分产品经理和项目经理,会把产品经理叫做PD(Product Designer)。
项目经理的职责是掌控资源和进度。
在核心逻辑的基础上更才能对产品细化。
国内不同的互联网公司对产品经理的定位也不一样。
有些公司。
技术上的东西并不是关键,南开计算机毕业的。
她给了我很多帮助。
比如,产品经理要会用微软的Project,会画甘特图,要会估算人日,抓IP包,编译程序,产品经理就要站出来拍板。
不同的公司叫法也不一样,用户的需求是什么,怎样满足这种需求、国内产品经理的职业现状中国互联网行业的发展还没有向美国那样完善,而不是代码,而且坚定地使用Java。
产品经理要会用PPT讲故事、然后直接把PRD里的文字直接Copy进去的低级水平。
也有些公司,因为产品的生态很不一样。
产品经理要与人沟通,我曾经实习的公司产品经理就叫PPM。
既然产品经理要承担部分项目经理的角色,那么产品经理就要懂得项目管理和软件工程的一些知识。
三,设计子产品和功能。
产品经理要不断优化业务逻辑,使得用户操作起来更加简单方便、输入和输出项。
一个好的PRD简洁明了,让工程师一看就明白应该怎么去做。
写PRD是对项目的设计,设计的优劣直接决定项目完成后的优劣。
如果PRD没写好。
我开始觉得产品设计和规划真的是一个非常重要但是有趣的工作。
很多同学可能不了解产品经理是干什么的。
另外,Visio或类似Visio的画图软件,进行修改。
项目确定后就进入实际实施阶段,因为技术的东西是基本一样的,对产品不断地进行升级和改进。
这个工作做好以后,产品经理要设计产品的业务逻辑。
UML也要会一点,要会画Use Case图和时序图,在沟通中了解需求,了解用户的真实想法。
要和技术工程师沟通,了解技术架构,项目经理叫PM。
我的主管是PPM(Product Planning Manager),是一位非常高雅和蔼的lady。
我不敢说在07信管我是技术是最好的,对需求的把握,对产品的设计,能把用户潜在的需求发掘出来,可惜我对微软的东西一向没有好感,Axure这样的原型软件也是必备的技能,让项目的各个参与方协调有效地完成任务。
在这个过程中沟通是非常重要的,工程师就会有很多困惑,在项目进行的过程中就只能不断地沟通,增加无谓的沟通成本。
产品经理仅仅会用Office是不够的,跑测试。
这就是产品维护。
一个脱离生活、脱离用户的产品经理只会闭门造车。
所以产品经理一定要会玩,要天南地北天文地理都懂,要能够总结生活,关注生活的每一个细节,使得产品更好地满足用户需求、怎么添加序号。
写出一个简洁规范。
整个过程很复杂。
产品经理的角色转入配角,比如Word排版,让我在写毕业论文时省了不少力气。
也是在软件公司实习的时候。
在接触到一个系统从出生到成熟,到最后交付的整个过程后,我对技术至上论起了动摇。
我看到这个过程中大量的工作是沟通。
没能保研,我也没考研。
我是一个跟着感觉走,遵从自己内心想法的人。
这要从一个信息系统的生命过程讲起。
一般情况下,系统的诞生是要满足一定的需求。
而且一个产品经理做PPT不能只停留在上网找模板,这是最重要的一步。
然后在这个逻辑的基础上,设计系统的功能,交互界面。
当时我很不解,为了一个下拉列表的位置至于争吵地翻天覆地吗。
后来跟PPM交流后我意识到要做好一个产品真的不容易。
对用户的理解,要能够体验生活。
最后产品出来,经过测试后成功上线。
产品经理要监控用户的对产品的使用。
国内公司对产品经理的定位也不一样。
比如在腾讯是产品文化,产品经理的权力很大,,比如Microsoft。
这项工作就是产品设计。
这一步完成后一个产品的原型就出来了。
接着产品经理把各个部门的人召集起来,讨论原型的优缺点,产品经理必须精通Office。
对于Word。
这个时候产品经理要做的就是需求分析。
因此有技术背景的产品经理会非常有优势。
要和上司沟通。
前端工程师把产品的界面做出来,产品经理要确保这个界面能够满足用户需求,用户能够方便地使用。
架构师会从技术上规划产品的技术架构,产品经理要确保技术架构符合业务逻辑。
开发工程师遇到不明白的细节也要咨询产品经理。
在项目的不断推进中,每当有不确定产生,技术民主化浪潮使得技术的壁垒越来越小。
一个在腾讯做DBA的人跳槽到淘宝后会非常容易上手,随时汇报进度。
要和前端设计师沟通,每个页面做成什么样,按钮应该怎么放都是产品经理要关注的细节。
产品经理的逻辑能力非常重要。
一个产品的核心价值就是业务逻辑。
比如我所在的互联网广告行业,每种广告形式都有不同的投放逻辑,非常复杂。
模板要自己做,产品经理要懂得什么是母版,因为我不是那种特别刻苦特别爱上自习的学生。
我的很多时间都用在鼓捣各种各样的技术上了,要展示自己的产品,就要精通PowerPoint,检查产品是否满足了用户需求。
实习的时候也是跟一堆Linux服务器打交道.NET平台、层次清晰的PRD是非常不容易的...
如何用Axure规范地画出APP原型的交互
创建属于自己的元件库原型制作工具的核心功能无非就是通过元件的堆砌组合,来展示产品的目标形态和效果。
Axure自带的只是一些最基本的元件,而网上的元件库庞杂混乱,很难找到满足需求并且称心的元件,并且大部分都是位图格式,根本无法修改颜色宽度等数值,制作出来的交互又怎么能达到精美的水准要求呢?还好Axure提供了「创建部件库」的功能,能够支持我们制作一份属于自己的元件库。
我们可以通过软件自带的基本元件搭配组合出我们常用的图标、控件,制作完成后,每次应用的时候还能根据实际情况调整颜色、大小、线宽的数值,从而才能实现交互稿统一完美的风格。
比如,APP中经常会用到一些主页、分享、搜索、消息....各种图标,或者我们每次遇到喜欢的图标,都可以用Axure画出来,以备不时之需。
下边以图标为例讲一下制作元件库的具体步骤。
一、创建元件库“绿色文件”打开Axure,在元件库面板「三条横线」按钮下拉选项中找到「创建部件库」功能,点击会弹出一个另存为对话框,这里需要选择元件库文件的存储位置,并需要输入元件库的名称。
此时,我们可以看到,文件的后缀名为 .rplib,这个就是元件库的格式,而不同于创作交互原型时正常Axure文件的.rp格式。
输入文件名称和存储位置之后,点击保存,Axure将重新打开一个新页面进行元件的编辑。
并且我们可以看到,新页面跟我们平时创造.rp正常文件的页面一模一样,但不要混淆,此时页面编辑的是我们在正常.rp文件中需要用的基本元件。
并且我们回到元件库存储的位置可以看到,元件库.rplib文件图标为”绿色“,不同于.rp文件的蓝色。
创建好元件库得”绿色文件“后,基本准备工作已经做完,下边就进入到制作过程。
二、元件库分组通过观察Axure默认的元件库,我们可以看到其元件库是可以按照类别进行分组的。
比如默认的分成了:common、forms、flow等等,这样能更方便我们找到目标元件的位置。
同样,我们在制作元件库的时候,也可以进行分组,规则为:在页面导航面板上,所有的文件夹都是一个分组,所有没有在文件夹下的页面包括其所有子页面,都隶属与以元件库为名的分组下。
分组的规则弄明白之后,我们可以先按照自己对元件库的规划进行一个合理的分组,比如要做APP的元件库,那么我们可以分成:图标、控件、框架 3个常用分组,接下来就进入到具体元件的制作过程。
三、编辑并制作元件我们以制作一个”我的“头像图标为例,首先在图标分组下,添加一个页面并命名为”我的“,双击进入到元件编辑页面,编辑操作就跟我们平时制作正常的.rp文件一模一样。
我们我们可以参考一些app中常常采用的”我的“图标样式,然后用Axure默认的基本形状元件,比如矩形、横线、圆形等,组合拼凑成最终比较理想的样子。
首先我们要明确,Axure中没有类似PS中的布尔运算(能够自由的对多个形状进行编辑,比如合并、相交、减去顶层等),所以会给我们制作元件,尤其是图标带来一定局限性,但好在交互原型并不要求苛刻的细节实现,只要我们能够很清楚的表示出产品形态,有比较整体的风格就可以了。
并且我们用Axure基本形状自己勾画出来的图标,能很方便的调整颜色大小等,可以适用不同的交互文件,这就是从网上找现成的位图图标很难达到的便利性。
回到“我的”图标制作,如图所示,我一共用到了三个基本形状来进行拼凑,最终组合成了我们经常能看到的一个图标样式,并且一眼就能明白它的含义。
虽然没有更多的细节实现,但对于交互原型稿来说已经完全够用,关键是颜色大小等可以很灵活的进行修改。
按照这个思路,我们可以制作更多的图标出来,当然还可以制作一些常用控件比如按钮、appbar、搜索栏、图标占位符等等。
如下图,是我在画「读读日报」原型图时制作的一个元件库:元件库制作完成之后,然后就进入到最后一个步骤。
四、载入自制元件库并使用元件库制作完成保存在自己常用的资源文件夹中。
打开一个正常的.rp文件,同样是在元件库面板「三条横线」按钮下拉选项中找到「载入部件库」功能,然后找到制作完成的元件库文件“绿色图标”载入。
载入之后,我们就可以在「选择元件库」下拉选项中,找到刚刚载入的元件库并选中,然后我们就可以像使用软件自带的元件一样使用我们自制的元件库了。
怎么样,看到这里你应该学会了如何自制一个元件库了吧,希望你会花时间动手做一个。
当然除了创建部件库,Axure有很多技巧都需要掌握,比如母版的功能。
学会善用母版在产品的设计过程中,主导航往往出现在多个页面,比如APP的底部tab栏。
当然不仅仅是导航,当我们频繁使用任何一组控件的时候,希望你不是一直都在复制和粘贴,永远记住,创建一个母版可能是更好的选择。
使用母版的便利性不单单体现在能够快速的使用一组控件,尤其是在设计后期,当我们需要修改某些基本控件的时候,母版带来的修改效率一定会让你深深的爱上这个功能,欲罢不能。
除了学会使用母版,更要学会善用母版。
同样有一点希望能记住,不要把太大的组合对象变成母版。
因为越是大的组合对象,越是有可能需要在母版的很多...
如何提高产品原型图的质量
1、AxureRP(RapidPrototyping)Axure(读音为Ack-Sure)无疑是目前最受关注的原型开发工具,其能通过组件的方式帮助网站或软件设计师快速建立带有注释的原型(流程、线框),并凭借自定义可重用的元件、动态面板以及丰富的script能够建立基本功能或页面逻辑的动态演示文件。
Axure借鉴了office的界面,能够让用户快速上手,并且提供了丰富的组件样式修改,使得通过其能够创建低保真、高保真甚至接近于实际效果的界面。
然而最让人称道的是,Axure的丰富的脚本模式,可以通过点击和选择能够快速完成界面元素的交互,如链接、state切换、动态变化等效果,使得Axure能够生成十分接近于真实产品的原型。
另一方面,Axure能够导入其他人创建的元件库,使得Axure能够满足绝大多数类型产品的设计。
但Axure仍然有一个让人头痛的问题:对于中文的支持不太友好。
在小部分元件上输入中午的时候,经常需要像碰运气似的反复切换输入法,破坏了咱们设计师的用户体验。
瑕不掩瑜,Axure仍然是交互设计师的首选原型工具。
2、MicrosoftOfficeVisioVisio在2000年被微软收购,并在2002年成为office2003套件中的一个组件,最新版本是2007。
Visio能够获得推荐的原因是因为Visio的适用性非常之广,从网站界面、数据库模型,到平面布置到工艺流程,Visio都提供了相应的元件库和模板来进行快速创建。
相较Axure而言,Visio更适合于传统行业的生产或流程设计,或者软件及互联网行业中的信息、数据和流程的说明,而不太适用于web界面。
因为其的基于web的元件库还是比较少,并且形式和结构也更类似于word中的形工具,因此在原型开发效率上都有所不足。
3、BalsamiqMockups这个基于AdobeAIRRuntime的工具实在是有让人眼前一亮的感觉,手绘风格的元件样式粗犷淋漓,能创建接近于纸上手绘的原型文件。
其提供了丰富的手绘风格的web常用元件,包括常用的html控件、以及一些组合控件,如多媒体控制器、标签页、列表、Iphone界面元件等。
Mockups最值得赞赏之处在于其提供的多数组件都可定制外观,对于中文的支持也不错(选择View>UseSystemFonts)。
4、MockflowMockflow和以上工具最大的不同在于Mockflow是一项基于AdobeFlex技术开发在线服务,提供了与BalsamiqMockups基本相似的功能,甚至更丰富的组件,虽然其元件定制化不够强大,但其提供的元件库默认样式却非常适合用来做商业产品原型的搭建。
有一个让爱不释手的功能是模板,可以设置基于任何页面的模板来进行新的页面设计。
与其他模板工具相比,mockflow有一个非常特色的功能,基于web的存储可以在任意电脑上联机打开,同时可以其他人进行快速的分享,并收集在线反馈意见,非常适合虚拟团队的原型设计交流。
虽然在线服务的基本帐号只能创建一个文件,但单个文件却没有限制页数,因此也基本上足够使用。
5、PencilsketchPencil是一款基于Firefox的扩展组件,安装之后即可在Firefox的工具菜单中打开Pencil的绘面板。
功能比较简单,仅能用以日常简单工作的辅助说明。
提供的默认元件都是基于软件工程,因此更适合用于windows桌面程序的简易界面搭建,或者是基本的页面功能说明,并不适用于严肃的原型开发,但好在体积小、又轻便,能够方便将网页中的元素直接拖到或者复制到当前的画布中,这也是Pencil安装在Firefox所带来的便利之一。
更多工具…在以上列举的原型开发工具都是较为常用的,也是在国内的交互设计师们比较常讨论的,但其实和Axure功能相似的软件还有很多,下面也就一些简单说明:6、GUIDesignStudio这是一款真的非常强大的原型制作工具,没有在上面推荐的原因是因为还没有实际体验过,但冲着这工程级的界面设计就没有去尝试的冲动,但是从官方网站的截和视频演示来看,这款软件的操作模式和前面的原型工具大有不同。
Axure之类多是基于页面的原型设计,对于web网站尽管很实用,但是对于软件界面的流程设计却略显繁琐。
而GUIDesignStudio却另辟蹊径,直接以建立元素与元素之间的关联的方式来自动化的创建动作流程,而从视频演示来看,这样的确很大程度上提升了软件界面原型搭建的效率。
7、PrototypeComposerSerena公司免费提供的原型开发工具,功能确实强大,提供了基于项目管理主要流程的产出物文档模板、原型工具以及开发流程控制,这个软件的开发理念非常好,用这一款工具来满足项目开发流程中各个环节的沟通和决策。
但软件的学习和使用成本比较高,要了解其中的全部功能,貌似需要花不少时间。
另外软件的效率和稳定性还有待提高,试用的过程中多次出错及停止响应。
8、LucidSpec由Elegance科技推出的LucidSpec是一款很类似Pencil的原型工具,仅仅是提供了更多控件。
不过LucidSpec强调了生成干净的说明文档的功能,这可能是针对于多数原型工具的自动化生成规范的冗余而言的,不过老实说LucidSpec提供的原型界面太过简陋,并且生成的说明文档也未见优化有怎样的提升。
视频介绍9、IriseProfessionalEditionIrise与其他原型工具相比其中一个特色在于提供了样本数据的功能,这是类似于excel表的一...
如何用Axure快速制作APP交互原型
编辑操作就跟我们平时制作正常的。
分组的规则弄明白之后,我们可以先按照自己对元件库的规划进行一个合理的分组,比如要做APP的元件库,那么我们可以分成,欲罢不能。
除了学会使用母版。
这也是交互原型作为一个沟通交付物应该达成的目标、flow等等,这样能更方便我们找到目标元件的位置。
同样,有比较整体的风格就可以了。
并且我们用Axure基本形状自己勾画出来的图标,能很方便的调整颜色大小等,并需要输入元件库的名称、大小、线宽的数值,从而才能实现交互稿统一完美的风格,都可以用Axure画出来,以备不时之需,接下来就进入到具体元件的制作过程。
三、编辑并制作元件我们以制作一个”我的“头像图标为例.当然某些规范,比如字体也可以当成一个字体元件,放到我们自制的元件库中,总之要根据自己的情况灵活的运用。
有了一套风格之后,加上创建的元件库随意修改颜色大小等,我相信制作出来的交互原型肯定是协调统一的整体。
读读日报原型制作理论方法掌握了,需要实践的锻炼才能更好的吸收领悟。
我参照「读读日报」iOS版,对主要的一些页面画了一些交互原型。
基本过程和思路就是按照本文所提到的这些内容。
为了更有形象感,从网上找来一个iPhone手机的边框,并且创建自己的部件库,绘制了一些常用的图标和控件。
然后设定了整体的风格,制作过程中也用到了几个母版提高效率,同时可以使用辅助线帮助自己保证部件的对齐、平均分布等,进而提高布局的美感。
总结末尾再次抛出我开篇提到的,如何用Axure快速制作APP交互原型的方法论:制作属于自己的元件库并要学会善用母版,熟悉APP设计规范并要有自己一套交互风格样式。
,我们在制作元件库的时候。
此时把一些母版和另外一个母版合并起来一般会是更好的办法。
比如,APP中经常会用到一些主页、分享..,并且一眼就能明白它的含义。
虽然没有更多的细节实现,但对于交互原型稿来说已经完全够用,对于一些常规的控件设计规则有一定的了解、减去顶层等),所以会给我们制作元件,符合Android或者iOS的设计理念创建属于自己的元件库原型制作工具的核心功能无非就是通过元件的堆砌组合、横线、圆形等,组合拼凑成最终比较理想的样子,首先在图标分组下,添加一个页面并命名为”我的“,规则为,这样对母版的修改会更加的灵活,比如下图。
首先我们要明确,同时在制作过程中,要根据使用场景以及自己的习惯来制定一套自己的交互风格、元件库分组通过观察Axure默认的元件库,我们可以看到其元件库是可以按照类别进行分组的,尤其是在设计后期,当我们需要修改某些基本控件的时候。
基于对APP设计规范的熟悉,正文字体采用 微软雅黑 颜色#333333 13字号、提示文字为微软雅黑 颜色#999999 10字号,关键是颜色大小等可以很灵活的进行修改。
按照这个思路,或者我们每次遇到喜欢的图标。
比如可以定义好APP原型中。
比如默认的分成了:common、appbar、搜索栏、图标占位符等等。
如下图,是我在画「读读日报」原型图时制作的一个元件库,尤其是图标带来一定局限性,但好在交互原型并不要求苛刻的细节实现.rp格式。
输入文件名称和存储位置之后,点击保存,希望你会花时间动手做一个。
当然除了创建部件库,Axure有很多技巧都需要掌握,比如母版的功能。
学会善用母版在产品的设计过程中,主导航往往出现在多个页面。
使用母版的便利性不单单体现在能够快速的使用一组控件、框架 3个常用分组..各种图标..。
怎么样,我们可以制作更多的图标出来:图标、控件。
此时,我们可以看到,我们就可以在「选择元件库」下拉选项中,找到刚刚载入的元件库并选中,然后我们就可以像使用软件自带的元件一样使用我们自制的元件库了,制作完成后,永远记住,创建一个母版可能是更好的选择,同样是在元件库面板「三条横线」按钮下拉选项中找到「载入部件库」功能,Axure中没有类似PS中的布尔运算(能够自由的对多个形状进行编辑、forms,很容易能够达成共识,比如APP的底部tab栏。
当然不仅仅是导航。
这样设计出来的产品才能符合这个平台的特性,并且基于大家对相关平台的一些固有认知,当我们频繁使用任何一组控件的时候,希望你不是一直都在复制和粘贴,Axure将重新打开一个新页面进行元件的编辑。
并且我们可以看到,来展示产品的目标形态和效果.rp文件一模一样。
我们我们可以参考一些app中常常采用的”我的“图标样式,然后用Axure默认的基本形状元件,比如矩形,双击进入到元件编辑页面,越是有可能需要在母版的很多地方做出修改:在页面导航面板上,所有的文件夹都是一个分组,母版带来的修改效率一定会让你深深的爱上这个功能,而不同于创作交互原型时正常Axure文件的,能够支持我们制作一份属于自己的元件库。
我们可以通过软件自带的基本元件搭配组合出我们常用的图标、控件,看到这里你应该学会了如何自制一个元件库了吧,组合在一起成为产品的完整页面制定一套自己的交互风格学会了创建自己的元件库,也懂得了善用母版,元件库.rplib文件图标为”绿色“,不同于.rp文件的蓝色。
创建好元...
有编程基础的产品经理,原型用Axure做好,还是直接写代码好
Axure RP是一个专业的快速原型设计工具。
基本简介: Axure(发音:Ack-sure),代表美国Axure公司;RP则是Rapid Prototyping(快速原型)的缩写。
Axure RP是美国Axure Software Solution公司旗舰产品,是一个专业的快速原型设计工具,让负责定义需求和规格、设计功能和界面的专家能够快速创建应用软件或Web网站的线框图、流程图、原型和规格说明文档。
作为专业的原型设计工具,它能快速、高效的创建原型,同时支持多人协作设计和版本控制管理。
Axure RP已被一些大公司采用。
Axure RP的使用者主要包括商业分析师、信息架构师、可用性专家、产品经理、IT咨询师、用户体验设计师、交互设计师、界面设计师等,另外,架构师、程序开发工程师也在使用Axure。
...
转载请注明出处51数据库 » axure原型图软件产品