《玩转Sketch教程》是由夜雨出品的入门级免费工具教学课程，该课程承诺内容免费观看、课程配套资源免费下载以及后续迭代课程更新免费，是零基础设计师上手Sketch的首选福利课程。

首发在网易云课堂，基于最新版Sketch61.1制作，迭代更新速度快。课程地址，点击篮字直达，可以提前学习全部课程。

关注微信公众号”爱交互“（iueuxd）即可下载相应的配套教学素材，持续更新中~

内容目录：

1.文字的特征

2.文字工具的基本设置

3.文字工具的高级应用

1.文字的特征

1.1文字的基本特征：字体、字号和字重

所有的界面设计，都离不开文字，因为文字就是人类的进化史。文字最基本的特征，包括了字体、字号和字重。

字体：文字的外在特征，不同的字体拥有不同的风格。

字号：指文字的大小，字号越大，文字的体积就越大。

字重：指文字笔画的粗细程度。

1.2文字的排版：字距、行高、段落

文字要设计得好看、可读性强，特别是大篇幅文字的应用，例如新闻网站页面，还需要做好文字的排版才行。

字距：文字和文字之间的距离。

行高：文字行与行之间的高度距离。

段落：文字段落和段落之间的距离。

1.3文字的区别：中英文字体

中文是象形文字、方块文字，在可以做到横向、竖向工整排版；而英文字体主要由字母组成，一般只能横着排。

在做可多语言切换应用或者网站时，应该注意中英文的差异。

1.4文字的区别：衬线体和无衬线体

这种区分起源于西方国家，主要是根据文字的笔画粗细和笔画开始、结束的地方有没额外的装饰来进行区分。

衬线体：在字的笔画开始、结束的地方有额外的装饰，而且笔画的粗细会有所不同。

无衬线体：和衬线体相比，没有这些额外的装饰，而且笔画的粗细差不多。

一般而言，应用程序或者网站设计都是用无衬线体，呈现效果更好。

1.5字体丢失的提示和处理

我们打开的文档，如果系统缺失该文档的字体，Sketch界面右上角就会提示字体丢失，点击“字体丢失”，可以查看哪些字体丢失，我们可以选择替换或不替换字体。如果不替换，就要自行去下载相应的字体来安装。

2.文字工具的基本设置

2.1文字的添加和特征设置

在工具栏使用文字工具，即可添加文字，然后选中文字，在检查器设置文字的特征：字体、字号和字重。

2.2文字的排版设置

选中文字，在检查器做好文字排版：字距、行高和段落，以及文字的对齐方式。

2.3文字的修饰和英文大小写转换

文字可以添加下划线、删除线等修饰；针对英文，还可以进行大小写一键变换。

3.文字工具的高级应用

3.1巧用描边凸显文字

给文字添加描边（边框），在色彩比较丰富或者和文字颜色一致的背景中，可以凸显文字。

3.2设计文字轮廓描边的效果

将文字的描边（边框）进一步扩大，再叠加文字，可以得到文字轮廓描边的效果。

3.3文字跟着文本路径走

Sketch支持文本渲染路径，简单来说就是文本可以跟着一个矢量图形的形状走，例如把文字附加在曲线上。

3.4文字轮廓化

文字可以通过轮廓化功能，转为矢量图形，然后就可以具备矢量图形的特性，例如，编辑文字，或者作为蒙版使用。

---

该系列课程已经全部上架网易云课堂，完全免费学习，基于最新版sketch61.1制作，迭代更新速度快。课程地址，点击篮字直达，可以提前学习全部课程。

对交互设计有兴趣的，可以购买收费课程《零基础入行交互设计》学习。课程地址，点击篮字直达，现在购买，和夜雨1对1交流设计经验。