最全产品设计工具整理,你都掌握了吗?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.墨刀墨刀是A股上市公司万兴科技旗下的原型设计工具,支持APP、网站页面、管理后台、可视化大屏、工业HMI、小程序、H5多场景领域原型设计,AI智能生成组件、页面,智能填充,支持执行AI语义化指令,支持团队项目实时协作和管理,金融级数据安全保障,还支持私有化部署,是产品经理https://modao.cc/
2.推荐几款软件界面模型设计工具腾讯云开发者社区界面模型设计中很实用的一个工具GUI Design Studio,可以让界面示意图实现基本的交互,便于演示、交流。 GUI Design Studio提供的了大部分C/S、B/S组件的示意图,可组合使用,在一般软件界面模型设计阶段基本可以满足需要。 推荐需求、界面设计开发等界面原型相关人员使用。 https://cloud.tencent.com/developer/article/1341568
3.软件开发常用工具有哪些IT软件开发流程详解→MAIGOO知识摘要:软件开发是一项十分复杂的系统工程,不仅需要用到软件需求工具、软件设计工具、软件测试工具、软件维护工具等工具,同时还需要各部门的配合协调。一般来说,软件开发的流程主要包括需求分析、概要设计、详细设计、编码、测试、软件交付、验收、维护等流程。下面就一起了解下详细介绍吧。 https://www.maigoo.com/goomai/98822.html
4.软件开发需要什么工具?软件开发并非一件容易的事,需要经过需求分析,UI视觉设计,安卓app开发/苹果app开发,后端开发,测试上线等流程,由产品经理统筹,协同UI设计师、安卓开发工程师、苹果开发工程师、后端开发工程师、测试工程师等人员共同完成。在开发过程中还涉及到非常多的工具应用。那在开发过程中需要用到什么工具呢? http://www.apppark.cn/t-37619.html
5.软件工程分析和设计工具软件分析和设计包括所有有助于将需求规格说明转换为实现的活动。需求规格说明指定了软件的所有功能和非功能的期望。这些需求规范以人类可读和可理解的文档形式出现,计算机与之无关。 软件分析和设计中间阶段,帮助将人类可读的需求转化为实际代码。 让我们来看看设计师使用的几个分析和设计工具: https://www.w3cschool.cn/software_engineering/software_engineering-z2vm3l0a.html
6.创客贴平面设计作图神器免费设计模板创客贴,极简好用的平面设计作图软件,在线图片编辑器,免费使用.提供免费设计模板,有海报、名片、公众号图片、PPT、邀请函等65个场景模板,一键搞定设计印刷https://www.chuangkit.com/
7.工具:设计大模型与软件再定义湖南大学设计艺术学院工具:设计大模型与软件再定义 为深化设计领域对AIGC大模型技术的理解与应用,探讨基于大模型技术下设计工具的创新与变革,由湖南大学设计艺术学院牵头的国家重点研发项目“面向智能交互产品的创意服务设计技术与平台”项目组于2023年11月21日至22日在深圳迈瑞总部大厦开展中后期汇报攻坚研讨会。来自项目组五个课题十家成员http://design.hnu.edu.cn/info/1032/8307.htm
8.UIDesigner首页文档和下载软件界面原型设计工具UIDesigner,简称 “UID”,是一款进行软件界面原型设计的工具。 它拥有强大的模板和预制功能,能够快速的搭建起软件界面的高保真原型。可以实现设计师、产品经理、程序开发工程师三者间的快速沟通,减少不必要的工作内耗。 展开阅读全文 评论 点击加入讨论(6) Awesomehttps://www.oschina.net/p/uidesigner
9.系统架构设计师:软件系统工具系统架构设计师可执行规范语言以及原型技术为需求分析工具提供了另一条实现途径,这些工具通过运行可执行规范或原型,将有关的结果显示给用户和系统分析员,以便进行需求确认。 2.设计工具 设计工具用以辅助软件设计活动,辅助设计人员从软件功能规范出发,得到相应的设计规范。 https://www.educity.cn/rk/1769515.html
10.Windows可用的10大设计工具软件大推荐!设计工具软件的选择很重要,毕竟是设计师们的第一生产力工具。本文为你推荐了 10 款适用于 Windows 系统的顶尖设计工具,它们各有特色,功能强大,能够满足从UI设计到原型制作的多样化需求,包括即时设计、AdobePhotoshop、Serif DrawPlus Starter、Balsamiq、AxureRP、Vectr、Figma、Moqups、Proto.io和 Justinmind。其中有不少https://js.design/special/article/design-tools-software.html
11.Canva可画在线设计协作平台平面设计作图软件适用于想要用付费职场工具和工作流程来开展协作的团队。 预约演示(在新标签页或窗口中打开) 我们的定价页面展示了所有详细信息。教育组织和非营利机构可以免费享用Canva可画的付费功能。 Canva可画使用方式 使用自己的媒体文件或现成的模板开始设计,或将脑海中想象的设计实现出来。 https://www.canva.cn/
12.VI设计用什么软件:介绍适用于VI设计的常见软件工具图片由人和时代CRT设计集团提供 VI设计是企业品牌形象的重要组成部分,而在VI设计过程中,选择适用的软件工具能够提高工作效率和设计质量。本文将介绍适用于VI设计的常见软件工具,并探讨它们的特点和优势。 一、Adobe Illustrator(AI) 1、Adobe Illustrator(AI) https://www.rhtimes.com/brand/logo-design-news11263.html
13.设计名片软件下载设计名片应用软件专题华军软件园名片设计软件大全专题,为您提供名片设计软件大全官方下载、名片设计软件大全最新版下载、名片设计软件大全绿色纯净版等内容。更多名片设计软件大全内容,请到华军软件园名片设计软件大全专题!http://www.onlinedown.net/zt/22052/
14.设计字体需要哪些软件?5个强大的字体设计工具推荐其他工具【如果你想靠AI翻身,你先需要一个靠谱的工具!】 字体设计作为设计中的一个重要模块,如果字体软件选择正确,将给字体设计工作带来极大的便利,易于使用的字体设计软件,可以创造出优秀的排版设计。在日常工作中,设计师可能会在字体网站上下载字体,然后安装字体包,这不仅浪费时间,而且影响设计进度。本文将推荐5个易于使用的https://www.jb51.net/softjc/904940.html
15.产品艺术设计专业必备软件工具及学习建议制作出色的产品艺术设计需要使用一系列的专业的软件工具。以下是一些主要的软件: 1. Adobe Photoshop:用于图像编辑和合成,广泛应用于设计行业。对于产品设计来说,可以用来调整图片颜色、亮度等,让产品图像更加美观。 2. Adobe Illustrator:矢量图形设计软件,适合制作矢量图和平面设计作品。对于产品设计来说,可以绘制产品的https://m.hxsd.cn/wenda/22188.html
16.Exocad设计软件工具介绍Exocad软件需要什么配置的电脑以上便是Exocad设计软件工具介绍,Exocad软件需要什么配置的电脑的内容。Exocad是领先的数字牙科设计软件,用于计算机辅助设计和制造。它具有直观的用户界面和完整的设计工具,可创建高质量的牙科修复方案。软件支持牙周组织模拟和虚拟试戴功能,以确保生物相容性和美观度。作为开放平台,它能与其他数字牙科设备和软件集成。更多有https://exocad.mairuan.com/jiqiao/exocad-kfkl.html
17.MasterGo作为一款旨在替代Figma、Sketch、AdobeXD、PhotoShop 的矢量设计工具,MasterGo 可谓是继承了它们大多数的优点,不仅能完美导入它们的设计稿,使用习惯得以保留无需重新学习,同时还加入了更多适合国人使用习惯的特性。 作为国产的设计软件,MasterGo 对个人、小公司团队、教育行业和高校师生都承诺永久免费!加上官方服务器全部在https://www.iplaysoft.com/mastergo.html
18.新手设计师必备!23个Windows实用设计工具推荐Eagle博客即使现在苹果计算机正夯,还是有许多人的计算机是以 Windows 系统为主,想要想要开发设计灵感,提升设计技巧,但不知道怎么开始吗?马上查看这份 Windows 实用设计工具推荐清单,让你的设计更上一层楼! 这是一份专门推荐给新手设计师,或对设计有兴趣的朋友的 23 项 Windows 设计软件清单,几乎一半以上的设计工具都可以免费http://cn.eagle.cool/blog/post/best-design-windows-software-for-newbies
19.可视化设计工具可视化工具软件合集数据大屏工具PowerUI Designer(界面设计工具) PowerUI Designer是一款界面可视化开发工具,上海勇进软件研发出品。提供丰富的界面控件和界面控件外观主题,可通过拖拽快速完成界面的设计和搭建工作。目前绝大多数界面拼接模式都是采用自绘、贴图、编写大量代码的方式,对开发人员的要求过高,界面缺乏美感,种种因素成为目前开发的难点。PowerUIhttps://www.uipower.com/news/visualDesignTools.html