了解原型设计的工具

原型设计的工具有哪些

交互原型设计工具(仅限页面交互)

这一类工具主要是建立页面之间的交互。其本身不能进行组件的制作和设计,需要从其它地方(例如:PS,本地)导入设计图,对已有的设计图创建热点,进行交互设计。

Invision - 一款很好的制作原型交互演示的工具。你可以从本地、Dropbox、Google Drive和Box上传图片。使用拖拽快速创建热点。它的分享、协作、评论功能也很方便。

Chianco- 一款轻量级的交互原型设计工具。拖一拖鼠标, 快速创建交互;内置多种转场和触发效果,点一点就可以使用;扫一扫,直接在手机上预览效果,也可以导出HTML,分享给同事。

Marvel - 一款简单易用的原型工具。只需几次简单的点击,就能将静态的设计图链接起来,变成可点击的原型图。

Flinto for Mac - 一款Mac端的交互原型设计工具。支持一键将 Sketch设计稿导入, 添加热点配合相应的交互动作生成原型通过网页或者手机端展示给客户观看。

Atomic - 可以用来快速设计交互和动画的原型工具,无论是手机原型还是桌面端原型,都是不错的选择。

手机原型工具

这类工具内置了制作手机原型的组件,可以创建和编辑组件。设计时,可以选择不同的手机模型。在手机预览很方便。

Proto.io - 用Proto.io做手机原型是一个比较好的选择。有默认手机的组件库,拖出来进行简单的属性设置就可以用了。也支持交互设计,支持的触发和动作比较丰富。

Mockplus - Mockplus提供了大量的手机组件和图标,能够快速上手进行设计。设计前可以选择不同尺寸的手机模型,可以通过多种方式在手机上进行预览:发布项目,然后在手机浏览器中查看、手机端输入原型码、扫描二维码。设计手机原型十分快捷。

Fluid - Fluid 是一款在线原型设计工具,比较适合移动App原型的制作,包括iOS,Android以及穿戴设备。

Pixate - 用Pixate可以实现复杂的交互和动画,它也只能用于手机端原型的制作。

Justinmind - 可以自制高保真手机原型。支持复杂的交互、动画和手势。同时也是需要投入较高学习成本的工具。

网页原型工具

这类工具比较适合网页原型的制作。

Axure - 功能全面的原型设计工具,可以实现复杂的交互,需要投入较多的学习时间。

Webflow - 一款可以生成代码的原型设计工具,适合网页原型的制作,中等学校难度。

Webydo - 可以自制高保真网页原型的工具,不过学习难度也很高。

Indigo Studio - 这款工具即可以让你导入设计图进行交互设计,也提供了组件设计的功能。

Protoshare - 中等学习难度的在线原型设计工具,可用于设计具有交互效果的网页原型。

静态原型

这些工具整体来说操作比较简单,功能也比较简单,只能用于设计静态原型。

Fluid - Fluid是一款简单的在线原型设计工具,不能设计交互,可用于静态原型的设计。

Balsamiq Mockups - 手绘风格的原型设计软件,操作简单,初学者可以尝试用来设计静态网页原型。

Mockflow - 一款比较简单的静态原型制作工具。

动态原型工具(组件和页面交互)

Axure - 老牌原型工具,能够实现复杂的交互。

Mockplus - 新兴的原型设计工具,Mockplus封装了常用的交互组件,实现了交互的可视化。无论是页面交互还是组件的交互都可以通过拖拽的方式完成。支持团队协作和在线审阅。

UXPin - UXpin是一款在线原型设计工具,可用于制作网页和手机原型。自带了组件库,拖出来就可以进行基本的编辑,可实现简单的交互效果。

Proto.io - 一款在线原型设计工具,支持组件的交互。

Framer - Framer是一款基于代码的原型设计工具。如果你懂编程,那么Framer可以帮你实现复杂的动画和交互。

HotGloo - 在线原型设计工具,能够实现常用的交互设计。

Origami - Facebook旗下的一款原型设计工具,可以实现复杂的交互和动画。

Principle - 一款只能用于Mac上的交互设计软件。

Justinmind - 可以自制高保真手机原型。支持复杂的交互、动画和手势。

原文地址:https://www.cnblogs.com/yiluxiangbeis/p/10787127.html

时间: 2024-11-16 02:31:39

了解原型设计的工具的相关文章

关于原型设计的工具——AXURE

一.简介 Axure RP是一款专业的快速原型设计工具,作为专业的原型设计工具,它能快速.高效的创建原型,同时支持多人协作设计和版本控制管理.使用者主要包括商业分析师.信息架构师.产品经理.IT咨询师.用户体验设计师.交互设计师.UI设计师架构师.程序员. 工作环境:Windows.OS X 二.功能 导航面板 在绘制线框图(Wireframe)或流程图(Flow)之前,应该先思考界面框架,决定信息内容与层级. 明确界面框架后,接下来就可以利用页面导航面板来定义所要设计的页面.页面导航面板是用于

