BeFor Web
为网而生 - 关注互联网及移动端产品的用户体验设计

Sketch 52 常用中文数据共享 (含使用方法)

Sketch 52 常用中文数据共享 (含使用方法)

问各位周一午安。更新过 Sketch 52 之后,对于数据源功能(Data)很是喜爱。但官方提供的预置资源,特别是“人名”与“世界城市”略显尴尬,毕竟是英文内容,在日常项目当中感到实用性略差。

在上一篇关于数据源功能实战的文章当中,我们都了解过数据定制的方式;于是周末自己动手做了一些中文数据源,其中几个普适性较强的可以和各位进行分享,包括:

  • 世界主要国家(172个)
  • 世界主要城市(412个)
  • 中国省份(34个)
  • 中国主要城市(147个)
  • 中文段落内容(摘自《麦田守望者》)

当然,大家有着各自不同的产品项目,势必会有更独特、更专用的内容类型。因此,还是鼓励根据实际需要去制作最有用的数据源。定制方式非常简单,对于文本数据来说,从文档或 .xls 文件复制内容到 macOS 的“文本编辑”当中,每条内容独占一行,文件保存为普通的 .txt 格式即可。

获取方式

  • 链接:https://www.jianguoyun.com/p/DZyE6J0QjsmvBhis9nk
  • 密码:v6nff8

使用方式

或许有些朋友还没有用到数据源功能,这里再简单介绍下基本用法。在 Sketch 中,通过顶部菜单打开“Preferences”设置面板,进入“Data”选项卡,点击左下角“Add Data...”,将下载到的中文数据源文件添加入库:

实际使用当中,大体有三类场景。

1. 对于普通的文本元素,选中之后,进入“Layer - Data”菜单,选择你需要的数据源名称,即可完成文本的随机填充:

如果觉得填充结果不够理想,还可以继续在该菜单中选择“Refresh Data”,或通过快捷键 cmd+shift+D 来刷新内容:

2. 你也可以首先通过数据源构建 Symbols,如下图所示:

然后在实际调用时,在“Data”菜单中选择“Refresh Data from Master”,或使用快捷键 cmd+shift+D 来刷新内容:

3. 对于那些在 Sketch 52 之前构建的,或是没有利用数据源构建的 Symbols 来说,同样可以使用该功能来填充内容。以我们最近更新到 iOS 12 的 WireframeKit 组件库为例。

选择你需要的组件来构建页面,例如“Table Views”当中的“Avatar - Summary”列表单元:

选中这些 Symbols,在右侧检查器面板中,点击“Title”右侧的图标,即可找到所有可用的文本数据源:

选择你需要的内容类型,完成填充:

对于其他字段来说也是同理。

大致就是这样。希望这些文件可以给你带来一些便捷,也希望各位都能根据自己的需求,更灵活、更定制化地使用数据源功能。

顺便再提醒 WireframeKit for Sketch 的老用户们,可以免费更新到 iOS 12 版本喽,详见: