跳过导航
Data in Sketch main image
Sketch 内幕

如何在设计中充分利用数据

我们与 sketchappdata.com 创始人 Mark McEwan 讨论了使用真实数据进行设计的问题

作为设计师,我们自然希望自己的作品看起来最好。没有人想做出看起来不平衡、未完成或只是丑陋的东西。这就是为什么很容易忽略产品和交互细节,而专注于解决视觉问题。但是,在创建界面时,使用“完美”数据使您的设计看起来很棒只会让您在用户测试中失败。在现实生活中,没有人是完美的。

您可能会假设每个人都会选择一个整洁的八个字母的用户名。也许您只是使用 lorem ipsum 来填充整个设计中的文本空白。无论您如何工作,做出假设并用随机文本填补空白可能对您没有帮助,因为您的产品会落入真人手中。如果您不照顾到极端情况,您可能会疏远用户。

解决方案是在您的设计中使用真实数据。这就是我们在 Mac 应用的 52 版本中引入数据功能的原因,并在 71 版本中用链接数据更新了它。它使您可以安装自定义数据集,然后在几秒钟内用文本或图像填充您的设计。我们已经提供了一些可以应用于单个元素、符号或组的数据集,包括姓名、城市、头像和链接数据简介,并且可以轻松地添加您自己的数据集或使用数据插件,例如Pexels,只需点击几下即可导入免费摄影作品。

使用真实数据进行设计可以帮助您测试您的项目是否支持极端情况

无论您是数据新手还是铁杆粉丝,我们都整理了一些技巧来帮助您真正地在设计中充分利用它。

获取真实数据

“当 Sketch 首次添加数据功能时,我认为我们都想尽可能多地使用它,但我们真正想要的是让其他人创建数据。这可能是一个耗时的过程,”Mark McEwan 说。他创建了 sketchappdata.com 并用数百个数据集填充了它,超过 32,000 个唯一数据点,这些数据点可以完全免费下载。

“我开始创建自己的数据集合,并决定我想与其他人分享它,希望我可以创建一个愿意在所有 Sketch 设计师都可以访问的中心位置创建和共享数据的社区,”他解释说。因此,无论您是在寻找电影标题、货币还是狗标签(我们不是都在寻找吗?),sketchappdata.com 都能满足您的需求。

“使用真实数据很重要,可以避免我们作为设计师所做的‘选择性采摘’,”Mark 说。“虽然这对销售和营销团队来说很棒,但它并不能反映最终产品。因此,我们应该测试不太完美的图像和模糊的内容长度,以预测人们将如何使用真实产品。”

“Sketch 的原生数据界面使 TXT 数据的处理变得简单,并且始终可用。当将数据与符号结合使用时,Sketch 会变得非常强大,可以快速填充复杂的设计。”

除了压力测试之外,使用数据还可以极大地加快设计和开发过程。“通过拥有此数据并准备好填充您的图层,您可以快速完成原本可能需要数小时甚至数天才能完成的事情,”Mark 解释说。

随机性很好

当然,挑战在于创建可用的数据,这些数据要足够随机才能感觉真实,而不是意外地使其“漂亮”。为了避免这种情况,他们使用 Google Sheets 中的随机生成器和公式来混合内容。但是即使是一个看似简单的的的数据集也需要一些工作。

“让我们以货币为例,”Mark 说。“从表面上看,这似乎是一项简单的任务,但是首先要考虑的是货币本身。您想要美元、英镑、欧元还是其他众多货币之一?然后是价值本身。它应该是随机的($49.51)、四舍五入的(£49.00)甚至是特定的($49.99)。”然后还有数量和范围的问题,设计师可能需要多少数据才能进行真实而完整的设计,以及什么数据范围对他们来说是有意义的?

但是,一旦您有了正确的数据集,使用它就很容易了。“Sketch 的原生数据界面使 TXT 数据的处理变得简单,并且始终可用,”Mark 说。“无需重命名图层。当将数据与符号结合使用时,Sketch 会变得非常强大,可以快速填充复杂的设计。”

未来以数据为主导

并且这还没有结束。Mark 对 sketchappdata.com 的未来有很大的计划。他和他的贡献者将很快分享许多有组织的 JSON 数据集。使用我们的链接数据功能或 Data Populator 等插件,您可以访问 JSON 数据并控制分组和组织内容的的数据填充。这意味着在设计电影界面设计等内容时,电影作品、标题和发行年份都遵循图层的分组。因此,您可以快速用真实、有组织的内容填充组。

使用 JSON 数据,您可以在几秒钟内用有组织的数据填充大块区域

如果您需要使用自己的自定义数据集怎么办?只需确保与您的团队分享,以便每个人都能受益。“尝试使用数据,以便您可以了解它对您和您的团队有多么强大,”他建议。“您只需要制作一次数据文件,因此最好花时间创建或搜索它,这将为您和您的团队一次又一次地节省时间。”

如果您想开始在 Sketch 中使用数据,请下载我们的 30 天免费试用版,或访问我们的文档以获取更多信息。

您可能也喜欢

Sketch 内幕

Sketch 和 AI

一段时间以来,我们一直在思考 AI 对 Sketch 的意义。这是我们如何使用它、我们永远不会如何使用它以及指导我们思考的内容。

免费试用 Sketch

无论您是 Sketch 新手,还是回来看看有什么新功能,我们都会在几分钟内为您设置好一切,让您做好最佳工作。

免费开始使用
免费开始使用