最棒的是,链接符号在2018年10月发布,这样您就可以在AdobeXD的当前版本中直接跳入并开始处理链接的资产。在这篇文章中,我们将更深入地了解为什么我们构建这个特性,以及它的主要好处,并分享一些关于如何最好地与您的团队协作或简单地重用您的资产的技巧。

Screenshots of the linked symbols and asset manager workflow in Adobe XD.

设计系统最好的朋友

老实说,我们设计人员在整个过程中都会创建、使用和重用组件。从一个简单的按钮到一个更大的导航系统,我们总是在寻找一致性,并使我们的设计过程更高效。

AdobeXD设计团队希望创建一个对设计师来说是自然的无缝流程。我们想要做到这一点,而不需要太多的更新、操作或第三方平台来运行。

想想看吧-你从iOS UI工具包、Android材料设计的FAB按钮,甚至你的公司UI工具包的组件中,抓取并重用这个底部导航的次数是多少次?很多时候。但是,再一次,想一想在文档之间来回的次数,调整元素,重新编辑所有内容,只为了在团队休息期间了解到您没有使用最新的资产。令人沮丧对吧?我们都去过那里。

使用这个新特性,您可以轻松地跨多个文档使用相同的资产或符号;只需将资产从一个文档复制到另一个文档,就可以作为链接资产。修改原始文档中的符号,它会通知您,您可以选择在使用它的所有文档中更新该链接资产。这为整个团队提供了一个单一的真理来源,并且在完善您的设计系统方面是至关重要的。

我们构建这个工作流是为了提高文档、项目和团队之间的设计一致性,并帮助您更好地组织文件和管理资产。所有的文件都保持同步,到处都是。

在Adobe开发面向未来的工具需要为高级用户进行思考和设计,同时也需要考虑刚刚起步的下一代创意人员。我们已经建立了相互联系的资产,使其强大到足以支持专业人士,但任何人都可以获得。通过在文档之间使用诸如复制/粘贴这样的通用模式-我们使新的特性更容易发现和看到好处。对于一个经常在团队UI工具包和她的设计之间使用符号的超级用户来说也是如此。

Screenshot of the centralized update functionality for digital assets using Linked Symbols in Adobe XD.

最大化链接资产工作流

要跨多个文档使用符号吗?使用相关资产是可行的。每个团队在如何组织他们的资产方面都有他们自己的偏好,所以这里我将强调如何最好地为您和您的设计团队使用这个特性。假设您从零开始,并且没有任何设计系统:

  • 首先,创建一个全新的文档。这将是你的真实来源,在那里你将消耗资产来扩展你的设计。在它中,首先生成调色板,添加字符样式,并创建将组成您的设计的符号。请记住,所有这些都可以通过使用强大的AssetPanel进行一次单击来修改,如在此描述.  提示:您可能希望包含关于如何使用每个元素的解释和最佳实践。
  • 从较小的符号(如图标)开始,然后转到更大的元素(如导航系统)上。一旦熟悉了链接资产,就可以创建更大的元素组,比如页面模板。
  • 一旦您满意您的UI工具包,测试它与您的团队成员。保存XD文档新的云文档工作流在创意云中。您的团队将在XD欢迎屏幕中找到您的云文档。现在,每当对UI工具包进行新的更改时,每个人都处于同步状态。

等等!现在,您可以开始在任何其他XD文档中使用UI工具包文档中的元素。只需在工具包中选择一个符号,复制它,然后进入您的设计文档并粘贴它。您会在资产面板中注意到,在符号旁边出现了一个新的链接图标。这表明您使用的符号是链接资产。

每当对原始文档(您的UI工具包)进行更新时,使用该组件的所有文件都将在AssetPanel中的资产旁边获得一个蓝色徽章。通过在此蓝色徽章上悬停,您可以看到如果您决定接受对符号的更新,所做的更改以及文档中可能产生的差异。如果您确实想使用这个新版本的符号,只需单击蓝色徽章就可以在文档中自动更新它。

数字创作者的梦想和为他人服务的乐趣

设计AdobeXD是我们在数字设计领域工作的创意人员的梦想。通过使用您设计的工具,您可以解决您和其他设计人员遇到的挫折。建立这个特性对我们来说是很重要的-设计系统在设计过程中所占的位置比以往任何时候都要大。我们必须想出一个解决方案来帮助每个人有效地推动他们的想法,最重要的是,以光速来衡量它。