什么是 Adobe XD

Adobe XD 是一款基于矢量的软件，可用于设计从智能手表到完全成熟的移动和 Web 应用程序的任何内容。

它是一个重要的实用工具，用于设计和协作设计，主要用于设计 Web 应用程序、移动应用程序、智能手表和电视的用户界面。 它是为任何应用程序设计 UI（用户界面）/ UX（用户体验）的完整包。 它提供了动态 UI 设计，并可以预览设计的功能。

Adobe XD 由 Adobe Inc. 管理和提供。 它仅支持 Windows 和 Mac OS 操作系统。 它不适用于基于 Unix 的操作系统，例如 Linux。

其他设计工具（如 Photoshop、Illustrator）不支持动态设计。 这些工具被广泛用于 UI/UX 方面，但 Photoshop 设计的缺点是我们无法获得用户体验。 但是，在 Adobe XD 中，我们可以获得应用程序的完整用户体验（虚拟导览）。 它的原型设计和动画功能为我们提供了应用程序的完整虚拟导览。

我们可以轻松创建一个完整的项目并与他人共享，以进行预览和协作设计。 Adobe XD 作品以 Web 链接的形式共享，可以通过不同平台上的任何 Web 浏览器访问。

使用 Adobe XD 的另一个优点是，我们可以为不同的设备（如 Android 和 iPhone）创建和导出设计和资源，并支持多种图像格式。

Adobe XD 最好的事情之一是它为设计提供了无缝的用户界面。 Adobe XD 中的每个工具都非常易于使用，因为它带有理想的选项。 因此，它可以为设计师节省大量时间。 来自不同地点的设计师可以轻松地在同一个项目上进行协作。 链接共享功能允许团队成员通过直接从浏览器进行评论和固定来查看并留下反馈和建议。

Adobe XD 的特点

Adobe XD 支持多种广泛且高级的功能，可用于设计和协作。 它具有大量的功能列表，并且每次更新都会得到改进。 它最先进和有用的功能是动态设计、原型设计、共享、协作和插件支持。

让我们了解 Adobe XD 的重点功能

用户界面

假设您目前正在使用任何 Adobe 工具，例如 Photoshop 或 Illustrator。 有时您一定会被其庞大的功能库所困扰，这正是它们的魅力所在。 但是，当您需要任何工具并且需要时间来查找它，或者有时您必须在 Google 上搜索它时，这并不是很令人愉快。

但是，与 Photoshop 等其他工具相比，Adobe XD 提供了更小的工具面板。 但是，这些工具非常智能，可以执行任何特定操作。 例如，如果您想模糊任何对象，那么 Photoshop 中有多个工具，但在 Adobe XD 中，您可以相应地使用模糊工具。 如果您已经是 Adobe 用户，则可以轻松处理 Creative Cloud 和工具。 大多数工具与其他 Adobe 工具具有相同的功能和易用性。

3D 变换

Adobe XD 中的 3D 变换非常出色。 我们可以进入一个广泛而神奇的 3D 用户体验领域。 我们可以旋转和移动 3D 空间中的对象。 我们还可以添加 3D 变换的深度。

在 XD 中使用 3D 变换很容易。 我们可以通过以下三个步骤将 3D 变换应用于对象

• 选择组件、图层或组，然后对其应用 3D 变换。
• 要启用工具集，请单击属性检查器窗口中的 3D 立方体图标，该图标位于 XD 窗口的右侧。 它将在对象上打开控制选项。
• 现在，使用画布控件（如拉伸或滑动）或输入相应的 x、y 和 z 轴的值。

组件和状态

组件和状态是 Adobe XD 的一些高级功能，Photoshop 不支持这些功能。 组件允许我们创建一个组件并在同一项目中多次使用它。 组件为应用程序提供了强大的可重用性功能。 组件对于创建一些设计元素（例如按钮、导航）并在整个设计中以同步的方式保持它们很有用。 当我们更改主组件时，它也将反映在其他元素中。 因此，它对于更改设计很有用。

与组件相反，状态也是使设计功能强大的方法。 状态允许我们在单个组件上创建变体和实时预览。 状态可用于在设计中创建悬停、单击、切换和其他效果。 通过减少为设计提供效果所需的画板数量，它可以使设计更加干净。 例如，如果我们创建一个下拉菜单，我们可以使用单击状态来创建它，而不是为下拉菜单创建一个新的画板。

