最全产品设计工具整理,你都掌握了吗?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.原型设计工具有哪些?7款好用的原型设计工具推荐产品原型设计工具有哪些?除了Axure,还有这6款! 产品原型设计工具是设计师制作产品原型必不可少的工具。产品原型工具能帮我们解决很多问题,但是产品原型工具的选择却成为一大难题。除了我们熟知的产品原型设计工具Axure外,其实市面上还有很多好用的产品原型设计工具,例如Pixso。本篇文章,将分享7款好用的产品原型设计工具https://pixso.cn/designskills/yuanxinggongjvtuijian/
2.产品经理常用原型设计工具有哪些产品经理常用原型设计工具有哪些 产品经理常用的原型设计工具:Axure、墨刀和即时设计。 一、Axure RP Axure RP是一款功能强大的原型设计工具,它以丰富的交互功能和精细的设计控件赢得了广大产品经理的青睐。Axure RP的优点包括: 高度仿真:Axure能够制作出高保真度的原型,几乎可以完全模拟出最终产品的交互效果,让用户在https://www.soufuzi.com/jianzhan/1886
3.原型设计工具有哪些?原型设计工具排名免费原型工具推荐原型设计工具哪个最好用?像axure、mockplus、sketch、墨刀等都是常用的原型设计软件,可以用于画原型图、web网页原型设计等,是交互设计师和产品经理必备工具。绿色资源网还提供了手机版原型设计工具哦!http://www.downcc.com/k/yxsjgj/
4.常用的原型设计工具有哪些?常用的原型设计工具有哪些? 工欲善其事必先利其器,作为一名产品经理或者设计师,原型工具是必备的工具,分享8款常用的原型设计工具:Axure、百度脑图、创客贴、墨刀、摹客、Invision、ProcessOn、sketch。 1、Axure Axure是一款专业设计师不容错过的免费原型设计工具,设计师可以用它快速创建应用软件或Web线框图、流程图https://www.chuangkit.com/blog/pingmiansheji342.html
5.?原型图用什么软件做?原型设计工具有哪些原型图设计是众多行业比较常见的设计方式,尤其是对于产品开发行业来说,为物品设计原型图,可和产品经理快速沟通,并把握产品的外观等等。对于那些行业内的人来讲,原型图用什么软件做比较好?常见的原型设计工具有哪些?下面就让小的给大家推荐几款。 原型设计是什么? https://www.xianjichina.com/special/detail_547152.html
6.盘点专业产品经理都在用的原型设计工具,看看有你用的吗产品经理都在用哪些原型设计工具。现在,我们经常可以听到“产品”这个概念。而产品的问世,是离不开产品经理进行构思与策划的;特别是如今的互联网产品,更是离不开原型设计。所以,原型设计工具对于产品经理来说,可谓是“做饭的炊具”、“上战场的武器”。那么,如今专业的产品经理,都在用哪些原型设计工具呢。话https://mydown.yesky.com/news/77452.html
7.原型设计的重要性你真的知道吗?腾讯云开发者社区“很难想象一个没有原型的产品是如何诞生的。原型设计的核心目的在于测试产品,没有哪一家互联网公司可以不经过测试,就直接上产品和服务。”本文将介绍什么是原型设计?原型的类型有哪些?他们的优缺点是什么?最后我将介绍一些我喜欢的原型工具。 1. 什么是原型设计? https://cloud.tencent.com/developer/article/1063777
8.常用的快速Web原型图设计工具有哪些?无论是桌面软件、Web网站还是移动APP界面,原型设计都是产品设计流程中非常重要的一环,原型设计在一定程度上是为了说明用户将如何与产品进行交互,用来展现更初的产品设想,起到直观展示和有效沟通的作用。那么有哪些常用的WEB原型设计工具呢? Web原型图设计工具一览 https://www.adinnet.cn/bloginfo/2018_03/blog_3497.html
9.《界面设计》复习资料14.下列哪些是Sketch的优势() A.界面简单易上手B.高、低保真原型一键切换C.团队协作D.自带组件库E.丰富的第三方插件【注释】:第一章1.2.2 第3-7页 Sketch的优势包括以上答案的内容,除此之外还支持简单图像处理 15.新时代交互设计师除了要会“交互”以外,还需要()。 A.懂产品B.懂技术C.懂剪辑D.懂视觉Ehttps://www.wjx.cn/xz/260641939.aspx
10.掌握这20条用户体验设计原则,助力设计成长!信息架构在制作线框图或原型之前完成,因为它是产品的基础,有助于设计师考虑什么功能是最重要的,哪些是用户最需要的以及哪些次要内容可以隐藏起来等。 这种结构与产品的导航设计密切相关,有助于将用户引导到正确的位置。导航和信息架构都试图让用户以最少的认知努力来完成操作。 https://maimai.cn/article/detail?fid=1634038199&efid=Q8OQitPTUtErr9eSTYczCA
11.产品经理常用原型设计工具详细介绍工具的价值在于它们能够帮助我们 更有效地完成任务和解决问题。工具可以提高工作效率、提高生产力、促进创新、降低生产成本等等。日常工作中,产品经理很多工作都是借助工具完成的,因此,在本章节中,我们将陆续为大家介绍产品经理常用的工具都有哪些? 原型设计作为产品经理日常工作中使用频率最高的工具,因此,我们一定要找到https://www.msn.cn/zh-cn/news/other/%E4%BA%A7%E5%93%81%E7%BB%8F%E7%90%86%E5%B8%B8%E7%94%A8%E5%8E%9F%E5%9E%8B%E8%AE%BE%E8%AE%A1%E5%B7%A5%E5%85%B7%E8%AF%A6%E7%BB%86%E4%BB%8B%E7%BB%8D/ar-AA1m8GPa
12.墨刀墨刀是A股上市公司万兴科技旗下的原型设计工具,支持APP、网站页面、管理后台、可视化大屏、工业HMI、小程序、H5多场景领域原型设计,AI智能生成组件、页面,智能填充,支持执行AI语义化指令,支持团队项目实时协作和管理,金融级数据安全保障,还支持私有化部署,是产品经理https://modao.cc/
13.强推!海内外8大超强产品原型设计工具海内外8大超强产品原型设计工具 什么是产品原型设计? 产品原型设计是创建一个产品的有形模型,以便设计师、开发人员、客户以及其他利益相关者能够更好地理解和评估产品的功能、界面和交互体验。原型是对产品概念的具体化,通常是一个简化的版本,它包括产品的基本功能和外观,但并不需要完全实现所有的细节和功能。https://blog.51cto.com/u_9540389/6228192
14.原型设计工具是什么工具原型工具是干嘛的→MAIGOO知识摘要:原型是解决方案的简单实验模型,原型设计工具就是产品设计师进行原型设计时使用的工具,其主要作用就是帮助设计师设计产品原型,方便和其他设计师讨论、测试产品相关的设计想法,起到明确问题和方案、促进团队高效沟通、验证和改进个人想法等作用。下面一起来了解一下原型设计工具是什么工具吧。 https://m.maigoo.com/goomai/265657.html
15.产品经理认证知识体系指南第二版学习笔记产品组合管理 产品创新流程 产品创新管理 产品设计和开发工具 产品创新中的市场调研(根据外界环境调整汽车行驶) 文化、团队和领导力(汽车内饰氛围) 1 战略 关键因素, 是定位、资源、竞争优势及其组合应用。 战略四个层级:组织战略(使命)、经营战略其次(市场份额和营收)、创新战略再次(如何重视技术和合作)、职能战略最https://idarc.cn/index.php/archives/3707/
16.原型设计工具有哪些原型设计工具有哪些2023-06-18 精选回答 原型设计是将想法转变为设计过程中重要的一环。常用的原型设计工具有:Mockplus、Axure RP Pro、Flinto、Origami、Balsamiq、Principle、 UXpin、MockFlow、InVision、Framer等,不同的原型工具对应不同场景,下面就列举四种常见场景对应的适合的原型图设计工具。 一、中低保真设计https://wap.hxsd.com/wenda/63032/
17.这6个原型设计产品工具产品经理都在用!今天给大家介绍 6 个产品经理都在用的原型设计产品工具,它们分别是即时设计、Sketch、Figma、JustinMind、Axure RP 、UXPin,如果你还没找到适合自己的原型设计产品工具,那就来看看本文介绍的这几个原型设计产品工具吧!https://js.design/special/article/tools-for-prototyping-your-product.html
18.原型设计工具人人都是产品经理2年初级原型设计工具 产品设计 推荐的四款产品原型设计工具 【编者按】本文转载自个人博客—羽化博客,原作者通过对页面原型设计的理解来介绍四款原型设计工具。 与一般针对产品功能的介绍不同,本文以亲身的设计需求为出发点,通 旺旺旺旺旺仔 原型设计工具 https://www.woshipm.com/tag/%E5%8E%9F%E5%9E%8B%E8%AE%BE%E8%AE%A1%E5%B7%A5%E5%85%B7
19.几个常用的产品原型设计工具有人说产品经理是产品的灵魂,有人说产品经理是企业的核心。对于我们未来想要做产品经理,获得较高的收入,实现自己对产品的诠释,原型图是肯定绕不开的。即便刚毕业我们去做产品助理,原型设计也是产品助理的主要工作。 下面跟大家聊聊几款产品经理常用的原型设计工具,产品工作感兴趣的同学可以用来熟练下使用技巧,未来也提https://www.jianshu.com/p/9d9bbd31b0b5
20.Axure怎么设计网页的登陆页面?其他工具软件教程Axure是一款功能强大的交互设计软件,作为产品小白入门时的必学软件,从做一个登录界面开始展开我们的学习历程。 这里我用的是Axure RP 8为大家演示如何制作一个登录界面。作为一个学习分享,如果有不妥之处,还望各位多多指教,敬请见谅。 快速产品原型设计工具 Axure RP Pro v7.0.0.3174 汉化绿色版 https://www.jb51.net/softjc/525276.html
21.原型设计工具用哪个比较好?4种原型设计工具优缺点对比分析对设计师来说,一款好用的原型设计工具可以让他们的工作效率大大提高,能省下很多时间。当然,不同的原型设计工具都有一定的差异!那么到底哪个原型设计工具比较好呢?下面给大家推荐几款好用的原型设计软件,有需要的朋友可以根据自己的需要进行参考。 1、Axure RP https://www.niaogebiji.com/article-105555-1.html
22.2024年10款好用的原型设计工具推荐在产品开发过程中,原型设计是非常重要的一环,它不仅有助于团队间的协作与沟通,更是产品是否符合用户体验的关键,本文中我们来推荐几款好用的原型设计工具 Axure Axure是一款非常强大的原型设计软件,支持Windows和macOS,它将将线框和原型设计的功能集于一身,让设计师无需代码就能够创建逼真的网站和APP应用的交互原型https://www.v1tx.com/post/best-prototyping-tools/