恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
8款免费原型设计和协作工具,总有一款是你的菜!
0.0°
2019-03-20 原创文章 经验/观点 举报 3536 2 4 0

身为一位产品经理或设计师,原型设计工具是必不可少的工作伙伴。但我们难免会遇到预算有限的时候,这时候,去哪里寻找一款好用的免费原型设计工具呢?以下,小编为大家精心挑选了7款免费的原型工具,并对其进行了简单的介绍以供参考!


1.Mockplus


免费方式:所有基础功能免费


功能特色:

快速交互设计(海量组件,只需拖曳即可完成交互)

快速复用功能(格式刷,组件样式,我的组件库,)

快速团队协作(设定成员角色,管理分组,标注与评论)

快速演示(一键生成预览,支持8种演示方式)

快速服务(“三分钟内应答”服务)

自定义组件库

支持Sketch导入


适用情景:中低保真原型,快速原型, WEB/移动端/平板原型,线框图,视觉稿

Mockplus是一款更快更简单的免费原型设计工具,产品设计师5分钟即可创建交互原型。快速原型设计、精细团队管理、高效协作设计、轻松多终端演示,是原型设计的不二之选。

Image title


下载地址:https://www.mockplus.cn/download


2.Axure RP


免费方式:免费试用30天


功能特色:

支持交互设计

生成规格说明文档

输出HTML原型

版本控制管理

支持多人协作设计

母版功能

支持动态面板和复用模板


适用情景:视觉稿/高保真原型,大型复杂项目,Web线框图,网页原型

Image title

Axure RP是一款专业设计师不容错过的免费原型设计工具,设计师可以用它快速创建应用软件或Web线框图、流程图、原型和规格说明文档。作为一款专业的设计工具,它能快速、高效的创建原型,但对于新手来说,需要投入较高的学习成本。


产品地址:https://www.axure.com.cn/


3.Justinmind


免费方式:免费试用30天


功能特色:

支持手势交互

自定义组件(库)

支持动画

支持团队协作功能

支持版本控制

快速预览原型

多种导出方式(HTML+JS, Word, PNG, 导航地图)


适用情景:高保真原型,线框图,移动端原型

Image title


这也是一款适用于高保真原型和线框图的原型工具。不过对于新手设计师来说,这款工具的学习曲线也是比较高的。


产品地址:http://www.justinmind.com.cn/


4.Invision


免费详情:免费1个项目


功能特色:

项目反馈管理,团队协作,

支持手势和转场功能

快速创建热点链接页面

支持Sketch/Photoshop导入

支持版本控制

支持多种分享方式(URL, Email, SMS, Zip, PNF)


适用情景:线框图,移动应用原型

Image title


InVision可以说是一款较流行的免费原型设计工具,设计师可以利用它免费设计一个的项目。这款工具允许设计师编辑,分享和测试具有一定交互的应用原型。而其团队协作功能,即允许设计师导入原型,讨论和添加交互及动画,也为部分设计师用户所喜爱。因此,InVision更适合团队使用。

产品地址:https://www.invisionapp.com/


5.Flinto


免费详情:免费试用30天


功能特色:

支持转场动画,画面滚动流畅

支持创建手势交互

支持Sketch导入

支持在iPhobe/iPad上进行实时预览

分享原型


适用情景:多页面,复杂交互的原型,高保真原型

Image title


Flinto是一款mac上强大的移动应用原型设计工具,你可以使用它创建多种原型。从最简单的页面跳转到令人印象深刻的交互动效,无需任何代码和复杂的时间轴,我认为这正是大多数交互设计师所期望的。

产品地址:http://www.flinto.com.cn/


6.Proto.io


免费情况:免费试用15天


功能特色:

丰富的移动端设计组件 (可自定义)

支持Sketch和Photoshop插件

大量现成的项目模板

支持原型预览(HTML,短信发送至手机预览)

支持多种文件导出形式(HTML, PNG, PDF)


适用场景:移动端原型,弱动画原型

Image title


一款专注于移动端原型开发的软件,可以建立全交互式的移动App原型。设计师可以直接在真实的移动设备上对原型设计进行测试。并且可以使用iOS或Android上的浏览器以全屏模式运行原型。不过这是款在线设计工具,设计师在进行原型设计时需要保持经常在线。


产品地址:https://proto.io/


7.Balsamiq Mockups


免费情况:免费试用30天


功能特色:

独一无二的手绘风格

支持Linux, 支持WIKI风格的代码规则

内置大量模块(包括桌面App,移动端App及网站模板等)

支持多平台使用(Windows、Mac OS、Linux)

支持PDF导出

拥有种类繁多且风格独特的UI库


适用场景:低保真原型,静态网页原型,手绘风格原型

Image title


Balsamiq是一款免费且界面简洁的Mac原型工具,致力于是尽量给用户,即UX/UI设计师,产品经理和开发工程师,一种近似于直接使用笔和纸绘制原型草图的体验。它能够帮助设计师快速地直接在Mac电脑上绘制网页或Android/iOS移动端设备应用的草图。


产品地址:https://balsamiq.com/


8. 摹客iDoc


iDoc是更快更简单的协作设计平台,其核心功能点包括:智能标注、一键切图、多样批注、交互原型、全貌画板、团队管理。支持上传PS,Sketch,Adobe XD三大设计工具的设计稿,以及原型图(Justinmind、Mockplus、Axure等)。iDoc的主要用户对象是产品经理、设计师和工程师,提升团队协作效率。

Image title


产品地址:https://idoc.mockplus.cn/idoc


免费体验地址以及升级方式:


通过使用升级码 free 获得升级体验,感受更加高阶的功能体验。具体方式如下:


第一步: 通过以下链接注册:

https://idoc.mockplus.cn/get-idoc/


第二步: 输入升级码:free


工具分享是希望最大化的帮助你解决设计问题,让你不断地释放更多的时间和精力,投入到更有价值的研究上面。希望大家在设计领域可以有更多的拓展和突破。

对于一名设计师或者产品经理来说,掌握过硬的设计知识当然是必不可少,但设计工具的挑选也非常重要。尤其是在预算有限的情况下,设计师如何挑选到一款称心如


更新:2019-03-20

收藏

2人已收藏

mo311

一名PM,分享个人与设计(UI/UX等)相关的经验与教程。

  • 205

    作品

  • 271

    粉丝

  • 5

    关注

  • B端和C端产品设计有哪些差异?
  • 用户体验之如何设计一个完美的新手引导流程?(附带案例)
  • UI设计、交互设计、UI交互设计的联系和区别是什么?
  • 前方高能!15个外挂级别的设计插件, 助你效率逆天
相关标签

    猜你喜欢

      2019-03-20 原创文章 经验/观点 举报 3536 2 4 0

      8款免费原型设计和协作工具,总有一款是你的菜!

      0.0°

      你确定要举报8款免费原型设计和协作工具,总有一款是你的菜!

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2019年03月20日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      4
      2
      0

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录