Sketch UI设计

sketch新手入门(中文版)-7 数据

2020-02-06  本文已影响0人  陆思思_6c27

使用数据工具,您可以向设计中添加不同的图像和文本,以创建逼真的模型和原型。

默认情况下,sketch中包含许多数据源,分为两种类型:

1.文字资料:真实姓名和城市。

2.图像数据:一组不同的用户头像照片和贴图(for patterns)。

使用第三方数据插件,您可以进一步处理更复杂的数据源。默认情况下,我们预先安装了Unsplash插件,它允许您从Unsplash库中搜索和插入图像,或插入随机图像。

#与数据工作

选择要添加数据的形状或文本层,单击工具栏中的“数据”按钮,或选择“层>数据”,然后选择要插入的数据类型。(sketch提供图像/文字)

#如何刷新和清楚数据

⌘+⇧+D或从“数据”菜单中选择“刷新数据”以使用数据源中的不同图像或文本填充图层。

若要删除数据源和图层之间的连接,请单击“数据”菜单中的“断开与数据源的连接”。

Tips:与数据源断开连接不会恢复图层的原始内容。

#如何和控件一起使用数据

可以将多个数据源添加到符号中的不同图层,并同时刷新它们。

也可以使用每个符号替代旁边的数据图标在符号中添加或刷新数据。

控件的数据

#从本地中添加新数据资源

您可以创建自己的数据源并将其添加到 文件->首选项 中的“数据”选项卡。

Tips:请确保将数据源保存在不会更改的位置。如果在添加数据源后移动数据源的位置,Sketch将无法找到它们。

#如何创建一个文字数据库

要创建自己的文本数据源,请创建一个纯文本(.txt)文件,其中每个数据值位于新行上:

文字库

#如何创建图像数据源

对于新的图像数据源,您只需创建一个文件夹,其中包含要在其中使用的所有不同图像,然后通过“首选项”中的“数据”选项卡将其添加。

#如何安装插件

你可以像普通插件一样安装数据插件,他们会为你打开一个全新的数据源范围。

上一篇下一篇

猜你喜欢

热点阅读