介绍五款主流原型设计工具junnie

介绍五款主流原型设计工具,分别是Axure、BalsamiqMockups、墨刀、Justinmind和iClap。

AxureRP是美国AxureSoftwareSolution公司旗舰产品,是一个专业的快速原型设计工具,让负责定义需求和规格、设计功能和界面的专家能够快速创建应用软件或Web网站的线框图、流程图、原型和规格说明文档。作为专门的原型设计工具,它比一般创建静态原型的工具如Visio、Omnigraffle、Illustrator、Photoshop、Dreamweaver、VisualStudio、FireWorks要快速、高效。

功能:用于制作快速原型的软件。也可以绘制中保真原型草图。

应用人群:产品经理、交互设计师、UI设计师、网页设计师。

优点:

应用灵活,可拓展性强,拥有超级强大的交互制作能力。

高保真的原型设计工具,名声大,专业性高。

缺点:

规范性较差。编辑能力着实强大,变相导致规范性差,管理不便。

难度稍大,入门较慢。鉴于其比较复杂,学习难度较大,新手劝退。

本地型软件,可以下载html文档预览,手机预览不方便。

基本使用方法:

1.元件的使用:在RP中使用软件需要选择后拖拽到工作区使用即可。

拖拽矩形左上角的三角就可以进行圆角设置。

点击右上角的圆可以更改它的形状。左上角的三角形消失。

旋转,绘制好元件后选择它,按ctrl键,键直接拖拽定界框周围即可。

2.图片的使用:

直接双击当前图片元件即可。也可以在选择元件后的右侧的属性中导入即可。

可以直接复制粘贴到AX中进行使用,支持GIF格式。

3.占位符的使用:直接在里面写入内容,双击即可。

4.放大与缩小:按CTRL键前后滚动。

5.页面对齐:页面的内容在生成原型时在浏览器的左侧或中间。一般情况下是在中间,但是一定要取消选择后方可以更改页面对齐方式。

6.分割图片:选择图片,在右侧属性中选择裁切工具,点击需要切除的部分。也可以在图片上点击右键分割图片。选择那部分就切除那一部分。

BalsamiqMockups出自加利福尼亚州的Balsamiq工作室,创始人Peldi在2008年6月推出了这款手绘风格的产品原型设计工具,并广受好评。在Web产品设计中,BalsamiqMockups是产品设计师绘制线框图或产品原型界面的利器。在产品设计的需求阶段,低保真的线框图或者草图设计介于产品流程设计与高保真DEMO设计之间,在BalsamiqMockups出现之前,流程图可以使用Visio,高保真DEMO可以使用Axure,但并没有好用的草图设计工具;在产品设计管理中,我们通常在产品的业务流程和数据流转已经相当明确时才开始进一步考虑产品的结构层和框架层,虽然此时纸、笔、白板都是非常简单方便的交流工具,但是他们的最大劣势就是——很难将有价值的原型保存下来。BalsamiqMockups的出现完美的解决了这个问题。

优点和特色:

易用:UI控件支持自动拖拽,并且可以实现自动对齐;

美观:手绘风格,简约清爽;

丰富:从按钮到输入框,从导航条到页面、表格,甚至包括了最潮的Iphone元素;

方便:对元素的修改除了工具栏外,还可以使用隐藏编辑框,支持快捷键;

兼容:可使用XML语言保存元素,也可以导出PNG图片,可以插入到任何项目;

跨平台:Windows、MacOS、Linux下都可以使用,还有能集成在Confluence,JIRA,和XWiki中的版本,如果没下载桌面版,还可以直接使用网页版的BalsamiqMockups。

应用范围:BalsamiqMockups最好用于商用web产品设计中的低保真线框图或者草图设计,相对于纸和笔,它不够灵活;相对于Axure,它不够精确。

窗口中间是画布,上方是工具栏(支持拖拽和快捷搜索工具),左侧是在不同的画布间进行切换,右边是显示和调整选中控件的参数。

