快速提示：使用Studio加快设计过程

在今天的快速提示中，我将向您介绍数字产品的设计工具“ Studio”。 让我们看看它如何帮助您加快设计过程！

工作室设计

多年来，我们所有人都对使用Photoshop，Adobe XD或Sketch等工具来设计布局和界面非常熟悉。 Studio在设计过程中采用了稍微不同的方法。

这是一个基于Web的工具，目前可以免费使用，因此，如果您要注册或登录https://studio.design/并输入您的凭据，则可以使用。

您将看到“ 项目”页面，准备好并等待您的第一个项目（如果您刚刚注册）。 在开始新项目时，您可以选择设计一个网络项目或一个iPhone应用程序。

工具

启动项目后，您会看到一个页面 （类似于其他设计应用程序中的画板 ），一些缩放和视图控件，在左侧，您会看到可以添加框，图像，文本和图标。 这些几乎就是您可以添加的所有内容，因此Studio和您可能习惯的其他UI设计应用程序立即会有所不同！

但是，当您看到左侧边栏还可以访问一系列预构建元素（UI套件）时，这种明显缺乏灵活性的现象很快就会被消除。 UI套件包含常见的元素和模式，例如导航栏，英雄区，表单等。 您还将找到嵌入块，通过这些嵌入块，您还可以将Google地图，视频等拖放到页面上。

至关重要的是，Studio的所有布局元素都具有响应能力。 它们的大小和排列方式会根据您所设计页面的大小而变化。 这是Studio工作方式以及如何更改界面设计方式的关键。

请观看上面的视频，以获取有关如何使用Studio，其工具和资源的更多详细信息。 请在评论中告诉我们您对Studio的看法！

翻译自: https://webdesign.tutsplus.com/tutorials/quick-tip-speed-up-your-design-process-with-studio--cms-29920