最全产品设计工具整理,你都掌握了吗?UX辞典

研究主题:产品工作核心流程内的设计工具

研究对象:产品设计工具

好的工具可以让你在设计时如虎添翼,作为一名UI/UX设计师想要设计出让用户满意的作品,除了需要具备高超的技能、丰富的经验外,还需要掌握一些工具。下面辞典酱将提取UI/UX设计中,相对核心的工作流程,并以此为纵向参考,发散介绍一些常用的设计软件。

提取的核心工作流程有:

01头脑风暴图(草图)

02流程结构图

03框架原型图

04设计&交互动效

Excalidraw是一个很有意思的在线白板,它提供了一些基础的形状,你可以绘制出草图风格的图形。Excalidraw不需要注册,打开就可以画,还能邀请别人加入一起协作。Excalidraw的协作是加密的,甚至Excalidraw服务器都不知道你画了什么。

价格:免费

在传统的办公会议中,团队成员往往会在一块白板中写写画画,激发创意。但是,这种方式受限于物理空间,需要在固定的会议室才可以进行,远程协作成员也无法参与其中,而且受限于白板的面积也无法将所有人的想法沉淀。但在Miro,这个写写画画的脑暴过程,就被搬到了浏览器中。

价格:个人免费版(可使用3个白板)

可添加多类型元件

多人协作进行脑暴

常用的结构图工具,除了Xmind被人熟知外,还有就是ProcessOn了。它不仅是一个在线作图工具的聚合平台,还可以在线画流程图、思维导图、UI原型图、UML、网络拓扑图、组织结构图等等,Mac与Windows都可操作。

价格:个人免费版(可存9份文件)

在推荐/模板栏目中,ProcessOn用户还能发布自己的模板来获得收益,也可以将自己的读书笔记,分析亦或是经验流程图公开上传,学习交流。

Whimsical是一款在线流程图、线框图、便利贴、思维导图绘制软件,支持实时协作。

价格:个人免费版(可建立使用4个画板)

4大主要功能

实时协作,与团队一起完成

其中一个亮点是,Whimsical内置了图片库,种类繁多,内容非常丰富,不仅元素众多,还可以通过检索来找寻想要的图案。

画起图来也是得心应手,操作灵活,甚至是一些原型图也能帮助完成,像常见的手机与操作系统都能看到。

FlowMapp是一款专业的网站地图和用户流程工具绘制工具,无需下载,直接在浏览器中使用。

价格:个人免费版(可使用1个项目)

快速创建创建网站地图、让在线协作的团队成员对产品有全面了解;用户使用路径地图,即时向成员展示用户使用产品的流程与逻辑。

Axure是一款经典的原型工具,可以用它快速表达想法,进行测试验证,加快产品计划进度。

价格:免费30天试用

绘制各式原型图

导入Sketch,AdobeXD和Figma文件

Mockplus中的原型交互设计完全可视化,拖拽鼠标做个链接,即可实现交互。同时,Mockplus弹出面板、内容面板、滚动区、抽屉、轮播等系列组件,对于常用交互,使用这些组件就可快速实现。

价格:个人免费版(可创建3个项目)

支持制作高、低保真原型,不论是工作交流,还是客户展示都能满足,也能与Sketch轻松对接标注。

应该是UI/UX设计师电脑里必备的软件了吧?设计功能同Photoshop一样强大,但更轻量,操作也更易上手。它支持矢量图形绘制、快速原型、组件共享、插件扩展等特性。Sketch目前不仅被用于UI设计,还被用于原型制作、插画绘制。

价格:免费试用30天

除了功能强大外,插件生态也非常丰富,帮助UI/UX设计工作更高效。

AdobeXD是Adobe推出的一款用于UI/UX设计的工具,从网站和移动应用程序到语音交互等,全面覆盖。