新建控件:在工具栏中找到“Browser”并将其拖拽到画布中

单机画布空白处显示窗口效果

要想在浏览器窗口中显示文字,我们需要“Title”和“Text”控件,在右上角快捷搜索工具中输入名称以找到该控件,并拖拽到浏览器中,双击控件即可编辑内容

锁定/解锁控件:右键点击控件菜单中第一项可锁定控件,右键点击被锁定控件菜单中第一项即可解锁。

组合/取消组合:选中第一个控件,按住Ctrl选中第二个控件,再按Ctrl+G即可快速组合,再按Ctrl+Shift+G可取消组合。

保存/导出:

Ctrl+S可快速保存工程.bmpr文件,打开时仍然可以编辑

Ctrl+R可快速导出.png图片,不可编辑仅可查看

墨刀是一款在线原型设计与协同工具,借助墨刀,产品经理、设计师、开发、销售、运营及创业者等用户群体,能够搭建为产品原型,演示项目效果。

适用平台:浏览器注册使用,Windows、Mac桌面客户端,同时支持iOS、Android端预览;

适用范围:墨刀为企业级用户提供权限控制、项目管理及基础项目数据统计等功能。

功能介绍:

操作简单:简单拖拽和设置,即可将想法、创意变成产品原型。

演示:真机设备边框、沉浸感全屏、离线模式等多种演示模式,项目演示效果逼真。

交互简单:简单拖拽就可实现页面跳转,还可通过交互面板实现复杂交互,多种手势和转场效果,可以实现一个媲美真实产品体验的原型。

素材库:内置丰富的行业素材库,也可创建自己的素材库、共享团队组件库,高频素材直接复用。

非常容易做交互,操作简单,效率极高,适合初学者。

界面优美整洁。简洁的界面在一定程度上有助于提高开发人员的效率。

强大的演示能力。墨刀在轻量级的移动端原型制作更加迅速,展示更加方便。

应用局限性。墨刀专注于app原型设计,在后台和网页稍有乏力。

归档能力不足。墨刀更倾向于链接、二维码形式输出,不能以文档输出

空白项目:

模板项目:

创建模板项目有包含各应用组件的模板页面,十分便于我们借鉴与修改;

空白项目的创建操作:在下方输入项目名以及选择原型的平台后,点击创建,进入项目首页,

中间的是项目的编辑页面,中部的左侧以及顶部边框标注着的数字是像素,用来准对页面的宽度与高度以及页面内组件的位置;最左侧一列素材工具栏——用于直接将素材拖入页面中,页面栏——用于编辑和切换各页面:

右侧工具栏包含组件及图标等素材,最右侧外观栏——当选中某个组件时可在其中编辑外观的各种参数:

上方工具栏最右侧的运行按键可以模拟运行时的页面操作:

Justinmind是由西班牙JustinMind公司出品的原型制作工具,可以输出Html页面。

JustinMind的一些特性:

使用JustinMind,你可以在几分钟内利用其广泛的组件和交互绘制高保真原型。它提供了一些基本的形状,如矩形和文本,还有特定的组件,如菜单,表单或数据列表。

关于手势的交互效果:JustinMind提供了多种触屏的交互效果,例如滑动、缩放、旋转,甚至捕捉设备方向等等。在需要产生效果的部件中选择对应的手势即可。

可以创建自己的组件库,JustinMind为iPhone,iPad,黑莓,Android提供了多样的组件。你可以创建自定义组件库,方法是将排列好的单个组件放在一起,并将它们集体框选拖动到组件库。

更为便捷的定义样式:相比Axure,JustinMind更好的提供了属性窗口,并且更好的支持捕获PS等软件的图像属性。

JustinMind可以导出原型的所有信息到MicrosoftWord,能够一键生成及其规范的文档。

共享原型进行测试:JustinMind支持将原型上传到服务器并提供给他人进行测试,为产品的改进做出了良好的贡献。最为特别的是,基于usernote的服务允许你将原型放到移动设备上进行测试。