第三方插件

Adobe XD 支持多个第三方插件，这些插件为设计提供额外的功能。 有几个插件用于资产管理、自动化、发布、图标、插图等。

XD 支持的一些流行插件如下

• Undraw
• Icons4design
• UIFaces
• Google 表格
• Trello
• Web export

重复网格

重复网格非常适合提高工作速度。 我们可以轻松地复制元素并自动将它们作为网格排列在相应的方向上。 我们还可以调整对象之间的垂直和水平间距，这将为设计师节省大量时间，而无需创建相同的卡片并以相等的间距对齐它们。 因此，我们可以重用组件，而无需手动复制和粘贴它们。

我们只需单击一下即可激活项目的重复网格。 启用重复网格功能后，我们可以通过拖动重复滑块来重复任何对象或对象组。 我们还可以将文本和图像覆盖到重复网格上。

原型设计

Adobe XD 带有两种工作模式，分别是设计和原型。 在设计模式下，我们可以创建和编辑组件，而在原型模式下，我们根据不同画板的动作和功能将它们连接起来。

XD 允许我们创建动态组件和交互式原型以连接这些组件。 我们可以使用原型设计功能创建下拉菜单、切换按钮。 这是一种不同组件之间的功能。

原型设计只不过是项目中不同画板和组件之间的链接，这些链接将连接起来一起执行动作。 例如，如果我们为登录页面创建一个到仪表板页面的链接，那么单击登录按钮会将我们重定向到仪表板画板。

XD 中的原型设计如下所示

从上面的图像中，我们通过创建一些链接连接了不同的画板。 这些链接称为原型。

填充和堆栈

堆栈和内边距也是 Adobe XD 的一些高级功能，其他图形设计软件（如 Photoshop）中没有这些功能。

堆栈和内边距是 Adobe XD 的实用功能。 在处理动态内容（如按钮、标签、管理内容部分、浏览模式设计）时，它将非常有帮助。 它将节省大量时间和精力，并为我们提供井井有条的设计结构。

Adobe XD 中的内边距类似于 CSS 内边距。 它管理组或背景内容之间的空间。 当我们在容器上指定内边距时，该组内的外部间距将保持一致。

其他关键功能

• 易于使用的 资产面板 允许我们轻松管理项目中的颜色、样式、边框和组件。
• 语音命令设计 允许我们使用语音命令来创建功能。
• 轻松的拖放 功能允许我们轻松拖放对象。
• 键盘快捷键 支持只需按下一个键即可加快工作流程。
• 组件的 CSS 代码段 允许我们轻松复制 CSS 代码并将其粘贴到实时项目中。
• 响应式调整大小 允许我们在画板中自动创建响应式对象。
• 共享 功能允许我们轻松共享设计。
• 用户可以通过使用共享链接在特定组件上进行固定和评论来提供他们的 评论和反馈。
• 有用工具（如 Slack 或 Jira）的 集成。
• 动画 允许我们在移动到下一个组件时定义动画效果，就像真实的应用程序一样。
• 它还提供 对 PSD 文件的支持。 因此，我们可以在 Adobe XD 中打开和编辑 Photoshop 文件。
• 广泛而有用的文档 允许我们轻松学习 XD。

价格

Adobe XD 附带一些 Adobe Creative Cloud 计划。 但是，它的免费版本也可用，但免费版本有一些限制。

以下是 Adobe Inc. 提供的 Adobe XD 计划。

入门计划（免费）： 提供 1 个活跃原型和 1 个活跃设计规范。它还支持 Adobe 字体和 2GB 云存储。

XD，个人许可证（不含 Creative Cloud 订阅）（每月 9.99 美元）： 提供无限原型和设计规范。它还支持 Adobe 字体和 100 GB 云存储，用于存储文档。

XD 团队版（每用户每月 22.99 美元）： 此计划包括无限数量的原型和设计空间。它还支持 Adobe 字体和 100GB 云存储。此外，它还提供入门网络研讨会、管理控制台和高级技术支持。

XD 企业版： Adobe 企业版计划支持团队所需的一切，并提供 100GB 云存储。 此外，它还支持单点登录集成、企业资产控制和管理员对资产共享选项的控制。 要购买此计划，您需要联系 Adobe 团队。