XD的软件界面简洁,使用简单,操作顺手,同时也足够的专业。实际用起来,你会发现它显示平滑,性能优异,其体验犹如在真机屏幕上体验一般,给人印象非常好。

价格:个人版免费

Figma也同样支持组件,把常用元素变为组件,多次复用,帮助提高设计效率,组件支持就近摆放,且示例组件可以灵活调整。

价格:14天免费试用

无论是Sketch还是Figma,都可以把设计图导入其中,完成动效。

动效展示

这款交互工具由韩国的创业团队研发,可以通过不同模块组成一个完整的交互原型,使用时无需编码且以可视化的方式进行设计。它帮助设计师无需编写代码就可以简单快速地制作出高保真交互原型,还能实时在手机上演示,使原型能够在更多的场景下被使用。

价格:30天免费试用

ProtoPie的操作原理也十分简单:交互=触发动作+反应动作+对象。只需要将下面表中的触发动作和反应动作自由组合,就可以像拼拼图一样轻松制作高保真交互原型。

从UI设计,到快速原型,到高级动效,再到团队协作,也是一个很全面能打的工具。同时,inVision还推出了inVisionStudio是一款桌面端一站式设计工具,支持Mac和Windows双系统。

inVisionStudio的高级布局引擎帮助你快速且简单地设计响应式界面,让你的设计自动适配各种屏幕尺寸。

蓝湖是一款高效的产品设计协作平台,支持Sketch、Photoshop、AdobeXD文件导入生成标注,还支持Axure文件生成在线需求文档,可以将产品、设计、研发工作流程无缝衔接。

价格:免费版(≤10人团队)

核心流程中的设计工具,也了解的差不多啦,先慢慢消化吧。俗话说“工欲善其事,必先利其器”,好的设计也离不开创造力和便捷的工具,物尽其用,利用好身边的资源,就能事半功倍。

