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

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

提交需求

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

0/20
0/200

设计大赛

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

提交完成
感谢您对UI中国的支持和信赖!
软件原型设计工具有哪些?
0.0°
2021-06-02 原创文章 经验/观点 举报 652 0 1 0

原型设计是将想法转变为设计过程中至关重要的一环。经常有设计师小伙伴可能会问到,“哪个原型设计工具是最好的呢”?实际上这是一种错误的提问方式,尤其是在当下原型工具种类繁多,针对不同需求各有优势的大环境中更加如此。就设计师而言,更在意的应该是“哪个原型设计工具对我现阶段的目标是最好的”?在这里,笔者列出了在3种常见场景下最合适的原型图设计工具的推荐清单,希望对你有所帮助。

  1. 一、设计中低保真、快速的界面原型

中、低保真原型一般指有限的功能和交互原型设计。它们更多被用于描绘设想、设计方案以及界面布局,建立这些原型的目的主要用于想法的初步呈现、沟通和演示。用于此场景的最佳工具应该是可以在短时间内完成,并能直观展示整个体验流程的工具。


  

场景特点:

  • 想法的初步呈现(APP/小程序/Web/html5)

  • 快速制作

工具推荐:

  1. Balsamiq

主要用于制作低保真、线框草图。 在低保真原型图领域,特别是 Web 原型图设计领域,Balsamig尤其受欢迎。使用 Balsamiq画出的原型图都是手绘风格的图像,看上去美观、清爽。可以说这个产品就是为低保真原型图而生,这一块的体验是其他产品无法比拟的。

如果你想要制作复杂的交互效果,还是算了吧,Balsamiq的交互基本上就一个操作,即“链接到另外一个页面”。


  

  1. POP(Prototyping on Paper)

比较另类的产品,可以手绘草图,然后拍照传入软件,在照片中设置热区添加交互即可。在设计低保真原型图的时候出奇的方便。其基于手机端的玩法在我所列举的这些软件中是独树一帜的。显然,在手机端操作是它的优势,也是劣势。在特定需求场景下,这款产品一定能带给你惊喜。


  

二、构建响应式体验设计

当你的原型项目、设计稿需要应用于不同的项目尺寸时,这时就需要原型设计工具支持响应式布局。实现响应式布局一直是原型工具产品的一个难点,大多数原型工具操作方法是针对不同屏幕多做几稿,而以下两款产品其独特的响应式布局能力可以帮助你更快、更轻松地实现一次设计同时满足不同平台的原型设计需求。

场景特点:

  • 构建多平台产品原型(APP、小程序、Web、html5、Pad)

  • 省时和高效兼备

  • 具备制作复杂交互的能力(此类型项目,大部分都需要)

工具推荐:

  1. UXPin

在 UXPin 设计原型时,你可以自己设置断点,并为每一个断点区间做样式调整。在预览时,你也可以通过切换断点来观看不同尺寸下的效果。除开响应式,软件还提供了可编程组件,状态和逻辑,版本控制等功能,是一款非常全面的中高保真原型设计工具。


  

  1. 摹客RP

摹客RP是国内工具厂商摹客推出的一款全新原型设计工具。它集快速设计、强大交互、矢量编辑于一体,并且完全免费!

摹客RP在响应书布局功能上相比Uxpin更加强大和智能:只需要在制作时打开画板/组的响应即可自动开启响应式布局。开启后,画板/组所包含的组件也会自动开启响应式布局,非常简单就能实现“一稿多用”。


  

三、高保真原型设计

什么是高保真原型?简单理解就是:类似实际产品的原型设计稿。

它要求具备三个元素:

a.逼真细致的设计;

b.尽可能真实的填充内容;

c.和真实产品一样丰富且全面的交互效果。

该类型原型稿主要用于专业讲解、用户实测等场景。随着原型工具的发展,制作高保真原型所需的时间成本越来越低,我将要列举的三款原型工具,它们是制作高保真原型工具中的佼佼者。

场景特点:

  • 需要极高的保真度

  • 全面的功能支撑及高效的产出能力

工具推荐:

  1. Axure

知名度最高的原型工具,它作为最早、最权威的原型工具让多少产品经理又爱又恨。全面且强大的功能让它在行业里具有无与伦比的竞争力,但高昂的价格、复杂的操作也劝退了不少产品经理或者设计师。当然,如果你是一名追求强交互效果及细节的产品经理,它会是一项不错的选择。


  

  1. 摹客RP

再次出现了摹客RP。不必意外,作为一款为产品开发团队量身打造的原型设计工具,摹客RP可以做到快速产出和精细设计两不误。在高保真设计能力上,摹客RP表现的非常优秀:

a.摹客RP预设上千图标资源和组件,可以随意选用,其组件自带交互属性;

b.支持13种交互方式,几乎覆盖所有交互需求,真正实现了“所见即所得”;

c.自带专业矢量绘图功能,支持钢笔工具和布尔运算,配合响应式布局、256倍放大和像素级对齐等设计功能,可以轻松搞定高保真设计.。

除开以上优点,摹客RP支持流程图、PRD文档制作,产品经理可以一站式搞定撰写和创作的需求。最最最重要的是:它不限功能、不限页面、不限时长,绝对免费。


  

  1. Flinto

在Framer、Principle、Pixate等一众国外设计工具中,Flinto是我最推荐的原型设计软件,在界面设计上,你不得不佩服它的设计团队:简洁、大气、精致的感受会在你打开软件的一瞬间扑面而来。但相比前面两款工具,Flinto在国内用户群体太小,学习资料和模板资源等都非常匮乏,所以只推荐给动手能力比较强的用户。 


  

总结:

正如Facebook设计总监Julie Zhuo预测未来十年时所说:“未来的设计思维,就是产品思维”。对于设计师而言,应该更专注于设计而不是工具。设计过程中需要沟通什么、展示什么、测试什么?需要建立怎样的模块?需要什么程度的保真?当专注于设计的目标时,你就知道你要采用何种工具了。

建议所有的设计师,都应当广泛的涉猎目前主流的原型图工具的使用,一旦需要,即可使用。同时,笔者相信最好的工具,应当具备“更快”、“更简单”的特质,服务于设计思维,让设计师不为工具所累。

需要快速创建原型、表达设计想法的小伙伴们,现在有思路了吗?

Powered by Froala Editor

更新:2021-06-02

收藏

0人已收藏

  • 280

    作品

  • 125

    粉丝

  • 5

    关注

  • 最新最全产品经理常用工具清单
  • 超实用!2024年必看的10个导航栏设计
  • 如何拿捏2024年的B端设计?(附工具推荐)
  • 别让这6个UI设计雷区毁了你的APP!

    猜你喜欢

      2021-06-02 原创文章 经验/观点 举报 652 0 1 0

      软件原型设计工具有哪些?

      0.0°

      你确定要举报软件原型设计工具有哪些?

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

      0/200

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

      点击上传附件

      对谁可见:

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

      您确认要推荐?

      该作品发布时间:2021年06月02日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      1
      0
      0

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

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

      登录

      手机号

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

      登录
      第三方账号登录