《玩转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交流设计经验。