Axure RP一个专业的快速原型设计工具

Axure RP是一个专业的快速原型设计工具.Axure(发音:Ack-sure),代表美国Axure公司:RP则是Rapid Prototyping(快速原型)的缩写. Axure简要介绍 Axure RP已被一些大公司采用. Axure RP的使用者主要包括商业分析师.信息架构师.可用性专家.产品经理.IT咨询师.用户体验设计师.交互设计师.界面设计师等,另外,架构师.程序开发工程师也在使用Axure. Axure RP--是一个非常专业的快速原型设计的一个工具,客户提出需求,然后根据需求定

常用快速原型设计工具大比拼、原型设计工具哪个好用

原型设计是交互设计师与PD.PM.网站开发工程师沟通的最好工具.而该块的设计在原则上必须是交互设计师的产物,交互设计以用户为中心的理念会贯穿整个产品.利用交互设计师专业的眼光与经验直接导至该产品的可用性. 简单说,“原型”是在项目前期阶段的重要设计步骤,主要以发现新想法和检验设计为目的,重点在于直观体现产品主要界面风格以及结构.并展示主要功能模块以及之间相互关系,不断确认模糊部分,为后期的视觉设计和代码编写提供准确的产品信息. 目的: 下列角色使用用户界面原型: 用例阐释者,用来了解用例的用户界

Axure RP一个专业的高速原型设计工具

Axure RP是一个专业的高速原型设计工具.Axure(发音:Ack-sure).代表美国Axure公司.RP则是Rapid Prototyping(高速原型)的缩写. Axure简要介绍 Axure RP已被一些大公司採用. Axure RP的使用者主要包含商业分析师.信息架构师.可用性专家.产品经理.IT咨询师.用户体验设计师.交互设计师.界面设计师等.另外.架构师.程序开发project师也在使用Axure. Axure RP--是一个很专业的高速原型设计的一个工具,客户提出需求,然后依

几种常用App原型设计工具详解

摘要:用于App开发的原型设计工具已有很多,鱼龙混杂,这对有潜在选择恐惧症者来说可不是一件好事,今天大家就和小编一起深入认识一下几种常用的App原型设计工具. 大家都在用的Axure Axure RP,即Axure Rapid Prototyping是最常用的快速原型设计工具之一,帮助负责定义需求和规格.设计功能和界面的用户快速创建线框图.流程图.原型和规格说明文档,可用于应用软件和Web网站设计,支持多人协作设计和版本控制管理. Axure RP的用户群体非常宽泛,包括商业分析师.信息架构师.

了解原型设计工具:墨刀

 了解原型设计工具:墨刀 墨刀,一款在线的移动应用原型与线框图工具.借助于墨刀,创业者.产品经理及UI/UX设计师能够快速构建移动应用产品原型,并向他人演示.目前墨刀支持创建移动端(iPhone.iPad.Android).web端的项目. 目前墨刀分为网页版和客户端,网页版可以直接使用,客户端在网页版的功能的基础上增加了诸如可以随时提取页面中某一颜色然后应用于对应控件等小功能.不同于Axure一定要下载才能使用,墨刀可以直接在网页上打开进行创作,给这个设计点赞! 一. 完成注册之后就可以创建项

第六次作业(1)-结对项目之需求分析与原型设计

3044:郑杰鸿 3005:王凯川 NABCD模型 N(Need,需求) 不了解编程(非科班)的人迫切希望了解什么是代码,有什么用,效果是怎么样的 希望能够浅尝多种语言的编程风格,但不强求能够系统地进行学习 能够在线对一些语言进行功能求证,自由练习 能够像查字典一样,快速定位到某个知识点,随时能够对不熟悉的知识点回顾 A(Approach,做法) 提供简单明了的界面,通俗易懂的言辞和部分代码,让客户循序渐进, 利用正则表达式或其他的方法对需要用户输入的部分进行判定 B(Benefit,好处) 完

实验七 团队作业3—团队项目的原型设计与开发

实验七 团队作业3-团队项目的原型设计与开发 实验时间 2018-5-3(5/4) Deadline: 2018-5-9 10:00,以团队随笔博文提交至班级博客的时间为准. 评分标准: l  按时交 – 根据实验七评分细则打分(满分15分,团队博文与原型设计成果) l  本实验为团队任务,团队成员成绩以团队博文成绩为准 l  晚交 - 0分 l  抄袭 - 倒扣本次作业分数 l  如对作业分数有意见,可有一次向评分助教申诉机会 关于软件原型方法 原型方法就是快速地建立可运行的.概略的系统,之后

《F4+2》——团队项目的原型设计与开发

  目 录 1 · 团队信息 2 · NABCD模型 3.  原型设计的工具 4 · 原型设计 5 · PSP表格 6 · 团队设计过程 7 · 原型设计心得   一 · 团 队 信 息 成 员 列 表 成 员:      201571030322/马仲山                      201571030320/马世芳 201571030312/马婧     201571030313/马婧            201571030319/马绍辉         20157103033