更友好的定义交互方式:在JustinMind中,你可以通过拖拽等方式来实现跳转、定向等交互效果,无需像Axure一样每一步都只能通过点击来完成。并且显示更为直观,如进度条。

同时可以通过一些简单的无代码逻辑语句实现更为高级的交互效果。

全球范围内的复用、数据共享。每一个模板都让这一套组件有不同的视觉风格,变量允许将数据从一个屏幕迁移到另一个,甚至使用它们来检查是否满足条件。

事件与交互:事件是JustinMind的一个关键功能,JustinmindPrototyper的事件由两个主要部分组成:一个是事件的触发(或用户事件),另一个是一组操作。每一个事件必须在屏幕上定义,一个特定的元素,这将作为事件的触发源。

关于链接的设置

使用链接最简单的操作就是,例如,点击Button跳转到Screen3,那么直接将Button拖拽到Screen3上面就可以了。

iClap是一个以产品为基础,集成员工日常所需工具,打通项目工作流程,实现员工自我工作管理、项目管理和企业管理三个体系协同的管理规范系统。iCLap,以产品自身为出发点,通过不同职位的准数工具彻底串联企业人员,再将工作产生的内容进行沉淀、处理、归档、共享,打造一个沟通与协作的闭环,以实现对产品,项目以及企业的规范化运营管理。

iClap的主要功能:

在线批注:APP运行中直接将批注生成任务,处理任务时将场景还原,直观高效。

语音任务:将语音精确转换为任务,自动识别任务紧急程度与对接人。

即点即用:多个APP项目同一客户端管理,无需逐一下载。

简单发布:版本升级只需后台上传一次数据,客户端自动更新。

Bug跟踪:自动检测APP漏洞并生成报告,让bug无可遁形。

插件管理:多元化模块插件管理,满足企业多方面需求。

会议纪要:项目组进行实时、群组沟通,自动生成会议纪要。

人才培养:以DevStore为平台提供技能培养,智能匹配发送给各岗位人员,有效提高人员综合素质。

1.通过iClapSDK进行产品管理

下载iClap产品管理SDK:进入iClap官网页面,点击“下载”模块,选择对应的SDK下载。

将SDK嵌入你的APP:SDK下载成功之后,即可将iClap的产品管理SDK嵌入到你的APP内。SDK嵌入有详情的说明文档。注:每个项目的APP都有唯一对应的appkey和secret,不可交互使用。

打开APP进行产品管理:SDK成功嵌入你的APP之后,在手机桌面打开你的APP,即可见iClap悬浮图标,点击可打开管理菜单,即可进行产品管理和项目协作操作了。

2.通过iClap客户端进行产品管理

上传APP安装包:项目创建成功之后,进入项目页面,点击上传新版本,上传一个项目最新的安卓或者是IOSAPP版本,也可以上传效果或者原型图,原型图建议适配手机格式,效果更佳。

下载iClap客户端:APP版本上传成功后,在iClap官网扫描二维码下载iClap客户端

在iClap客户端打开APP:打开iClap客户端,进入“我的项目”,点击APPicon,即可直接打开APP,点击批注图标,即可进行批注操作。

在iClap客户端进行产品管理:批注完成后,可在iClap客户端项目管理详情内查看,并且进行包括任务、批注、项目、成员和文件等产品管理工作。

通过查询收集这些资料,了解到很多主流原型设计工具的特点和用法,在软件开发时可以根据不同的需求选择不同的原型设计工具,像Axure内容精确,使用率也很高;BalsamiqMockups内容更加美观和丰富;墨刀非常容易做交互、操作简单、效率极高、适合初学者;JustinMind相比Axure更好的提供了属性窗口,并且更好的支持捕获PS等软件的图像属性。iClap主要是用来软件测试的,通过对这些工具的了解,知道了更多关于软件开发的知识,明白了原型设计在软件开发中的重要性,原型设计是软件开发的初始阶段,根据需求为软件创建原型的过程,原型通常用于演示,测试,沟通等。原型通常只是表现了产品的一部分特性,但原型设计的投入在整个的软件开发过程占比较小,且直接确定了之后的软件开发方向,投入产出比非常高,所以这个过程非常重要。

