产品经理画原型图哪些工具好用,求推荐~
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画app原型图
前段时间跟大家介绍了一个软件Balsamiq Mockups,这是一个可以简单画出的手绘效果原型图的软件,操作也很简单!后来有朋友问我Axure可以画出手绘效果的原型图吗?答案的肯定的,只不过没有Balsamiq Mockups那么手绘,但是也可以改善一下Axure里总是横平竖直的视觉感受!其实Axure从6.0开始就加入了手绘风格。
在线框图(Page Formatting)里有个页面样式编辑器(Sketchiness)的选项,可以设置手绘风格的“扭曲度”。
默认是0,数字越大画出的线越扭曲,个人建议50为宜,然后选个卡通点的或者手绘字体,线宽选择+1。
这种图用什么软件可以画
AxureRP是一个专业的快速原型设计工具,让负责定义需求和规格、设计功能和界面的专家能够快速创建应用软件或Web网站的线框图、流程图、原型和规格说明文档.功能非常强大!
ui和画原型图的区别
UI即User Interface(用户界面)的简称。
泛指用户的操作界面,包含移动APP,网页,智能穿戴设备等。
UI设计主要指界面的样式,美观程度。
而使用上,对软件的人机交互、操作逻辑、界面美观的整体设计则是同样重要的另一个门道。
好的UI不仅是让软件变得有个性有品味,还要让软件的操作变得舒适、简单、自由,充分体现软件的定位和特点。
原型图的产品最初的构想图,一般是产品经理绘制,内容比较粗糙;设计效果图,一般是由设计师出图,根据产品经理的原型图,进行设计后的很形象、美观的图‘;框架结构图,指的是整个软件的架构。
UI即视觉:是根据原型设计的包装,美化,使原型更完整的出现在大众的眼前。
原型图:是包括交互、线框在内的产品雏形。
产品经理最需要的原型工具是 Axure 吗
只能说中国的产品经理,用Axure这个软件的多。
做原型的工具有很多,比如磨刀,Justinmind.不过个人认为,如果是真心想做产品经理的话,应该至少精通一种画原型的工具。
做移动端原型时,磨刀做起来更漂亮方便。
Justinmind是西班牙出的一款原型工具,功能也非常强大。
但是之所以和Axure比,没有那么流行。
主要原因是:1.收费;2.英文版;3.用的人少,学习资料少;4.上手难,里面的东西学起来花费时间多。
所以目前Axure是大部分人所偏爱的,上手简单,有破解版,还有汉化包。
重点是,你会发现,你遇到的问题,有人可以和你交流。
ui和画原型图的区别
展开全部 UI即User Interface(用户界面)的简称。
泛指用户的操作界面,包含移动APP,网页,智能穿戴设备等。
UI设计主要指界面的样式,美观程度。
而使用上,对软件的人机交互、操作逻辑、界面美观的整体设计则是同样重要的另一个门道。
好的UI不仅是让软件变得有个性有品味,还要让软件的操作变得舒适、简单、自由,充分体现软件的定位和特点。
原型图的产品最初的构想图,一般是产品经理绘制,内容比较粗糙;设计效果图,一般是由设计师出图,根据产品经理的原型图,进行设计后的很形象、美观的图‘;框架结构图,指的是整个软件的架构。
UI即视觉:是根据原型设计的包装,美化,使原型更完整的出现在大众的眼前。
原型图:是包括交互、线框在内的产品雏形。
APP交互原型图 怎么画?
展开全部 Low-fi,即低保真原型图,整个APP设计阶段,设计师真正开始上手的环节。
待PM制作好PRD文档和逻辑流程图之后,交互设计师开始依据已有的结论,画出Low-fi。
Low-fi的作用1. 方便团队进行方案的讨论和统一。
就像使用场景Scenario和用户画像Personas,团队每个成员脑海中所理解的都会有所不同,但通过PRD,咱们可以进行至少是大体上的统一。
而在这基础上,APP的具体画面和流程,每个人都有自己想象的视觉效果。
Low-fi就在此时起了相同的作用。
当然统一的进一步促进效果是,进行后面核心功能的深入探讨,将概念落实到实施方案,并验证逻辑上是否能跑通,以及主页面元素的确定。
2. 方便开发人员进行整体架构的布置,开始着手一些基础元素的部署。
3. 做出demo进行内部尝试、小范围的用户调查,一般会有一些更改,不会影响项目主方向,大多是功能上的调整Low-fi 的处理工具与文件要求作为交互设计师,在Low-fi阶段多使用的是sketch,PS更侧重于用来做图片的处理。
出发点还是更多的从效率上进行考虑,sketch运行速度非常快,文档小,测量距离方便,可复用的图层组(symbol),做好图之后导出多倍图也十分方便。
所以在此阶段做草图,sketch是不二之选。
然而,对Low-fi的文件处理也有一些要求,主要分为视觉效果和文件名整理。
视觉效果上倾向于使用黑白灰无色彩感的设计方案,目的是为了降低视觉上的干扰,让设计师和团队其他成员,将精力重点放到APP本身的功能完善和逻辑完整上面。
而文件名的整理主要表现在图层命名需要规范。
统一的控件用symbol进行管理,symbol的命名建议使用驼峰式,即每个单词间没有空格,每个单词首字母大写(这里说的是大驼峰式,即第一个单词的首字母也大写了)。
...
有哪些是可以画流程图的免费软件
比如平面类的设计软件啊,办公软件office或者WPS软件都可以绘制,在网上下载绿色版就行了。
画流程图的话还是使用专业的流程图软件比较好,比如迅捷流程图制作软件就不错。
该软件绘制流程图的操作过程:1、首先打开电脑上安装好的迅捷流程图制作软件。
2、流程图制作软件打开之后,使用软件界面的左侧的图形工具就能绘制流程图了。
3、觉得绘制图形比较麻烦的话,也可以使用流程图模板来绘制,点击“文件”下的“新建”按钮。
4、点击“新建”按钮之后,软件中就会出现一个界面窗口,在这窗口中看到很多的模板,选择需要的一个模板,选中它,然后使用鼠标点击一下模板就能创建好了。
5、当模板创建好之后,开始在模板中添加文字了,选中任意一个图形鼠标双击两下就能添加文字了,文字添加好之后,选中文字,然后然间界面右侧就会出现一个“文件”的大工具,在这工具中就能对文字设置样式了。
6、当流程图绘制好之后,使用鼠标点击“文件”按钮下的“另存为”工具,点击过后就能将绘制好的流程图保存起来了。
App 产品原型设计用什么软件
首先如果你小团队或者个人开发,当然可以用Xcode,如果大公司跨部门审核调整各种,还是有个快速的原型。
如你要求,可交互。
包括常用的Axrue,我试用过下面提到的所有软件,分别完整产出过不同的原型,还有一些市面上的你一看它介绍图还在用ios6的就知道不必了,说明很久没更新了。
下面这些是我按照不同的特点进行了归类,视你的具体情况而定吧。
我在选择软件这个过程中纠结了很久,也是用过在领悟真正的原理。
但是这段时间的摸索对我以后也有很大帮助。
轻巧型低保真;无控件;iOS;少交互;免费。
毕竟是凡人