说到原型图,用axure 还是墨客或是其他工具
这个要看你自己的需求是什么诺。
如果希望尽可能全面的展示界面所有细节,要得又不急的话,Axure无疑是不错的选择。根据需求一切重头搭建,专业全面, 只是可能耗费的时间长点。而且,如果是新手的话,可能也需要花些时间学习和熟悉工具使用方法,才能运用自如。
如果只是希望快速、前面的视觉化各种设计构想,快速与其它人讨论、分享和迭代的话, 摹客Mockplus就不错。软件主打“更快更简单”的设计。即使是新手,也可以几分钟就创建一个可以点击交互的原型设计,分享、协作、讨论都支持。
而且,它最近还新出了在线版本,添加更多全新功能,例如可扩展、可自由编辑的组件库,主辅面板协作设计,状态交互和命令交互结合设计,铅笔随意绘制所需图形等。因为是在线版本,有浏览器就能用,不受地点和时间限制。
ui原型图用什么软件做
一、快速原型
快速原型的重点在于快速输出线框原型,交互功能匮乏,也可以说是低保真的原型。其中常用到的工具有:
1、Pencil。它是一款开源的手绘风格原型图绘制工具,部件比较丰富。除了使用超链接没有其他交互,只能用于快速画出界面。可以导出为PNG、pdf、web格式。
2、lumzy。无需注册、无需下载,直接在浏览器上打开即可进行原型设计的工具(英文网站)。主要是用于设计草图。功能较简单,交互少,部件不多。虽然lumzy相对简单,但是上手快,适用于快速原型,也有很多UI设计师在使用。它可以导出为pdf、jpg文档。
3、MockupCreater。能做界面原型无法做交互,即输出仅为概念草图。目前只支持PNG、RTF和PDF三种静态文件格式导出。
4、MockupBuilde。它同样也是草图原型,部件相对lumzy、MockupCreater要多一些,只能使用超链接实现交互效果。目前只能导出PNG、PDF格式
二、交互原型
交互原型相对快速原型而言,除了能做出线框原型,还能实现丰富的交互功能,在项目排期时间充裕的情况下,建议采用交互的原型设计。此外这些交互原型也可以舒服功能高保真的原型。其中代表工具有:
1、腾讯UIDesigner。它拥有强大的模板和预制功能,能够快速的搭建起软件界面的高保真原型。可以实现设计师、产品经理、程序开发工程师三者间的快速沟通,减少不必要的工作内耗。2.0版本功能交互全面,响应速度也较快,但是针对PC平台应用设计的。UIDesigner预览很方便,可以导出exe文件。
2、Flash。从曾经最流行的Flash MX、Flash 8.0一直到现在的CSN,迭代了各种版本,像PS一样历史悠久。它功能强大,熟练情况下几乎能做出想要的各种效果甚至UI,甚至可以直接做开发,但是对技术要求高,做出好的效果需要懂点AS脚本。导出方便,除了本身的swf格式,exe、图片格式乃至web形式都可以导出。
3、Axure。是一个专业的快速原型设计工具,让负责定义需求和规格、设计功能和界面的专家能够快速创建应用软件或Web网站的线框图、流程图、原型和规格说明文档。作为专业的原型设计工具,它能快速、高效的创建原型,同时支持多人协作设计和版本控制管理。
三、高保真原型
单纯的高保真原型更加注重视觉效果,但是交互功能先对匮乏是UI设计师必须掌握的基本视觉设计原型软件。主要使用的工具是PS和illustrator。现有的版本甚至可以直接切图并保存为web格式。使用熟练的话,可以代替视觉设计师、重构工程师的很大一部分工作。
什么是高保真原型图?
几乎完全按照实物来制作的原型就是高保真,原型中甚至包含产品的细节、真实的交互、UI等等。而低保真原型指粗枝大叶的画出来的原型,表达产品大致的框架。
高保真原型需要多“高保真”,用Axure RP做够了么?还是需要开发人员介入?
可以根据产品需求来界定,如果产品经理对于产品的演示需要通过高保真原型才能表达出来的话,那就需要高度还原演示过程。毕竟目前支持高保真交互原型的工具也出现了---蓝湖。
交互设计中原型图和线框图
直白点呢,线框图更多是在设计初级,直接快速勾画的网页或软件产品的主体结构、用户流程或者页面跳转关系等, 方便设计师或团队能够快速决定产品的宏观设计方向,从而尽快开始细节设计。
而原型图,相对线框图,呈现了更多的细节或交互。我们所看到的的往往是一页页呈现的网页或app设计。根据细节的呈现程度以及提供资源的质量,分为低、中、高三种。最值得提及的就是高保真原型,不仅提供丰富的页面细节,还添加大量动画和交互,与产品的真实状态非常接近,能够直接交互并测试。
总之,不管哪种类型,都是为了方便设计团队沟通,加快设计流程的重要资料,是设计们经常使用的设计资源。当然,对他们比较陌生的设计师,也可尝试使用摹客设计工具,快速绘制线框图或原型图,切实的查看他们之间的区别。
有哪些好用的在线界面原型工具,且支持IE
十大界面原型与布局工具
作者夏梦竹
工具开发者原型设计SolidifyPowerMockupAntetypePOP
摘要:原型设计能起到有效沟通的作用,漂亮,直观的原型图更是让人赏心悦目。本文罗列了2013年最新的10大界面原型与布局工具以帮助设计师和开发者创建出更加优秀的产品。
创建网页或者程序不仅要关注主页的排版以及与主题想匹配的图片,还应注重视觉设计,这是因为它更能吸引用户进而提升搜索量。因此,项目开发首先需要确立良好的设计,创意是必不可少的。所以,项目经理、Web设计师、开发者在线框和原型工具方面需要具备一定的功底。
本文罗列了2013年最新的10大界面原型与布局工具以帮助设计师和开发者创建出更加优秀的产品。
1. Solidify
Solidify允许用户在模型、线框或者草图中获取原型图。此外,你还可以快速地查看屏幕界面原型。如果在桌面、计算机或者手机上运行Solidify还能轻易地测试出项目原型。如果你没有太多的时间花在这上面,你也可以共享给其他测试人员,随时随地获取反馈意见。
2. PowerMockup
专为设计师准备的PowerMockup在创建PowerPoint时为线框提供模板。包含各式各样的模板,包括菜单、表格、文本框、按钮和标签。当你在创建PPT时你可以轻易的将这些模板拖入使用。另外,用户还能在库中添加自己的条目,只需选择PPT的外形,然后点击“添加模板”标签,一款自定义的模板即可轻松创建。
3. Antetype
当你创建大型的且连续性的项目时,Antetype是最佳选择,这是因为它允许开发者创建一整套的构件库。该构件库可收集各小部件,在原型中方便易用。此外,每个小部件都有一定数量的定制和默认状态可单独或者同时进行编辑。
因此用户在编辑时无需使用不同的副本,Antetype可适应不同项目的需求。
4. UXPin
UXPin是为那些不擅长UX设计的开发者而开发的。经验丰富的UX设计师为UXPin提供了一整套的完整的工具包。
在UXPin上用户可以为自己的项目找到所需要的模板。他们通过上传UX和项目文件来获取模板,比如Project Canvas、Project Kick Off、Business Model Canvas、Personas等等。
此外,用户无需来回收发邮件,因为在这里任何项目都可在一起工作。UXPin旨在帮助项目经理开发适应任何一款分辨率和设备的响应式线框和原型。
5. QuirkTools
QuirkTools让网站创建更加简单和便捷。
利用QuirkTools构建Web应用可帮助用户创建属于自己的一款应用。Wires就是典型的例子,该应用帮助用户创建基于桌面、移动手机或平板电脑的线框模型。此外,QuirkTools还能让开发者与同事、客户共同协作打造最完美的设计。
6. Wireframe.cc
利用Wireframe.cc即可轻易的创建线框。Wireframe.cc支持有限的调色板和模板,以简洁为主。有两个模板供选择:移动手机和浏览器窗口,前者包含景色和垂直风格;后者则是纵向和横向风格。有了Wireframes.cc用户可清晰的看到整个创建过程。
7. Easel
Easel是一款基于浏览器的Web设计工具,允许用户记录模型和创意。其功能包括按钮、表和文本框。这款工具还集成了Twitter Bootstrap库贯穿其他额外的图标和颜色。此外,Easel 让用户在Web中设计保持最佳像素,用户可以使用先进的工具比如CSS3、Web字体,无需在浏览器和文本编辑器之间来回查看,告别繁琐的过程,轻松创建应用。
8. InVision
InVision让你以高水准的级别快速创建令人印象深刻的原型。利用这款工具,用户可在很短的时间内链接到UX草图、设计以及线框,还能与其他团队分享该项目。InVision使设计演示更加轻松方便,用户可以在项目中进行实际演示,在浏览器中加载或者以SMS形式连接到移动设备上。
该工具还支持追踪功能,让你轻松查看项目进度。
9. Proto.io
Proto.io这款工具完美适合设计师在触摸屏幕上的小工具。支持主流的移动触摸风格和手势,包括swipe、pinch、tap、zoom、tap-hold。此外,还能整合动画屏幕转换比如,幻灯片、旋转、流、翻转等等。
该工具不仅仅是为了生产先进的屏幕转换,还能允许用户学习和应用最基本的动画技能比如在原型创建中的移动、缩放、旋转等等。
10. POP
有了Prototyping on Paper (POP)创建iPhone原型不再是难事,其提供了一个传统的高科技线框技术。没有复杂的软件,所有的用户需要在纸上或者笔记本上绘画或绘制出线框。
该线框仅通过摄像头拍摄,利用POP确保草图能自动调节对比度和亮度,然后通过“链接点”连接到草图来设计模板。首先确保任何事情都在完美状态,用户只需点击“play”并模拟接口即可。
最后:
在设计网页或程序之前,需要把界面给“画”出来成为原型设计,就像动画片要画分镜头、手稿一样。原型设计能起到有效沟通的作用,漂亮,直观的原型图更是让人赏心悦目。有了这些工具,原型和线框变得更加简单和方便,即使是初学者也可设计自己的网站或者应用,赶紧尝鲜吧。
当然,原型工具还有很多很多,欢迎与我们分享。
求一款中文,简单的画网页原型图软件。
你可以试试Mockplus,这是我们团队之前用的,基础功能免费,几乎没有学习门槛,如果想要练手,我比较推荐这个工具。Mockplus的功能也比较多,有许多预设组件和图标,支持多人协作,演示也很方便,分享链接或二维码,在电脑端、手机端都能查看,如果担心不安全,也可以重置链接。
另外Mockplus的母公司摹客新推出的在线原型,这个是我们现在绘制高保真原型的工具,支持矢量绘图和布尔运算等,之前用sketch画图,现在摹客原型就能搞定,交互也很丰富,还支持流程图和产品文档,画完直接在摹客平台交付,节省了许多麻烦的步骤。
北京哪有会做高保真原型和UI设计图的?
北京西岐网络的高保真原型图,高的意思就是说分辨率要高,保真就是说要清楚。原型图是怎样的最后设计出来的网站是怎样。