THE END
1.8种产品设计原型工具对比今天,本文搜集了市面上火爆的的 8 种产品设计原型工具来为大家做一个对比分析,去探讨不同工具存在的优缺点,从而帮助大家更好地选择到适合自己的产品原型设计工具。在产品设计过程中,原型设计是至关重要的一步,它能帮助团队更好地理解产品功能和交互流程,并为用户体验的优化提供依据。实话说,现在市面上的产品原型设https://js.design/special/article/product-design-prototyping-tool.html
2.产品设计的工具有哪些1、过去用的工具有各种铅笔、直尺、T字尺、三角尺、模板(尺),曲线尺、圆规、分规、直线笔、曲线笔等等。后来计算机做为工具进行设计,需要矢量化的一些外部设备(数字化仪),现在基本上有计算机就可以了,绝大多数工作都可以在计算机(或工作站)上完成。 2、像Sketch,PS之类的设计工具肯定是要学的。而且,在线产品团队https://m.yyk.iask.sina.com.cn/q/86UJdP3UV43f.html
3.什么是专用处理器?专用处理器的设计方法和工具介绍专用处理器的设计方法和工具介绍 什么是专用处理器? 先说一般的处理器概念,wiki定义是“In computing, a processoris an electroniccircuit which performs operations on some external data source, usually memory or some other data stream”。专用处理器就是针对特定应用或者领域的处理器,类似于是我们经常说的https://www.elecfans.com/emb/dsp/202307172184971.html
4.第四章需求分析与设计工具概要设计工具第四章需求分析与设计工具 本文详细介绍了需求工程的定义、开发人员角色、需求获取、生成和验证的阶段,强调了软件需求的层次性。同时,探讨了需求分析工具的分类、功能特性和衡量标准,以及选择工具的原则。在软件设计方面,讲解了软件设计的概念、基本原理、模块化和信息隐蔽等关键概念,阐述了结构化设计方法,包括自顶向下https://blog.csdn.net/qq_38085704/article/details/120299452
5.提供ic设计的方法以及ic设计工具的制作方法输出)环、和边界扫描结构的集成电路的设计的方法,该边界扫描结 构用于在集成电路的预定模式下提供对核功能的访问。 本发明还涉及一种用于提供具有核功能、围绕核功能的IO (输 入/输出)环、和边界扫描结构的集成电路的设计的设计工具,该边 界扫描结构用于在集成电路的预定模式下提供对核功能的访问。 https://www.xjishu.com/zhuanli/55/200680044842.html
6.Keysight微波单片集成电路(MMIC)设计是德科技ADS软件加入了DFM的设计工具:DOE(Design of Experiment)和YSH(Yield SensitivityHistograms),帮助用户实现良率优化。 使用基于DFM的设计手段,可以让器件指标对工艺参数的抖动表现不敏感,其良率大大优于基于标准设计方法得到的电路。下图为在同一晶圆上,使用标准设计方法及使用DFM方法进行下变频器电路设计,测试结果https://www.mwrf.net/tech/solutions/2015/17109.html
7.音视频工具产品设计方法论(上篇)人人都是产品经理编辑导语:在视频剪辑中,音频工具是其中必不可少的一个工具。利用好它能够让我们的视频丰富度增加,那么如今的音频工具产品设计发展如何?作者总结了音频工具相关的设计方法论,我们一起来看下吧。 一直以来我都在思考,最初的产品是什么?什么产品能够拥有最长久的生命力经久不衰并不断焕发生机?什么产品能够服务人类的一https://www.woshipm.com/pd/4955711.html
8.迈迪三维设计工具集的操作方法1、迈迪三维设计工具集一简介 一关于本软件 本工具集为济南迈迪数码技术有限公司开发的 SolidWorks 标准件库,英先前版本的名 称为:法恩特标准件库,当前版本改进了原先版本中存在的问题,重新设计了界而,并对某 些功能进行了优化,可以在 SolidWorks2007, 2008, 2009 以及后续版本中使用。 如需试用或购买,请与我公司https://www.renrendoc.com/paper/184365636.html
9.迈迪三维设计工具集6.0注册方法.pdf文档全文免费预览迈迪三维设计工具集6.0注册方法.pdf,迈迪三维设计工具集 6.0 注册方法 从“20121214 迈迪工具集V55”这个版版添加虚拟网卡注册的方法就失效了,官方 已经修复了这个漏洞。 这是另外一个漏洞,用这个漏洞有一定几率可注册成功(测试的电脑较少,不过测 试的电脑都成功了),但https://max.book118.com/html/2019/0714/5042140001002104.shtm
10.《创新思维:斯坦福设计思维方法与工具》(蒋里[德]福尔克·乌伯创新思维:斯坦福设计思维方法与工具 创新思维训练书,如何培养创造力、创新能力、创新思维,经过几十年的总结,原汁原味的斯坦福创新方法与工具,建立以客户为中心的视角,在日常业务中可以即学即用。 作者:蒋里[德]福尔克·乌伯尼克尔(FalkUebernickel) 等出版社:人民邮电出版社出版时间:2022年07月http://product.dangdang.com/29429910.html
11.《创新思维:斯坦福设计思维方法与工具(智元微库出品)》(蒋里[德> 企业管理与培训 > 智元微库 > 创新思维:斯坦福设计思维方法与工具(智元微库出品) 自营 人民邮电出版社京东自营官方旗舰店 创新思维:斯坦福设计思维方法与工具(智元微库出品) 蒋里[德]福尔克·乌伯尼克尔(Falk Uebernickel) 著,税琳琳译 京东价 ¥ 促销 https://item.jd.com/13248213.html
12.作为游戏设计师,能从动森的设计中学到什么?设计目标、设计方法与工具 那么一套在能力范围内,能够最大限度让游戏贴近体验目标的设计方案,是该如何制定出来的? 首先,我们应当仔细思考我们的能力范围是什么,作为设计师,那也就是我们可以从哪些方面,通过哪些途径来进行设计工作。这里引入GMT的概念,G是目标,M是方法,T是工具。要实现我们的设计目标(G),通常有许多https://www.gameres.com/894534.html
13.Behance显示无权访问?别急,还有这些方法可以挽救!优设网Figma事件发生后,幸好有MasterGo等国产设计工具快速作出反应,让我们有后备之选。这次Behance和Artstation封禁中国大陆地区账户事件虽突然,但也有可以应对的方法,下面从应急和长期2个方面为大家分享相关的处理方法。 被科技勒索的互联网:写在 Figma 制裁大疆之后 https://uisdc.com/behance-not-f
14.设计思维是一种以人为本的创新方法,灵感来自设计师的方法和工具像设计师一样思考可以转变企业组织开发产品、服务、流程和战略的方式。这套方法就是为人所知的设计思维,它把人的需求与技术的可行性和商业的永续性相整合。不仅如此,它还能让非设计出身的人们也能运用创新工具来解决各种挑战。 IDEO并没有发明设计思维,我们做得更多的是在实践中,用设计思维来解决各种大大小小的挑战https://ideodesignthinking.cn/
15.软件设计工具会这个就够了Visualparadigm–community不开源但可免费用的软件设计工具:Visual paradigm – community 为软件工程师、系统分析员、商业分析员、系统建筑师而设计的一个UML CASE工具。 1.下载安装: 免费的官网社区版链接为: https://www.visual-paradigm.com/download/community.jsp 注意:安装过程中需要输入邮箱进行验证,按提示做即可 https://cloud.tencent.com/developer/article/1077874
16.基于AutoSAR规范的驱动代码生成工具箱设计与实现AETAutoSAR规范定义了汽车电控单元硬件驱动程序的接口规范,把驱动函数进行了标准化和模块化,为驱动工具箱开发应用奠定了良好的基础。 2 驱动代码生成工具箱的设计与实现 2.1 设计方法 在Simulink/RTW平台上设计基于AutoSAR规范的驱动代码生成工具箱是通过建立S函数模块配置参数并设计封装入库[5]来实现的。驱动工具箱的设计http://www.chinaaet.com/article/198496
17.《界面设计》复习资料2.对于交互设计师来说,下列对Sketch描述不正确的是() A.上手简单B.功能强大C.同时能满足交互和视觉的设计需求D.没有Photoshop好用【注释】:第一章1.1 第2页 似乎交互设计师需要一款上手简单,但功能强大的全能型设计工具,最好能同时满足交互和视觉的设计需求,来帮助自己完成蜕变,这款神奇的工具就是Sketch https://www.wjx.cn/xz/260641939.aspx
18.重点研发计划项目“目标和效果导向的绿色建筑设计新方法及工具本站讯(通讯员 刘刚)由孟建民院士与天津大学分别作为项目主持人和主持单位,协同清华大学、东南大学、同济大学、中建集团等国内三十家著名建筑院校和领军企业,展开了“十三五”国家重点研发计划项目“目标和效果导向的绿色建筑设计新方法及工具”的研究。针对我国绿色建筑设计仍普遍存在重后期技术叠加、轻前期设计优化的现象http://news.tju.edu.cn/info/1003/60772.htm
19.FPGA应用设计初级培训班(TSF0601)4.掌握状态机设计方法 5.掌握FPGA的仿真及调试方法 6.熟练SOPC系统设计流程 7.掌握NIOS II/Microblaze硬件系统设计方法 8.掌握NIOS II/Microblaze软件系统设计方法 9.掌握自定义组件的硬件设计、驱动设计、及软件设计方法 10.掌握嵌入式软核系统的调试方法 11.掌握FPGA常用接口的设计方法 12.掌握相关开发工具的使用http://www.hqyj.com/courses/TS-FPGA.htm
20.物流信息系统9.4.3 面向对象方法 9.5 详细设计工具 第10章 途途交通物流网站设计与开发 10.1 交通物流网站建设与开发概述 10.1.1 途途交通物流网站的功能设计 10.1.2 网站的方案设计与论证 10.1.3 系统文件架构设计 10.1.4 系统的数据库设计 10.2 网站的设计与实现 10.2.1 bean的编写 10.2.2 前台的功能实现 10.2.3 系统https://baike.sogou.com/v751026.htm
21.年智英面向创新人才培养的大学“金课”实践研究:设计思维基于设计思维的教学模式注重教师引导、启发学生围绕设计挑战开展基于协作的探究活动。教师为基于设计思维的实践提供了一系列相关的方法和工具,例如在挑战探究阶段,运用观察、访谈、体验、用户旅程地图等多种调查与分析的方法,获得对需求的理解;方案构思阶段,运用头脑风暴、2x2矩阵图等方法,以及在原型实现阶段,通过制作工具https://www.eduwest.com/html/2021/qianyanlingyu_0329/401.html
22.建筑工程类论文开题报告(精选13篇)6.设计方法和工具 总平面分析,交通流线,周边环境统筹协调。体快分析,细部推敲。 设计工具:CAD,Sketchup,varyforsketchup,photoshop,coreldraw,会声会影等软件和徒手绘。 7.任务书要求 该项目为包括综合性商场、儿童娱乐、健身、餐饮、SOHO现代城等功能的综合性商业建筑,地下1~2层为停车场,地面1~3层为综合性商场,https://www.yjbys.com/bylw/kaitibaogao/77726.html