UI设计中的文档和协作

InVision Studio让创建一个可共享和可更新的组件库变得轻而易举。

我们如何使我们的UI设计文件对我们自己和其他可能使用我们的设计文件的设计师都更容易使用?我们需要记录我们的UI设计，并将组件保存在可靠的共享云存储中是很重要的。

UI设计颜色

第一步是保存所有的颜色到“文档颜色”swatch如果我们还没有这样做-这将使他们更容易访问，当我们需要在我们的UI设计中应用他们。为此，从检查器中打开颜色选择器小部件，从下拉菜单中选择“文档颜色”，然后单击+图标将颜色添加到swatch。这在大多数UI设计工具中都是一样的。

UI设计共享库

接下来，我们需要将我们的文档(包括印刷样式、颜色、按钮、公共区域和基本组件)转换为一个共享库。从本质上说，这意味着每个元素都需要是一个组件，即使它只包含一个层。

在云存储平台中放置一个库，以便其他UI设计人员随时使用和更新，这是非常容易的。当进行更改(本地或远程)时，每个使用库的文件(同样是本地或远程)都会询问您是否要更新颜色和组件。这就是跨团队维护设计库的方式。

在UI设计视觉一致的用户界面时，要重用所有东西。设计按钮，然后使用按钮创建按钮组件，然后使用按钮组件创建其他组件，如警报和对话框。不要创建不需要的组件。记住，建立一个图书馆是一个持续的、协作的工作。它不需要一次完成，不需要你一个人完成，也不需要永远完成。它只需要传达一种语言。

UI设计规模

随着设计的扩展，管理它变得更加困难。为了保持它的效率和可维护性，我们可能需要进行各种调整。例如，我们可能想使用文本层来注释我们的库，作为解释各种元素的用例的一种方法。对于排版样式，我们甚至可以编辑文本，使其更具描述性

UI设计切换

设计切换工具显示设计中每个元素使用的各种风格，以便开发人员可以创建应用程序或网站。这些工具包括样式概述和“文档颜色”样本的副本。开发人员甚至可以将这些样式复制为代码，如果您决定创建任何书面UI设计文档，并且希望包含组件的代码片段表示，那么这是非常棒的。如果你担心排除故障和管理一个网站，确保你有正确的网站托管服务将会有所帮助。

转载请保留出处及原文地址:https://www.shishangjue.com/article/419.html