将文字组件宽度设置为一个文字的宽度,这样每行为一个字,可以模拟垂直排版。字间距为行间距。

有的时候我们需要一些垂直排版的内容,这富有年代感气息的文字排版方式显得非常的古朴和文雅。常用在海报或者一些平面视觉作品之中。很难会用到UI作品中,但是一旦用到就很尴尬。专业的平面设计工具比如Photoshop、Illustrator等都有着直排文字工具,但是Sketch没有,怎么办呢?

在Sketch中,将一段文本的适应性更为范围适应,然后将宽度设置为只能容纳一个字的宽度即可。例如:

我们可以将这段文字的行高作为垂直排版的字间距:

唯一的缺陷就是不支持换行,换行其实就是添加了一个文字罢了。所以在Sketch中做垂直排版的文字那么每一行都需要一个单独的文字组件。