常见原型设计工具介绍

Posted cirno-9

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了常见原型设计工具介绍相关的知识,希望对你有一定的参考价值。

产品经理、UI设计师这些岗位都会接触到原型设计工具,目前市面上又多种原型设计工具,在此对其做简单介绍。

1.Axure

老牌的原型设计工具,专业团队,就是强。

功能非常强大,但是由于界面简单,上手较难(专业工具的通用限制)

可以实现很复杂的交互,不过也可能因为这个成为设计原型是的负担。

原型预览分享方式不友好,浏览本地原型需要增加插件,在线分享由于是国外服务器经常遇上土豆服务器的情况。

技术图片

将各个部件拖到画布上,并设置属性,即可完成原型设计。

 

技术图片

 

(来自知乎用户 林涛涛的一个红包样例)

2.Adobe XD

Adobe公司的原型设计工具,有着天然优势:可以导入自家软件编辑的文件作为素材,享受无语伦比的便捷,此外还支持自动标注

软件目前是免费,但是免费度有限:2G云存储,共享1个规范以及原型。

技术图片

 

(XD的图片模糊功能)

3.墨刀

国内的原型设计工具,支持Sketch设计稿的导入拖拽式创建交互链接,可以通过链接或者二维码在电脑端或者移动端快捷预览原型。此外,设计师也可以通过墨刀进行自动标注,开发者也可以用墨刀进行切图。

而墨刀新出的版本更加强化了协同管理功能,满足了更大规模团队的需求。不仅多人团队可以在墨刀协同编辑/实时讨论,共同管理素材库,对于人员权限的管理也更加清晰分明。目前墨刀已经是与Axure并列的两大原型设计工具,成为招聘产品经理的考量因素。

 技术图片

(图源墨刀官网)    如图所示,只要将各种控件拖入即可完成设计,有非常好的可视化设计元素。

 4.蓝湖

蓝湖也是国产的一款原型协作平台,在其官网上,蓝湖将自身定位为“简单好用的团队工作台”。

使用蓝湖可以导入Sketch/Photoshop和Adobe XD的设计稿(通过插件),并在蓝湖上做自动标注和交互原型。

对于设计师来说,可在蓝湖进行设计图管理和自动标注。

对于产品经理来说,可以在蓝湖做页面逻辑流程图和汇集产品文档。

 

使用方法与墨刀差不多,都是拖拽式的设计。

 

以上是关于常见原型设计工具介绍的主要内容,如果未能解决你的问题,请参考以下文章

主流原型设计工具介绍

Mockplus原型设计工具介绍

一些主流原型设计工具

主流原型设计工具介绍

软件原型设计工具介绍

原型设计工具对比与使用分享