THE END
1.把流程图画清楚,能解决很多问题流程图技法2)如果是为了培训用,让用户明白功能操作,我们就要画功能流程图。 无论是业务流程还是功能流程,这 2 者在画的逻辑上是一样的,我们接着看。 2. 划分角色 先把涉及到的「角色」整理出来,可以是普通用户、管理员、审核员等具体的人,也可以是所在的系统,也可以是其它协作的系统等虚拟的角色。 注意: 如果角色少,https://www.toutiao.com/article/7447038270527881747/
2.如何与他人一起在线协作流程图?如何与他人一起在线协作流程图? 使用WPS Office打开流程图。 点击右上角“分享与协作”按钮。 选择“复制链接”,根据需要设置好分享方式和分享范围。 设置后点击“创建并分享”。 点击“复制链接”,将协作链接发送给协作人即可。https://www.wps.cn/learning/question/detail/id/14407
3.金舟在线流程图免费在线流程图作图思维导图脑图金舟在线流程图是一个在线协作绘图平台,为用户提供最强大、易用的作图工具!支持在线创作流程图、思维导图、脑图、组织结构图、网络拓扑图、BPMN、UML图、UI界面原型设计、iOS界面原型设计等;同时依托于互联网实现了人与人之间的实时协作和共享。https://process.onlinedo.cn/
4.7个适合新手的在线流程图软件,赶紧码住!Pixso作为一款全功能的设计工具,绘制流程图具有简便易用、多人协作、可视化、跨平台等优势,适合用户快速绘制和共享流程图,并进行实时协作和反馈,立即在线免费使用Pixso。 2.博思白板boardmix 博思白板是一款可以制作流程图和图表的在线流程图软件,同时兼作数字白板使用,无论你是想进行实时协作,还是向你的团队展示你https://pixso.cn/designskills/7-online-flowchart-softwares/
5.在线流程图绘制协作平台www.lucidchart.com在线流程图绘制协作平台简介: LucidChart是一个基于HTML5的功能完善的在线流程图绘制和协作应用,可以方便快速的实现流程图表的绘制,同时还可以和他人进行实时的流程图绘制和修改,所有的变动都会实时的同步,对于群组协作来说是很方便的工具。 备案信息 http://www.948v.com/prodetail1419416.html
6.ProcessOn在线作图、实时协作 支持流程图、思维导图、原型图、UML、网络拓扑图、组织结构图等 高效易用、轻松绘制 ProcessOn是一个在线作图工具的聚合平台, 它可以在线画流程图、思维导图、UI原型图、UML、网络拓扑图、组织结构图等等, 您无需担心下载和更新的问题,不管Mac还是Windows,一个浏览器就可以随时随地的发挥创意,规http://dingding.processon.com/
7.processon是什么软件processon在线流程图和思维导图Process On 是一款强大的在线流程图和思维导图工具,用户可以通过浏览器快速创建各种流程图、组织结构图、思维导图等。该软件以简单易用著称,支持团队协作,广泛应用于项目管理、任务规划和产品设计中。本文将详细介绍 Process On 的功能特点、使用方法,并解答与 Process On 相关的常见问题。 https://www.bnocode.com/article/processon-zhishi.html
8.ProcessOn免费在线作图,思维导图,流程图,实时协作ProcessOn是一个在线协作绘图平台,为用户提供强大、易用的作图工具!支持在线创作流程图、思维导图、组织结构图、网络拓扑图、BPMN、UML图、UI界面原型-梦想导航https://nav.dreamthere.cn/site/index/15760
9.ProcessOn是什么软件以ProcessOn流程图使用教程ProcessOn是一款基于云端的在线绘图工具,它可以帮助用户制作各种类型的图表,如流程图、思维导图、UML图、网络拓扑图等。除此之外,它还具有在线协作功能,让团队成员可以在同一图表上实时协作编辑。接下来小编为大家讲解一下processon是什么软件以及processon流程图使用教程的内容吧! https://article.mairuan.com/zxinfo/142.html
10.ProcessOnProcessOn 是最近很热门的在线作图工具,它提供了一个完全免费、简洁高效的流程图在线创作工具和协作环境,可以轻松绘制各类图形,包括流程图、UML 图、组织结构图、事件过程链图、企业价值链图、维恩图等等。 ProcessOn基于 HTML5 Canvas 技术开发,运行起来非常地快速稳定,我试用了下,感觉非常实用。虽然是网页版作图工具http://www.360doc.com/content/14/1023/06/7863900_419103331.shtml
11.ProcessOn免费在线思维导图和流程图工具支持多人实时在线协作以前老蒋用思维导图设计方案的时候不多就会用到本身我有一直在用的坚果云盘自带有思维导图工具,当然他们自带的工具相对来说比较简单而且是单用户版的。最近经常需要用到产品的演示而且需要携带出去演示给客户看,我本地是有XMind思维导图专业工具的,但是也是本地版本非可以在线版本。 https://www.laobuluo.com/7235.html
12.ProcessOn注册网址:http://www.processon.com/invitation/544827e30cf23db8dec96c68 ProcessOn 是最近很热门的在线作图工具,它提供了一个完全免费、简洁高效的流程图在线创作工具和协作环境,可以轻松绘制各类图形,包括流程图、UML 图、组织结构图、事件过程链图、企业价值链图、维恩图等等。 ProcessOn 基于 HTML5 Canvas https://www.douban.com/group/topic/64385335/
13.GitMind:免费在线思维导图流程图利器,多人协作,海量模板GitMind是一款全新的云端智能思维导图、流程图制作软件,同时支持在电脑、手机浏览器上使用。 GitMind 汇集了流程图、思维导图、ER 图、组织架构图、类图等十多种图形的快速绘制功能。 用户可以直接使用软件提供的模板绘制图形等,在功能方面,该软件还支持自定义主题、自动布局、多人云协作、多格式文件导出等。 https://iui.su/3385/
14.免费在线流程图思维导图processonProcessOn是一个在线协作绘图平台,为用户提供强大、易用的作图工具!支持在线创作流程图、思维导图、组织结构图、网络拓扑图、BPMN、UML图、UI界面原型设计、iOS界面原型设计等。同时依托于互联网实现了人与人之间的实时协作和共享。 ProcessOn 隶属于北京大麦地信息技术有限公司,是一款专业在线作图工具和分享社区。它支https://www.135editor.com/yygzs/122.html
15.团队协作工具,提供各类文档工具在线思维导图在线流程图kooteam 是一款轻量级的在线团队协作工具,提供各类文档工具、在线思维导图、在线流程图、项目管理、任务分发,知识库管理等工具。 kooteam 支持钉钉,企业微信等账号同步登陆,保障企业数据安全。 官网地址 https://www.kooteam.com 安装教程 微信咨询 技术选型 https://gitee.com/sinbo/kooteam
16.ProcessOn思维导图流程图在线画思维导图流程图ProcessOn是一个在线协作绘图平台,支持在线制作思维导图、流程图、组织结构图、网络拓扑图、鱼骨图、UML图等,同时可实现人与人之间的实时协作和共享,提升团队工作效率。 ProcessOn 是一个面向垂直专业领域的作图工具和社交网络,成立于2011年6月并于2012年启动。 支持绘https://www.bandianxiang.com/info/c532X7c
17.在线流程图制工具使用最佳流程图软件轻松创建流程图和其他可视化图表。利用我们基于云的工作区,您和您的团队可以立即创建流程图。https://online.visual-paradigm.com/cn/diagrams/features/flow-map-maker/
18.超全的在线流程图和图表制作工具码力全开大家好,我是独立开发者Larry~今天给大家推荐几个新发现的流程图和图表制作工具,分别是Creately - 在线图表制作协作平台,Miro - 在线协作式的白板平台,VisualSitemaps - 在几秒钟内自动生成可视站点地图,FlowMapp - 可视站点和用户流程的在线工具,Lucidchart - 在线流程图绘制协作平台,Wireflow - 创建漂亮的用户流原型https://maliquankai.com/2020/03/08/2020-03-08-flow-mind/index.html
19.提供各类文档协作工具,在线思维导图在线流程图项目管理任务今天给大家推荐一个轻量级的开源在线项目任务管理工具:DooTaskDooTask提供各类文档协作工具、在线思维导图、在线流程图、项目管理、任务分发、即时IM,文件管理等工具。 一、高效便捷的团队沟通工具针对项目和任务建立群组,工作问题可及时沟通,促进团队快速协作,提高团队工作效率。 二、强大易用的协同创作云文档汇集文档、电https://download.csdn.net/download/qq_41701956/87781183
20.部门协作流程图简约完整清晰造价部门流程图简约完整清晰 免费 使用模版 成果方案工作部门协作流程图 免费 使用模版 团队部门协作流程图 会员免费 使用模版 学校部门协作简约流程图 免费 使用模版 卫生保健部门组织结构图简约清晰完整 免费 使用模版 物流部门协作流程图 免费 使用模版 部门工作流程简约清晰完整 https://imiaoban.com/pic/21890.html
21.可道云在线流程图免费私有化在线画图在线思维导图免费在线流程图 海量图形 轻松绘制 多格式 兼容支持 一键分享 轻松协作 逻辑万千,轻松绘就 多样视图风格,操作便捷功能强大,可道云流程图助您驭繁就简,短时间内绘制出各种高质量的流程图 √ 海量图形组件库 除系统内置的Mockup、UWL、AWS、Azure、CAE、Cisco等图形组件外,可道云流程图集成了Iconfont等网络知名图库,构https://kodcloud.com/draw/
22.ProcessOn思维导图ProcessOn是一款专业的在线作图工具和知识分享社区,支持思维导图、流程图、思维笔记、原型图、鱼骨图、泳道图、UML、BPMN等几十种图形的专业绘制。 #产品特色功能# 【免费使用】支持免费使用思维导图、流程图、思维笔记、原型图、鱼骨图、泳道图、组织结构图、UML、BPMN等https://apps.apple.com/kh/app/id1564637971
23.迅捷画图迅捷画图是一个专业的在线画图网站,为用户提供简单易用的作图工具,支持在线创作流程图、在线制作思维导图、组织结构图、ER图、网络拓扑图等.在线作图,方便快捷,真正实现高效工作。http://user.liuchengtu.com/
24.GitMind:免费思维导图流程图软件,多人云协作,海量模板免费用支持多人云协作,一键分享导出 可以为脑图内容插入关系线、概括等 支持电脑、手机云同步 支持在一个脑图添加多个中心主题 海量的思维导图模板免费使用 总结: 作为一款在线的免费思维导图、流程图绘制工具,GitMind 在「绘图」方面,特别是绘制思维导图方面,做的相当不错。丰富的工具功能,多种内置样式与自定义选项,以及https://www.flighty.cn/html/soft/20200616_589.html
25.kooteam在线团队协作工具v1.0.0源码下载kooteam是一款轻量级的在线团队协作工具,提供各类文档工具、在线思维导图、在线流程图、项目管理、任务分发,知识库管理等工具。kooteam 支持钉钉,企业微信等账号同步登陆,保障企业数据安全。 kooteam特点: 1、待办四象限:突出事情优先级,帮助员工合理安排时间,提高工作效率 https://www.jb51.net/codes/746126.html
26.ProcessOn在线协作在线协作优秀新媒体导航在线协作绘图平台,为用户提供最强大、易用的作图工具!支持在线创作流程图、思维导图、组织结构图、网络拓扑图、BPMN、UML图、UI界面原型设计、iOS界面原型设计等。同时依托于互联网实现了人与人之间的实时协作和共享。免费在线作工作流程图、结构图、原型图、UML等。 https://123.meibp.com/568.html
27.墨刀流程图工具墨刀流程图是A股上市公司万兴科技旗下的免费在线流程图工具,操作简单、协作多面,支持云端协作无需下载,还有多款主题与丰富元素,随时随地即可制作精美的流程图,高效便捷提升工作效率。https://modao.cc/feature/flowchart/
28.腾讯文档:腾讯旗下在线Office文档编辑协作工具0xu.cn在线思维导图:提供基础图、树状图、组织结构图等多种图形结构,可插入图片、链接、备注、图标等丰富内容,支持导入XMind文档;可多人在线协作,云端存储,多设备同步;轻松构思,让你有序整理和标记思路。 在线流程图:支持基础、Flowchart、UML等10种常用图形,轻松在线绘制各种专业流程图,多平台同步和查看;支持导入Visio文档https://tieling.0xu.cn/article/intelnet/enterprise/15192.html
29.私有化部署,开源轻量级的团队在线协作工具——Kooteamkooteam是一款轻量级的在线团队协作工具,提供各类文档工具、在线思维导图、在线流程图、项目管理、任务分发,知识库管理等工具。 介绍 kooteam是一款轻量级的在线团队协作工具,提供各类文档工具、在线思维导图、在线流程图、项目管理、任务分发,知识库管理等工具。 同时也是一个免费开源的产品,遵循Apache Licence 2.0开源协议https://news.51cto.com/art/202005/617354.htm
30.桂电网盘用户使用手册(试用版)在富客户端处选择新建流程图,接着给流程图命名后, 即可创建流程图模板,在创建好流程图模板中,可以选择自己所需的流图表插入。 场景八:多人在线协作之execel 场景九:word在线编辑 场景十:本地串行编辑,文档锁定 ?适用于使用本地程序编辑,多人拥有编辑权限,防止同时编辑版本错乱、他人查看其他人无法编辑。 https://www.guet.edu.cn/xjzx/2024/0403/c1590a120989/page.htm