Sketch更新到52版本后,带来了新功能Data(数据),可智能填充图片、文本数据,具体是怎么操作呢?快来看看吧。文末还有萌萌的动物头像和名字data资源下载,帮助你上手Sketch Data。
1.之前有提供类似功能的Sketch插件Craft
在说明新功能Data之前,我们先来回顾一下Sketch插件Craft,因为Data的功能和Craft提供的智能填充功能基本一致,都支持文本、图片填充,而且图片资源库也都采用Unsplash,该插件的具体使用可参考《夜雨原创玩转Sketch番外篇2:不如装个Craft插件玩玩?》这篇文章。
2.Sketch Data使用介绍
我们在设计页面时,会用到一些虚拟的文本、图片数据,尽量模拟线上真实的场景,传统填充这类数据的做法是一个个从网站上找到这些素材,然后再复制到Sketch中去,由于素材的尺寸大小可能不一致,还需要进行手工处理,导致效率非常低。Sketch Data就是一个为了解决素材来源的功能,它能把文本、图片等素材随机填充在我们想要的文本和形状图层中去。
2.1插入Data
Sketch Data使用的方法也比较简单,选中需要填充随机数据的图层(形状、文本),然后在工具栏的“Date”中选择要随机填充的的数据源即可。
填充完成后,如果对填充的随机数据不满意,还可以选择Refresh Data(更新数据),快捷键是Command-Shift-D,如果快捷键不可用,注意检查一下快捷键是不是被其他插件占用了;或者Clear Data“清除数据”。
2.2自定义Data
基本上默认的Data图片库能满足我们的设计需求,但文本Data可能就需要我们自己定义,因为默认提供的是英文文本,要知道英文和中文在表达上完全不一致,就拿名字来说,中文名字和英文名字的字段长度就不太一致。
自定义Data的方式也非常简单,事先准备数据源,例如文本数据需要选择 .txt 格式的文件,一行一条;图片数据则整理在一个文件夹中即可。然后在菜单栏选择“Sketch”-“Preference”,然后点击左下角的“Add Data..”,在弹出的窗口中选择事先准备好的txt文件或者图片所在文件夹即可。
2.3在Mac中怎么准备txt格式文件
很多小伙伴可能对在Mac中怎么准备txt格式文本的文件比较陌生,因为默认的文本编辑器都是多媒体格式,保存时好像也找不到相应的格式选项,其实很简单。
首先打开文本编辑器,然后在里面输入文本数据,记住一行代表一个数据,然后在“格式”菜单中选择“制作纯文本”,最后保存即可。
3.动物头像及动物名Sketch Data素材下载
最后是Sketch Data素材福利,精心准备的萌萌的动物图片头像及txt格式动物名字,有兴趣的可以自行下载使用。
链接:https://pan.baidu.com/s/1aUvp4gv92iNtlkkVp9fAFw
提取码: mw5g
推荐阅读:
最新版:性感Sketch52正式版发布,全新UI,在线换暗黑皮肤
使用手册:Sketch中文手册(2018)
网友评论