介绍五款主流原型设计工具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.墨刀墨刀是A股上市公司万兴科技旗下的原型设计工具,支持APP、网站页面、管理后台、可视化大屏、工业HMI、小程序、H5多场景领域原型设计,AI智能生成组件、页面,智能填充,支持执行AI语义化指令,支持团队项目实时协作和管理,金融级数据安全保障,还支持私有化部署,是产品经理https://modao.cc/
2.最受产品经理关注的10个原型设计工具每个公司对产品经理这个职位的定位都会有所不同,但一般都会涉及到需求调研、画原型、写各种文档等工作。说到画原型图,原型设计工具是必不可少的。 当然了,如果你已经上升到了产品经理的最高境界,那这些工具对你而言肯定不在话下了;如果你还没有达到这个级别,那还是先看下这些原型设计工具吧,有了利器就像是多了https://www.jianshu.com/p/b2ef15d764d9
3.第三波!25款最新的实用设计工具合集优设网Lunacy 4.0 终于出来了!这是一个用于 Windows 平台的图形编辑器,其中集成了现成的设计素材、效果、GPU 渲染等功能,太赞了! 4. Axure 9 → Axure 是专门针对产品和开发者的原型设计工具,最新的 RP 9 在原型、开发、交付等功能上又有进一步的提升。 https://www.uisdc.com/design-toolbox-august-2019
4.10款在线设计工具,设计师都在用!在现今的数字化时代,设计师们需要通过持续创新以保持在领先的位置。有无数的在线设计工具在市场上提供给设计师们,这些工具可以帮助他们通过提供各种不同的功能,如图形设计、用户界面设计、网页设计和插图设计等,从而实现他们的创作目标。本文将重点介绍那些广受设计师欢迎的10款在线设计工具。 https://pixso.cn/designskills/online-design-tools/
5.做软件的UI设计必用这10个工具!我们都知道 UI 设计有很多种类,在日常生活中的应用场景有很多,所以涉及使用的 UI 设计工具也有很多。对于这么多的 UI 设计工具,哪个好用?它们分别最擅长什么?小伙伴们会不会有疑问呢?今天豪横一点~做了一期 UI 设计工具大盘点,涉及各种 UI 设计类型,每一个都好用!它们分别是国产 UI 设计工具即时设计和海外 https://js.design/special/article/ui-design-for-software.html
6.设计工具使用宜家设计工具,让你的梦想变成现实。在购买之前,设计你的梦想厨房、完美办公室、衣柜储物系统。使用简单易用的宜家设计工具,玩转色彩、风格、尺寸和配置,随心打造个性设计。https://www.ikea.cn/cn/zh/planners/
7.设计工具人人都是产品经理本文与你分享的是:在前期真正“做”设计时需要用到的四款法器,让你在定义对象和定义问题阶段事半功倍。 前期定义产品需从activities, environment, interactions, obje 点融设计中心 设计定义设计工具设计技巧 交互体验 2017 年你应该尝试的:七个最有前景的设计工具 https://www.woshipm.com/tag/%E8%AE%BE%E8%AE%A1%E5%B7%A5%E5%85%B7
8.最全产品设计工具整理,你都掌握了吗?UX辞典最全产品设计工具整理,你都掌握了吗? ux辞典 北京 / 设计爱好者 / 4年前 / 504 浏览 版权 私信 关注 ux辞典 关注 可能感兴趣的人 下次默认收起 元点文化_jack7 广州 |设计爱好者 创作 23 粉丝 2087 关注 vonstudio 北京 |设计爱好者 创作 49 粉丝 7157 关注 sumvisual 上海 |设计爱好者 创作 112 粉丝https://www.zcool.com.cn/article/ZMTE4NzcyMA==.html
9.Canva可画在线设计协作平台平面设计作图软件在线设计协作平台Canva可画提供了海量的设计模板,涵盖海报、简历、名片、Logo、PPT、手抄报、二维码、Banner等数十种平面设计场景,更有千款中英文字体及千万张正版图片素材可供使用。精彩设计,随时随地!https://www.canva.cn/
10.绘图软件设计准则是什么绘图工具软件有哪些→MAIGOO知识SketchUp是一套直接面向设计方案创作过程的设计工具,其创作过程不仅能够充分表达设计师的思想而且完全满足与客户即时交流的需要,它使得设计师可以直接在电脑上进行十分直观的构思,是三维建筑设计方案创作的优秀工具。 10、天正建筑 天正公司从1994年开始就在AutoCAD图形平台开发了一系列建筑、暖通、电气等专业软件,这些软件特https://www.maigoo.com/goomai/158397.html
11.设计工具在设计工作中,团队协作往往扮演着非常重要的角色。设计师需要与其他团队成员保持密切沟通与合作,才能快速了解产品设计需求的全貌,进而产出高质量的设计成果。好的设计工具不仅可以让设计师的工作更轻松、成果更出色,也能让沟通协作更顺畅,实现设计与协作双双高效率!? 本文将介绍设计工具:亿图图示、ProcessOn、墨刀、即https://www.feishu.cn/hc/zh-CN/articles/360049067968
12.20个设计师必备工具推荐工具的发展是随着设计的发展与时俱进的,一个好的工具会给设计师带来高效、便捷的感受,提高设计产出的质量。以下翻译了国外同行总结的最新设计工具的好文: 01 Spectrum Spectrum是基于OS X的一款应用,能够非常简单、直观地创建色彩定制板。他内置了合理搭配色彩的规则以及一个能从图片获取颜色的取色器,还有内置颜色库https://www.imooc.com/article/1377
13.盘点设计师必备的实用工具Web Tools Weekly 是一个专注与前端开发 和网页设计工具的新闻简报。 Web Operations Weekly 同样的,Web Operations Weekly 也是一个新闻简报,每周更新,内容主要关于网络运营、网络基础设施、网络性能和工具等。 Freshbrewed.co 这个网站汇集了最新的文章、技术和最值得阅读和收藏的网页设计开发最佳实践。 https://www.yjbys.com/edu/pingmiansheji/107141.html
14.推荐12款好用的在线平面设计工具,让设计更简单平面设计强调视觉传达,一般以图像、图形和文字等视觉元素为主要手段,通过排版、配色、构图等技术手法,传达设计的目的和信息。当然,除了二维的呈现形式,设计师们通常也会利用透视、阴影、线条等手法创造出立体感和层次感。 好的平面设计工具可以帮助设计师快速制作矢量图形和对图像进行处理,提升设计效率。今天小摹为大家推https://weibo.com/ttarticle/p/show?id=2309404981034671538430
15.一文带你了解微软推出的MicrosoftDesignerAI设计工具Microsoft Designer的最大优势是国内可以直接免费使用,最为日常设计还是够用的,当然它的整体体验效果和现在主流的AI工具比如Midjourney还是有一定的差距的,但随着技术的不断更新迭代,相信Microsoft Designer也可以成为一款非常棒的AI设计工具。 1、Microsoft Designer是什么? https://www.51cto.com/article/756827.html
16.常用的软件设计工具有哪些?软件开发离不开好的软件制作工具,一款app软件的开发,需要经过原型规划、UI界面设计、前端开发、代码研发、后端开发、数据库开发、服务器配置、app测试这几个阶段。俗话说,工欲善其事必先利其器。开发一个软件,同样离不开一系列的软件设计工具。下面,就介绍一下目前app开发过程中使用频率较高的软件设计工具。 http://www.apppark.cn/t-37713.html
17.快设计海报制作神器创意工具在线稿定平面设计快设计 - 人人都会用的设计工具 快设计是一款面向个人及企业用户的0门槛设计工具。 快设计提供海量设计模板,涵盖海报、 邀请函、宣传页、贺卡、微信头图、视频封面等,使用者仅通过简单拖、拉、拽就可以快速产生设计,满足线上、线下各类品牌推广和宣传活动。 https://sheji.tuchong.com/official
18.爱设计在线设计神器平面设计网站作图就用爱设计,活动海报,公众号配图,朋友圈封面,电商等百万可商用模版一键出图,只需拖拉拽三步在线图片编辑,从此设计不求人https://www.isheji.com/
19.设计神器大盘点:激发创意灵感的七大工具大家好!今天小谭要和大家分享一些我在网站建设和设计过程中常用的设计工具。希望这些工具对于打算建站排版或者是需要进行包装设计的朋友们,能够提供更多的灵感。 1、Midjourney Showcase 链接:https://www.midjourney.com/showcase/recent/ 大家有没有想过去一个可以一览全球最新设计作品的地方呢?Midjourney Showcase就https://www.qizansea.com/24383.html
20.工具:设计大模型与软件再定义湖南大学设计艺术学院为深化设计领域对AIGC大模型技术的理解与应用,探讨基于大模型技术下设计工具的创新与变革,由湖南大学设计艺术学院牵头的国家重点研发项目“面向智能交互产品的创意服务设计技术与平台”项目组于2023年11月21日至22日在深圳迈瑞总部大厦开展中后期汇报攻坚研讨会。来自项目组五个课题十家成员单位,以“工具:设计大模型与软http://design.hnu.edu.cn/info/1032/8307.htm
21.原型设计工具有哪些?原型设计工具排名免费原型工具推荐原型设计工具哪个最好用?像axure、mockplus、sketch、墨刀等都是常用的原型设计软件,可以用于画原型图、web网页原型设计等,是交互设计师和产品经理必备工具。绿色资源网还提供了手机版原型设计工具哦!http://www.downcc.com/k/yxsjgj/
22.5款设计师必须会用的AI辅助工具打不过,咱就加入!想知道都有哪些主流AI辅助设计工具,它们已经被应用在哪些商用领域?往下看! 1、Midjourney Midjourney是一个近乎全能的“文生图”网站,它的资源库里包含了几乎各行业各领域所用的、极大数量的素材和工具;而且操作上手极快——毫不夸张地说,如果你有科学上网的经验,两分钟就能上手了。 https://www.hxsd.tv/article/2668/
23.设计师必备请收藏这九个小众但堪称神器的工具/网站意派Epub360是一款专业的H5交互设计神器,无需下载软件,在线编辑制作H5作品,2014年上线,算是比较早的专业H5设计工具,可以零代码制作电脑、ipad和微信端H5作品,国内领先支持SVG支持SVG路径动画、SVG变形动画、精细控制、手势触发、摇一摇、拖拽交互、碰撞检测、重力感应、关联控制并结合Epub360提供的数十种触发器控制,算https://www.digitaling.com/articles/268575.html