最全产品设计工具整理,你都掌握了吗?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.免费在线创建流程图思维导图迅捷流程图支持免费在线创建流程图、思维导图、组织结构图、ER图、业务流程图、工作流程图、网络拓扑图等,是一款功能强大的在线流程图制作软件.https://app.liuchengtu.com/
2.首页Freedgo是一个多种类型图表的在线绘制软件,让您轻松、快速、协作地创建各种专业图表。可以创建思维导图,阿里云架构图,腾讯云架构图,Oracle云架构图,AWS系统部署图,软件架构图,UML,BPMN,ER模型,流程图,UX设计图,软件流程图。立即开始免费试用!https://www.freedgo.com/
3.Web思维导图库SimpleMindMap使用详解在线体验使用地址:思绪思维导图 友好性: 除了PC端另外还提供了客户端手动下载使用,支持Windows、Mac及Linux。 特性: 插件化架构,除核心功能外,其他功能作为插件提供,后续使用,减少压缩体积 支持逻辑结构图(向左、向右逻辑结构图)、思维导图、组织结构图、目录组织图、时间轴(横向、竖向)、鱼骨图等结构 https://blog.csdn.net/weixin_61387700/article/details/144406948
4.框架图在线制作文| 帆软数字化相关文章2022-07-14 9:41:13阅读次数: 2,286 2022-07-14 9:41:13 报表产品更多介绍:www.finereport.com 立即体验Demo免费下载FineReport < 上一篇:曲线绘图软件 下一篇:空气污染信息图表> 免费资源 可视化大屏资料包 制造业数据建设白皮书 https://www.fanruan.com/bw/51994-ciye
5.论文结构设置框架图推荐分类 流程图组织架构图模型图思维导图图表图形分析画布示意图UML图路线图时间轴E-R图鱼骨图关系图概念图韦恩图甘特图基础教育高校与高等教育毕业/考证知识科普项目管理IT/软件教育工作互联网公司经营物流人事/行政生活攻略工作计划财务市场分析政府电子商务数据分析新能源金融医疗PPT https://imiaoban.com/pic/5082.html
6.框架图用什么软件做?这10款亲测好用!然而,许多人可能很难确定框架图用什么软件做最合合适,因为市场上存在众多选择。本文将结合boardmix博思白板为你介绍10款好用的框架图制作软件,让你在繁多的选项中找到最适合自己需求的软件。5步学会框架图怎么做 1. boardmix博思白板 boardmix是一款功能强大的在线白板软件,旨在促进团队协作、创意思维和远程工作。https://boardmix.cn/article/10-framework-chart-softwares/
7.Photon介绍及与其他Layer2技术对比分析腾讯云开发者社区Photon技术框架图 按照自下而上的顺序,Photon架构分为底层、通信层、管理层、服务层和应用层五层结构。 底层:基于Spectrum公链及公链上的智能合约,保证Photon链上交易的安全性。 通信层:包括合约事件、数据库以及节点通信模块,目前photon通信主要采用UDP和XMPP方式(支持与PFS交互查询路由及收费),其中对于无网状态下的https://cloud.tencent.com/developer/article/1423492
8.科学网—[转载]群视角下的多智能体强化学习方法综述(1)样本效率与分布式:策略探索的样本效率与方法的实用性十分相关,借助分布式计算架构,如何设计满足策略学习的分布式框架与学习方法尤为关键。特别是如何设计满足“智能体—玩家”两层协同演化的分布式架构[33]。 (2)少样本与多类样本:策略的学习依赖离线或在线样本数据,仿真器失真或在线流式交互样本不足、环境的非平稳https://blog.sciencenet.cn/home.php?mod=space&uid=3472670&do=blog&id=1422698
9.腾讯体育产品分析报告全民健身时代,在线体育迎来发展新机遇期。腾讯体育作为一款主打比赛视频直播、注重培养社区活跃度的体育APP,面临着诸多机遇和挑战。本文将从功能、市场、用户等方面对腾讯体育进行分析。 1.产品功能框架 1.1功能框架图 腾讯体育APP是腾讯公司的一款针对体育视频的手机app应用,主要为用户提供足球、篮球、网球、高尔夫等赛事https://www.jianshu.com/p/3b8373bffe86
10.在线流程图(jQuery网页版)这是一个用来在WEB网页端设计流程图的UI组件,基于Jquery开发。可用来设计各种流程图、逻辑流图,数据流图,或者是设计某个系统中需要走流程的功能应用。良好的用户体验使得操作界面很容易上手,技术开发人员和用户都可使用。 并且兼容主流浏览器。 页面底部有演示、免费下载链接。若是想看更多js特效、网站源码、 js教程https://www.thinkphp.cn/code/1207.html
11.结构图在线制作猜你喜欢:结构图在线制作的AI框架包时,当“参数配置”选择“自定义运行时”时,支持使用“通用”、“TensorFlow”或者“tensorflow”两种启动文件。针对使用常用框架的训练引擎,您需要创建一个可用的AI引擎以及训练作业。在ModelArts创建训练作业时,可使用自定义镜像创建训练作业。“基础教程”是使用常用框架创建训练作业,帮https://www.huaweicloud.com/zhishi/edits-17566767.html
12.T+生产(车间工序)管理系统插件介绍(2022版)一、T+生产管理插件业务流程框架图: 二、T+生产管理插件采用B/S界面,数据无缝衔接。目前支持T+软件包12.3、13.0版本、T+专属云,并对普及版、标准版与专业版完美支持。T+cloud版本不支持。T+与生产管理插件之间可以相互一键切换。 三、T+生产管理插件价值: https://www.meipian.cn/3cjdc3e7
13.单原子催化剂综述梳理:基本概念制备方法及能源催化应用图1 本综述的框架示意图 气凝胶是指由基本的“纳米单元”(如纳米颗粒、纳米片、纳米线等)构建而成的超轻三维多孔材料(包括宏观泡沫状气凝胶和介观粉状气凝胶)。金属单原子材料是指金属原子以原子分散的状态分布在特定载体上(金属原子与之间存在配位化学键)的功能材料。单原子与气凝胶的结合可以产生高度创新的“原子https://www.scholat.com/userPostMsgPage-getDynamic.html?usermessageid=209716
14.在线流程图制作AlphaChart免费专业易用的在线流程图制作设计平台,可为用户提供不同类型流程设计器,精选丰富实用不同风格的流程图模版,轻松上手,一键导出流程图。https://www.alphachart.com/
15.Map地图本框架推崇百度地图,借助百度地图可以制作许多实用的效果。详见百度地图JavaScript版本的API。实用前需要先申请百度地图的秘钥,然后跟随百度官方文档便可以实现常用效果,下面列举一些常用的。自定义定位点JS HTML 在线演示 01 02 03 //自定义一个标注 04 var mapAdd = new BMap.Map("map-add",{ 05 enableMaphttps://axui.cn/v1.0/ax-map.php
16.Vue中实现在线画流程图的方法vue.js最近在调研一些在线文档的实现,包括文档编辑器、在线思维导图、在线流程图等,前面的文章基于语雀编辑器的在线文档编辑与查看实现了文档编辑器。在本文,分享在Vue框架下基于metaeditor-mxgraph实现在线流程图。 实现效果 实现 1. 添加依赖 1 2 3 { "metaeditor-mxgraph": "^2.0.7" } 2. 编辑器简介 metaeditor-https://www.jb51.net/javascript/3241942de.htm
17.走进工业级图神经网络框架GraphLearn走进工业级图神经网络框架GraphLearn 简介:阿里巴巴高级技术专家赵昆在阿里云开发者社区特别栏目《周二开源日》直播中,分享走进深度学习的又一颗明珠:图神经网络,并向大家介绍阿里巴巴自研的图神经网络框架GraphLearn。本文为直播内容文字整理,看直播回放,请点击文首链接~https://developer.aliyun.com/article/778069
18.亿图图示模板社区私有云-超融合-云计算业务逻辑结构图 109 2 1 西门吹牛 ¥5 泛在物联网建设方案 282 4 14 圣诞老人 ¥9.9 自定义登录注册交互时序图 运营地图_小红书 104 0 2 竟然是草莓 ¥16.9 供应链战略 103 3 1 流程再造 ¥3 食品全链质量数字化品控与认证支撑框架图 https://www.edrawmax.cn/templates/
19.还不会机器学习模型部署?15张图带你走进TensorFlow部署框架!图4 TensorFlow 机器学习模型部署框架 TensorFlow Lite 实际操作 小李想了解更加具体的部署过程,刚好我手上有一个项目用到了TensorFlow 的部署框架,于是将其过程演示给他看看。这个项目是要将“猫狗识别”的模型部署到Android 手机上,由于IOS 、Android、树莓派、浏览器都属于客户端,其拥有的运算资源不可能和服务器相https://www.51cto.com/article/742831.html