Sketch文本与文本样式

文本属性设置

快捷键T,插入文字,可以在右侧的属性栏对其进行基本的参数调整。

文本设置

1、对字体、字号、字重、颜色的设置;

2、对字间距、行间距、段落间距的设置;

3、字符的对齐方式、字符框的大小设置;

4、字符的修饰、字符大小写的变换;

如果属性栏的字体名称显示不完整,也可以在顶部工具栏中加入【字体】图标,打开字体选项卡从中选择。

字体

文本转路径

如果想对文本做些艺术化处理,需要先将文本转化为路径,操作如下:

文本

从菜单中选择图层-轮廓化:

轮廓化

文本转换成了路径。

已转换路径

此时,我们可以对文字路径进行随意改变。

瞎改的有点丑

文本附着于路径

下图是一段文字和一个曲线路径


文字和路径

如何让文字沿路径显示呢?

选中文字,从菜单选择字符-路径文字,确保图层中文字在路径的上层才可生效。

路径文字

然后将文字拖动到曲线路径上看看效果:

文字附着在了曲线上

文本样式

在sketch中会经常用到文本,而这些文本用在同类的位置设置统一的规范,才能确保整个系统的一致性。

比如APP中的标题、正文、标注等文字都应有规范的文本样式。

置入文本,在右侧属性面板找到【字符】,根据标题的规范,为它设置对应的参数。

设置标题参数

以上标题的文本参数设置好了,那如果在另一个地方需要再次用到标题,难道我们又要重复设置这些参数吗?答案当然是:不

此时,我们只需要选中文本,然后在属性面板找到【外观】,点击创建输入文本样式的名称,即可在样式列表增加一个文本样式。以后我们再置入文字时,就可以选择这些文本样式快速设置文本样式了。

创建文本样式

同样,我们可以再创建些正文和标注的文本样式进入列表。

文本样式列表

如何重命名和删除这些文本样式呢,在左侧的图层栏,组件列表下,点击文本,就可以看到所有文本样式了,选中某一个点击右键即可完成所需操作。

重命名/删除

下图有两处文章,我们想把标注的字体颜色改成浅蓝,那么我们先把其中一组的标注改好。

更改样式

然后点击右侧属性面板,外观那里的更新图标,则有相同样式的文本都会被一并修改。

更新样式
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

友情链接更多精彩内容