3.3 文字
Sketch使用Mac OS原生的字体渲染,也正因为这样,文字看起来非常卓越。使用原生字体渲染的优势是,当你在做一个网站设计的时候,你可以确定它们看起来精确无误。Sketch还支持文字样式,因此你可以在多个文字图层上使用同样的字体、字号、字间距等。
添加文字
你可以点击工具条里的“文字(Text
)”图标添加文字。这时鼠标指针变为文字光标,你可以点击画布上的任何地方,在该处添加文字。你可以看到新添了一些文字并处于选中状态,可以马上开始打字。
你还可以点击并拖动鼠标,创建一个固定大小的文字框(Text Box),如果输入的文字超过了文字框的大小,固定(Fixed)文字框会向下方伸展,与之相对,弹性(Flexible)文字框会向左右伸展来容纳更多文字。
文字检查器
你还会观察到,检查器已经变成一个可供选择字体、字号等选项的选择器。注意在默认情况下,字体选择列表中会显示字体预览,如果不喜欢这种方式,你可以在首选项中将其关闭。
同样你可以改变字间距,也可以改变文字的行间距。在没有对文字进行整体填充的情况下,你可以在文字检查器中改变个别文字的颜色。其他的文字设置,例如转换为大写、小写字母,可以在菜单栏的“格式(Format
)”下找到。
文字样式
字体检查器的最后一项是文字的样式列表。默认这里没有预置的样式定义,如果你在这里增加了样式定义,当前的文字图层就会成为新样式的原型。稍后如果增加了新的文字图层,并且应用了同样的样式,则新图层的样式会与第一个图层的样式匹配。
依附路径
Sketch支持沿着路径对文本进行渲染,如下图所示:
要实现这样的效果,我们先选中两个对象:一个矢量形状和一个文字图层,然后在“编辑(Edit
)”菜单中打开“文字依附路径(Text on Path
)”选项,Sketch会将文字图层中的文字依附到它下面的矢量图层的路径上。需要注意的是,只有文字图层在形状图层上面的时候才起作用,如果文字图层在形状图层的下面,请先改变图层顺序。
要在矢量形状上定位文字的精确位置,只要沿着形状水平拖动文字就可以了。写成文字可能比较复杂,但操作起来会非常直观。
通过菜单“编辑(Edit
) > 转换文字为轮廓(Convert Text to Outlines
)”命令,可以将文字转换成矢量形状。然后就可以借助用于常规矢量形状的工具对文字进行编辑。要了解更多信息可参见形状章节。