原型设计工具(原型设计工具)

导读大家好,小晋来为大家解答以上问题,原型设计工具,原型设计工具很多人还不知道,现在让我们一起来看看吧!简单来说,“原型”是项目前期重

大家好,小晋来为大家解答以上问题,原型设计工具,原型设计工具很多人还不知道,现在让我们一起来看看吧!

简单来说,“原型”是项目前期重要的设计步骤,主要目的是发现新的想法,检验设计。重点是直观地反映产品的主界面风格和结构,展示主要功能模块以及它们之间的关系,不断确认模糊部分,为后期的视觉设计和代码编写提供准确的产品信息。

目的:

以下角色使用用户界面原型:

用例解释器用于理解用例的用户界面;

系统分析师,用来理解用户界面如何影响系统分析;

设计,用于理解用户界面如何施加影响及其对系统的“内部”要求;

类测试人员,用于制定测试计划活动。

如何高效的完成优秀的原型设计,工具自然非常重要。这里有一些常用的原型设计工具供你参考。

产品原型设计

Axure RP是美国Axure软件解决方案公司的旗舰产品。原型设计工具可以帮助负责定义需求、设计功能和界面的原型设计人员快速创建应用软件或网站的线框、原型和规范。Axure针对的用户包括用户体验设计师(UX)、交互设计师(UI)、业务分析师(BA)、信息架构师(IA)、可用性专家(UE)和产品经理(PM)等。

Axure RP可以让操作它的人快速准确地创建基于Web的网站流程图、原型页面、交互体验设计、标注详细的开发说明、导出Html原型或标准的Word开发文档。(扩展将支持更多输出格式)

网站图(网站结构),线框)图表(流程图),交互设计,原型设计(HTML原型)规范文件(规范)

使用Axure RP设计线框和原型可以有效提高工作效率,同时便于团队成员共同完成协同设计。它可以与用户进行演示和交流,以确认他们的需求,并自动生成规范,这大大优化了工作模式:设计动态原型更高效,快速体验,并有助于清晰有效的沟通。Axure RP的可视化界面允许用户通过鼠标拖动来轻松、快速、简单地创建各种带注释的线框。简单的链接和高级交互可以在线框图上定义,无需编程。同时,该工具支持基于在线框图自动生成Word格式的HTML原型和规格说明。

Balsamiq模型

Balsamiq Mockups是一款快速原型设计软件,由美国加州的Balsamiq Studio推出。真的抓住了原型设计的核心和平衡点。3354不仅能快速设计草图,还能更好的进入团队工作的常用流程和工具。基于Adobe Air,可以流畅运行在不同浏览器、不同操作系统平台,可以在线使用,也可以离线使用。可成功安装在Windows 7、FreeBSD、Ubuntu等平台,并能高效完成各项原型设计任务。

Balsamiq样机有极其丰富的表现形式,设计效果非常漂亮。它支持几乎所有的HTML控件原型,比如按钮(基本按钮、单选按钮等。)、文本框、下拉菜单、树形菜单、进度条、多选项卡、日历控件、颜色控件、表格、Windows窗体等。此外,它还支持Phone元素的原型图,极大地方便了开发iPhone应用程序的软件工程师。

铅笔项目

Pencil Project最初只是firefox的一个小插件。曾经拿过火狐插件大奖,后来又发布了独立软件。这个手绘的开源原型设计工具可以用来绘制各种架构图和流程图。Pencil Project内置了丰富的模板,可以创建带背景的多页文档,支持文档内的超链接跳转,支持富文本功能的文字处理,支持安装自制的画笔和模板,具有对齐、堆叠层次、缩放、旋转等所有标准绘图功能。支持添加外部对象,跨平台.您可以创建可链接的文档,并将其输出为HTML、PNG、OpenOffice、Word、PDF和其他格式的文件。

原型作曲家

Prototype Composer是Serena出品的免费软件,允许非技术用户进行原型制作。它还包括业务流程、活动、用户界面、需求和数据。它不仅可以制作界面原型,让用户在编写代码前直观地预览网站的运行过程,还可以用于项目管理,包括需求管理和数据管理。

Prototype Composer提供了一个完整的集成环境,可以方便地进行设计和建模,并在开发之前对商业应用软件进行合理化。该软件可以直观地描述软件的工作模型,提供可定制的Word格式规范模板库,自动组装从模型生成的数据,一键创建需求、功能和技术规范。

Omni Graffle

Omgraffle软件是Omni集团生产的,在OS X平台上很容易绘制。

GUI Design Studio(GDS)

GUI Design Studio是面向应用软件设计图形用户界面的专业工具,特别适合客户端软件设计。该软件能够快速将设计思路以可视化的方式来表现出来,并实现基本的交互,便于演示以及与客户完成有效沟通交流。GUI Design Studio是不需要软件开发和编码的完整的设计工具,它支持所有基于微软Windows 平台的软件,提供的了大部分C/S、B/S组件的示意图,可组合使用,是一款非常款适合界面原型设计者和界面原型开发员的软件,能够满足一般软件界面模型设计需要。

Office组件

大家熟悉的Office套件中有不少组件都可以用在原型设计中:如Visio、PPT、Word、甚至Excel等,但是操作过程相对比较繁琐。

Visio:功能相对丰富,操作复杂。适合画流程图,框架图。不利于批注与交互的表达与演示。Word:可以画线框图、流程图,添加批注与文字说明。对交互表达不好,不利于演示。PPT:易于画框架图、做批注,也可以表达部分交互流程,擅长演示。

Adobe设计组件

一些视觉设计出身的原型设计人员因为软件使用习惯的原因,会选用Adobe的一些平面和网页设计工具来做原型设计工具。

Photoshop/Illustrator:操作难度相对较大,易于画框架图、流程图。不利于表达交互设计,不擅长文字说明与批注。Dreamweaver:操作难度大,需要基础html知识。易于画框架图、流程图、表达交互设计。不擅长文字说明与批注。

纸笔

当然,我们最传统的纸笔也是非常重要的原型设计工具,帮助我们在设计初期记录和整理思路,绘制最初的草稿。

除了上面我们提到的这些,现在还有很多很多相关的原型设计工具他们各有特点,大家可以选择自己习惯地使用,也欢迎在文章末尾分享您的意见。无论是桌面软件、Web网站还是移动APP界面,原型设计都是产品设计流程中非常重要的一环,原型设计在一定程度上是为了说明用户将如何与产品进行交互,用来展现最初的产品设想,起到直观展示和有效沟通的作用。原型设计需要体现出用户在每个页面上期望看到的内容,以及这些内容在页面上的相对优先级,展示内容和结构及粗线条的布局,而不是视觉设计。原型是一个概念到实现的过渡,是不同部门对话的交流介质,重点在于沟通和帮助项目成员(比如团队中的工程师与设计师等)理解产品需求。 从整个项目的角度讲,在原型的设计与沟通过程中发现问题并加以调整,将更有效地避免将问题留到视觉设计和开发流程中,有效提高开发效率。

本文到此结束,希望对大家有所帮助。

免责声明:本文由用户上传,如有侵权请联系删除!