【基础篇】夜雨原创玩转Sketch教程课时4:Sketch文字工具的使用

Sketch教程 夜雨 421℃
《玩转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交流设计经验。

转载请注明:爱交互 » 【基础篇】夜雨原创玩转Sketch教程课时4:Sketch文字工具的使用

喜欢 (12)
粤ICP备17030697号