如果工人想做好工作，他们必须先磨利他们的工具。有一个好的UI工具可以帮助我们提高设计效率，从而把更多的精力放在更重要的事情上。本文对多种超实用、流行的UI设计工具进行了盘点，希望能帮助您选择更合适的工具，在设计工作中更得心应手。
即时设计
即时设计是国内一款涵盖原型设计、UI/UX设计、设计、交付所有核心功能，无需使用第三方插件，拥有大量的组件风格、中英文字体库、国内大型工厂设计系统等本地化资源，一经推出就受到专业设计师的广泛好评。与国外其他UI工具相比，即时设计 在中国，服务器没有平台限制。用户可以随时随地点击浏览器开始工作，更不用说担心海外信息安全了。全中文语言环境，让您无障碍学习界面操作、官方教程、体验问答，快速提升设计技能和效率。
https://js.design/?source=csdn&plan=btt422
使用成本：即时设计承诺对个人用户永久免费，所有内置功能均可免费使用。
优点：
团队高效合作：支持多人在线编辑和查看，无需下载，云同步更新修改内容，评论也可以加入合作，轻松反馈和修改和校正所有项目。
智能设计工具：自带专业设计工具，拥有和谐 Figma、sketch 同样丝滑的创作体验。只需修改主要组件，所有组件同步变化，快速形成统一的标准。组件级自动布局，添加或删除内容无需手动调整，智能排版。
企业级数据安全：部署内部网络本地服务器，确保敏感数据和业务数据的私有化。提供定制的功能开发，并享受更有效的私人体验。定制团队管理权限，以避免数据泄露的风险。
海量设计模板：整合腾讯、阿里巴巴、字节、蚂蚁设计等大型工厂设计系统。组件材料直接拖动和重用，节省了大量的重复劳动。即时设计设计资源每月更新，创意更快。
Sketch
Sketch 它是一种适合所有设计师的矢量绘图应用程序，具有重量轻、方便、绘图效率高的特点。长期以来，Sketch作为UI设计的核心工具，帮助世界各地的设计师创作了许多令人难以置信的作品。
使用成本：30天免费试用，之后9美元/月，99美元/年。
优点：
直观的矢量编辑工具和可编辑的布尔操作，实现灵活的迭代设计。
无限设计画布，带有灵活的画板、设计预设、定制网格和简单的调整工具，让您将设计缩小到任何屏幕尺寸。
为了加快设计过程，速记和数学运算符。
可变字体和 OpenType 字体，可以无限控制您的界面排版。
跨平台工具用于开发人员的实时合作、反馈、共享和交接。
局限：
使用 Sketch需要安装Sketch InVision、Abstract 、Zeplin 等插件。
文件必须手动保存和传输。
需要将本地设计稿上传到Sketch 在Cloud上，存在着传输速度慢、沟通困难、生产效率低等问题。
编辑组件在「控件」页面进行，组件列表长，修改层次深，一旦编辑错图层顺序也容易混淆。
对Windows / PC用户并不友好。严格地说，它是一种Mac工具，也不能在浏览器中运行。
Adobe XD
Adobe XD也是一种基于矢量的包罗万象的XD UI 该工具包含协作设计和原型制作的功能。Adobe XD速度快，功能强大，从早期的构思和低保真设计，到令人印象深刻的动画和逼真的原型，Adobe XD可以带领您完成整个UX和UI设计过程。Adobe XD是Adobe Creative 在Windows和Mac中可以使用Cloud套件的一部分，这比Sketch略好。
使用成本：通过XD Adober计划可以免费使用Adobeber计划 XD。但是，要想获得完整的XD功能，就需要为此付费(9.999 美元/月)或以 52.99 美元/月的价格订阅完整 Creative Cloud 套件(共20个套件多个应用程序包括Adobe XD）。
优点：
基于矢量的拖放编辑器工具有无限的画板和智能指南，可以帮助您对齐设计中的不同对象和元素。
用于Apple Design、Google Material Design、Amazon Alexa等UI套件(即现成组件)。
3D变换允许您模拟设计中对象的深度和透视。
用于迭代和可扩展设计的组件可以避免手动复制和手动更改。
强大的动画功能，包括视频和Lottie播放、微动画和动作效果、滚动组和锚链接。
语音原型使您能够创建语音命令、内置语音播放和集成语音功能。
设计规范功能可以简化交换过程，允许您与开发人员共享交互式原型，CSS 代码片段和可下载资产-所有这些都是通过一个链接实现的。
局限：
Adobe XD需要将外部插件和服务集成到应用程序中，而且可供选择的插件库并不多。
本地文件需要通过计算机设备上传到云端进行协作。
协作缓慢，容易造成项目过于复杂和混乱。
允许用户离线处理本地文件，但本地文件必须同步到 Creative Cloud 才能共享。
Marvel
Marvel也是一种基于Marvel的基础 Web的原型制作工具支持将PS和sketch设计稿导入交互原型，包括线框图、原型制作和交付设计规范。Marvel承诺提供设计和构建数字产品所需的所有核心功能，并以其用户友好、简洁直观的操作页面成为初学者理想的UX/UI入门设计工具。
使用成本：可免费创建Marvel 项目。之后，每月需要9欧元的Proo 每月计划(限1人使用)或27欧元的团队计划(供3人以上使用)。
优点：
拖放式线框模板用于快速、早期的设计。
大量的预制资产、图像和图标可以帮助你可视化你的想法。
从其他工具(例如 Sketch）介绍静态设计的选项。
具有热点、交互和层次的交互式原型。
内置用户测试功能。
设计交接工具可立即将设计转换为开发人员使用的代码、规范和资产。
Jira、Maze、Confluence、Lookback等集成。
局限：
价格偏贵，全英语语言环境。
通过HotSpot连接目标画板，设置页面的过渡模式和操作手势，不像连接那么直观，容易造成逻辑混乱。
UXPin
UXPin是一个一站式工具，可以帮助你从设计到交互再到代码。UXPin的编辑器分为四个部分：顶部编辑栏、画布和两个侧栏，以及各种菜单。接口操作类似于Photoshop和Sketch逻辑，使用方便，适用于UI设计者，具有一定的设计基础。
使用费用：可以免费使用限量版UXPin制作2 一个原型。对于增强功能，需要升级到每月19日美元/编辑器的基本计划，每月29美元/编辑器的高级计划，每月69美元/编辑器的专业计划。
优点：
适用于 iOS、Google Material Design、Bootstrap 和 User Flows 内置组件库包括交互元素、颜色、文字风格和图标，随时可用。
直接拖动创建高保真互动互动组件。
嵌入式用户流功能可以帮助您讲述工作故事。
内置对比度检查器和色盲模拟器。
通过可下载的设计规范，简化了开发者的交接。
局限：
不支持手机真机测试，支持浏览器测试，但是需要使用第三方插件，对移动终端测试的支持较差。
操作页面比较复杂，初学者需要很长时间才能熟悉软件。
InVision Studio
InVision Studio是一个全方位的设计工具，集视觉设计、快速原型、动态效果制作和团队合作于一体。它具有直观的矢量绘图工具、无限的画布和许多令人印象深刻的快速原型制作功能和内置动画。它与 MacOS 和 Windows 兼容性是专业设计师最受欢迎的UX/UI工具之一。
使用费用：可以免费下载和使用 InVision 创建1Studio 原型。若需要更多的原型，则需升级至每月。 13 美元(可创3) 个原型）的 InVision Starter计划，或者每个月 22 美元专业计划(可以创建无限原型)。
优点：
用于快速屏幕设计的矢量绘图工具。
响应式设计的自适应布局使您能快速、轻松地调整和缩放您的设计，以适应任何屏幕尺寸。
快原型设计功能交互流畅，移动设备镜像及即时回放。
包括智能滑动过渡、时间线编辑和自动图层链接在内的动画功能。
为了保证设计的一致性，共享组件库具有全球同步和实时更新。
对开发人员生成完美像素规格的检查工具。
局限：
必须配合使用 Sketch、Abstract 或 Zeplin 实现高保真原型设计。
在 InVision 而且只有Sketch之间的横跳文件才能收集使用反馈，费时费力。
InVision 设计系统独立于设计工具，无法直接获得组件资源进行改变，极大地影响了设计者的创造性发挥和设计效率。
4430
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
