浅谈关于软件开发的主流原型设计工具

lihaimuzhou lihaimuzhou     2023-03-17     204

关键词:

原型设计是设计思维过程中的一个密切部分,它能提供机会去证明软件开发人员的初步设计想法。当原型完成时,软件开发人员能够测试并验证其设想。当有新信息出现时,还能调整调整原型设计。本文因此浅谈关于软件开发的主流原型设计工具。

一、低保真、快速移动应用程序

1、为移动应用构建

2、低保真

3、快速搭建

4、需要将屏幕链接在一起,并显示它们的流程

推荐的开发工具:

  • Invision
  • Marvel
  • Craft(by Invision,Plugin for Sketch
  • Adobe XD
  • Flinto
  • Principle
  • Origami
  • UX Pin
  • Pixate

 

 二、低保真桌面网站或 Web 移动应用

1、为桌面浏览器(网站)构建

2、允许低保真

3、快速搭建

4、需要将屏幕链接在一起,并显示它们的流程

 

推荐的开发工具:

  • Invision
  • Marvel
  • Craft(by Invision,Plugin for Sketch
  • Adobe XD
  • Flinto
  • Principle
  • Origami
  • UX Pin
  • Pixate

 

三、响应体验

1、构建响应式网站(手机、平板、桌面)

2、需要较高的保真度

3、时间不是特别急,但也想要有高效率

4、需要将屏幕链接在一起,显示它们的流程,并展示响应式网站是如何崩溃的

推荐的开发工具:

  • Raw HTML/CSS/JS(真正的响应式设计)
  • Axure(static breakpoints)
  • UXPin(static breakpoints)

四、特定功能

1、在移动应用上构建特定的动画

2、需要特别高的保真度

3、需要高效率

4、需要显示运动,动画元素和时机——我并不关心页面之间的跳转

推荐工具:

  • Principle(最快的设计方式)
  • Adobe After Effects
  • Raw HTML/CSS/JS
  • Flinto
  • Origami
  • Phonegap
  • Xcode
  • Framer

五、高保真体验(手机或者桌面)

1、为手机或桌面进行构建

2、必须尽可能高保真

3、我有足够的时间进行这项任务

4、需要显示屏幕的流程,同时还能高保真显示屏幕元素和功能的动画

推荐工具:

移动设备:

  • Principle
  • Flinto
  • Origami
  • PhoneGap
  • Framer
  • Xcode

桌面:

  • Raw HTML/CSS/JS
  • Principle
  • Flinto
  • Framer
  • Xcode

 

上诉主流原型设计工具重复次数:

Invision 1+1=2
Marvel 1+1=2
Craft(by Invision,Plugin for Sketch) 1
Adobe XD 1
Flinto 1+1+1+1=4
Principle 1+1+1+1=4
Origami 1+1+1=3
UX Pin 1+1=2
Pixate 1
Adobe XD 1
Keynote 1
Raw HTML/CSS/JS(真正的响应式设计) 1
Axure(static breakpoints) 1
UXPin(static breakpoints) 1
Phonegap 1+1=2
Xcode 1+1=2
Framer 1+1=2

其中,Principle、Flinto、Origami最为之多。

 Principle:Principle mac是Mac平台上最好用的交互原型设计工具之一。Principle mac结合了Sketch,After Effect,Keynote以及Flash等多款软件的优点于一身,使用非常简单,支持多种尺寸的原型设计,能够帮助用户快速制作出具有完整交互动画的原型。

示例:https://www.iamue.com/12562

Flinto:Flinto 可以帮设计师创建可交互式的设计原型,并且可以在网页和移动端设备上运行。设计师可以在Flinto中使用静态图片创建原型,按照自己的想法令其旋转、与之互动,支持和Sketch等应用结合使用。特点:除了拥有透明度变化,XYZ轴旋转,XY轴位移,运动曲线调整等基础功能之外:

  • 整体交互原型的制作
  • 与sketch无缝配合
  • 效率极高
  • 上手快

示例:https://video.tudou.com/v/XMTgyNDEyMzU3Ng====.html

Origami 特点:

1、对动效的实现进行初期的逻辑梳理,在技术实现阶段能提供一定的思路和建议;2、能更加真实地还原手机的操作与真实的操作体验; 3、能训练设计师本身的逻辑梳理能力,对于自己的设计有更全面的认知。

示例:https://www.zcool.com.cn/article/ZNDYxMzYw.html

浅谈主流原型设计工具

在软件的设计过程中,我们能发现原型设计是开发中不可或缺且环节,也是页面设计且基础,而本文就介绍了当前的几种主流原型设计工具及其优缺点,并重点介绍了Axure的使用方法。参考:https://www.zhihu.com/question/19572438https://bl... 查看详情

介绍主流原型设计工具

0.墨刀:①不用学习!简单易用的原型设计工具,0到1绘制原型、还是设计师导入设计稿制作交互,都可以快速轻松完成可交互原型。②电脑、手机、微信等多种设备完美演示你可以将你的作品分享给任何人,无论在PC、手机或微... 查看详情

主流原型设计工具

 什么是原型设计?原型是一种让用户提前体验产品、交流设计构想、展示复杂系统的方式。就本质而言,原型是一种沟通工具。线框图描绘的是页面功能结构,它不是设计稿,也不代表最终布局,线框图所展示的布局,最主... 查看详情

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

一、简介AxureRP是一款专业的快速原型设计工具,作为专业的原型设计工具,它能快速、高效的创建原型,同时支持多人协作设计和版本控制管理。使用者主要包括商业分析师、信息架构师、产品经理、IT咨询师、用户体验设计师... 查看详情

自学原型设计工具mockplus

...型的软件,Mockplus性价比要高很多。其次,在网上搜集到关于他的适用情景,内容也较为丰富,包括:中低保真原型,快速原型,WEB/移动端/平板原型,线框图,视觉稿等制作。一、项目安 查看详情

关于ui设计中的交互软件axure7.0运用

AxureRP是一个专业的快速原型设计工具。让负责定义需求和规格、设计功能和界面的人员能够快速创建应用软件或Web网站的线框图、流程图、原型和规格说明文档。作为专业的原型设计工具,它能快速、高效的创建原型,同时支... 查看详情

软件工程基础作业——原型设计

...基础作业——原型设计我的gitee相关仓库地址:点这里!关于原型设计工具选择的讨论选择范围及介绍:墨刀、Axure、Mockplusrp、Figma、Balsamiq1、墨刀使用领域优势缺点2、Axure使用领域优势缺点3、Mockplusrp使用领域优势缺点4、Figma使... 查看详情

原型设计工具

原型设计  原型设计是软件开发的初始阶段,根据需求为软件创建原型的过程。原型通常用于演示,测试,沟通等。原型通常只是表现了产品的一部分特性,但是原型设计的投入在整个软件开发过程占比非常小,且直接决定了... 查看详情

软件原型设计工具介绍

...一款简洁快速的原型图设计工具。适合软件团队、个人在软件开发的设计阶段使用。其低保真、无需学习、快速上手、功能够用。并能够很好地表达自己的设计。功能特色:快速交互设计(海量组件,只需拖曳即可完成交互)快... 查看详情

提供几款界面原型设计软件

...是一款简洁快速的原型设计工具。适合软件团队、个人在软件开发的设计阶段使用。其低保真、无需学习、快速上手、功能够用。并能够很好地表达自己的设计,满足众多用户群体的工作需求。有别于Axure的繁复,Mockplus致力于... 查看详情

基于墨刀的软件界面原型设计----视频软件

一、运行截图二、设计背景目前市场上的视频app主流基本上是腾讯、优酷、爱奇艺等大公司所垄断。不同的公司拿到不同的影视版权进行播放。由于本人经常看视频,所以做了一个视频app的原型设计三、设计思路先观察主流视频... 查看详情

mac上有没有好用的原型设计软件?

试试这个AxureRP9forMac(交互式原型设计),相信不会让你会喜欢的。AxureRP9forMac是一款适用于mac系统的交互式原型设计软件,无论您是创建图表,客户旅程还是线框,AxureRP都可以帮助您记录问题并让每个人都在同一页面上。AxureRP&nbs... 查看详情

axurepr的使用

...多人协作设计和版本控制管理  对于AxureRP以前我做过关于手机的保真原型整体上来说还是很好用的。& 查看详情

axurerp是哪个国家的原型设计工具

...是美国AxureSoftwareSolution公司旗舰产品,是一个专业的快速原型设计工具,让负责定义需求和规格、设计功能和界面的专家能够快速创建应用软件或Web网站的线框图、流程图、原型和规格说明文档。作为专业的原型设计工具,它能... 查看详情

浅谈javascript的面向对象程序设计

  本文继续讲解JavaScript的面向对象程序设计。继承是面向对象语言中的一个基本概念,面向对象语言支持两种继承实现方式:接口继承和实现继承。接口继承只继承方法签名,而实现继承则继承实际的方法。但是在JavaScript中... 查看详情

关于axurerp

AxureRP是一款专业的原型设计工具 用于快速创建应用软件的线框图、流程图、原型和规格说明文档   贴一张图  查看详情

常见原型设计工具介绍

产品经理、UI设计师这些岗位都会接触到原型设计工具,目前市面上又多种原型设计工具,在此对其做简单介绍。1.Axure老牌的原型设计工具,专业团队,就是强。功能非常强大,但是由于界面简单,上手较难(专业工具的通用限... 查看详情

ui设计工具比较:sketchadobexd墨刀mockplusaxurerp

...一款简洁快速的原型图设计工具。适合软件团队、个人在软件开发的设计阶段使用。其低保真、无 查看详情