Sketch基础教程之文字工具详细介绍
时间:2023-04-20 04:32:59
Sketch 是最强大的移动应用矢量绘图设计工具,对于网页设计和移动设计者来说,比Photoshop好用N倍!尤其是在移动应用设计方面,Sketch 的优点在于使用简单,学习曲线低,并且功能更加强大易用,支持自动切图,并且具有移动设计模板,能够大大节省设计师的时间和工作量,非常适合进行网站设计、移动应用设计、图标设计等。
对于新手来说从开始学习sketch?今天小编就带大家了解下sketch最基本的知识-文字工具。文字工具绝对是交互设计中使用最多的工具,没有之一,人类在漫长的历史进化之中都离不开文字,一些出彩的设计,都需要考虑文字的设计。
1、文字工具使用
通过工具栏的文字工具“Text”,或者通过工具栏的“Insert”-“Text”(快捷键T)即可插入一个文字图层,该文字图层会默认展示“Type something”字样,直接输入文字进行替换即可。
文字工具会记录上次设置过的字体样式,包括字体类型、字体大小、字体颜色等,也就是说,新插入文本时,会默认带入上次的字体样式。
2、文字工具的基本设置
字体类型和字重
选中文字后,在文本检查器“Typeface”处点击切换选项即可切换字体类型,Sketch默认读取Mac OS系统的字体库,一般可以满足日常所需。Sketch有一点不方便的地方就是字体名称都是英文,所以“微软雅黑”是找不着的,应该找“Microsoft YaHei”。
另外,可以通过“Weight”切换字重,即常规体、粗体、细体等,不同的字重会影响字体在页面中的表现。字体缺失
如果从网络上下载、或者打开同事发来的Sketch文件时,可能会遇到字体缺失的情况,Sketch会在界面窗口右上角显示“Missing Fonts”的通知。点击该通知,则会弹框展示缺失的字体类型,并支持在后面的下拉选项中选择系统已有的字体进行替换。如果不选择替换,则可以自行下载相应的字体进行安装。字号和字体颜色
接下来是字号“Size”和字体颜色“Color”的设置,和其他软件没什么区别,非常的简单。Sketch中的字体不支持渐变色,如果要设置渐变色字体,则需要把字体转换为形状。对齐和间距
Sketch中提供四种常见的文字对齐方式:左对齐、居中对齐、右对齐、两端对齐,通过检查器的“Alignment”选择即可。其中“Auto(自动)”和“Fixed(固定)”选项可以设置文本边框适应文字内容的形式。
如果要设置文字的间距,可以通过“Spacing”进行设置,“Character”、“Line”、“Paragrah”分别对应字间距、行间距以及段落间距。3、文字工具的其他设置
点击字重“Weight”下方的“Options”按钮,即可看到针对文字的其他设置选项。首先是下划线和删除样式,如下图所示,在“Decoration”中可以设置文字的下划线和删除样式;其次,可以在“List Type”中选择一种段落符号的样式;最后,可以通过“Text Transform”可以把小写英文切换为大写英文字母,虽然不建议这样做,因为全部大写的英文字母会变得让人难以阅读,用户平时接触大写字母作为单词组的较少,会导致阅读的时间大大增加。同样的,也可以通过这个方式把大写字母转换为小写字母,换一个角度来看,Sketch还具备了大小写转换的功能。
![](/images/zang.png)
![](/images/jiucuo.png)
猜你喜欢
Trickster:快速打开最近使用文件的必备工具
![](https://img.aspxhome.com/file/2023/2/a205712_0s.jpeg)
Word2010中如何让多个文档比较并合并的详细图文步骤
![](https://img.aspxhome.com/file/2023/1/29421_0s.jpg)
Win11是否就是太阳谷计划?太阳谷和Win11是同一样东西吗?
![](https://img.aspxhome.com/file/2023/27/a238398_0s.jpg)
excel2010数据的有效性输入功能使用图解教程
![](https://img.aspxhome.com/file/2023/2/a141342_0s.jpg)
使命召唤16 disc read error怎么解决_使命召唤16 disc read error解决方法
![](https://img.aspxhome.com/file/2023/5/a314374_0s.jpg)
Excel2010变为可视图表样式方法
![](https://img.aspxhome.com/file/2023/3/36333_0s.jpg)
初学者如何学习CAD?CAD入门教程
![](https://img.aspxhome.com/file/2023/9/a340894_0s.jpg)
Win10电脑总是提示“USB端口上的电涌”怎么办?
![](https://img.aspxhome.com/file/2023/30/a263224_0s.jpg)
win7系统在ps软件中安装字体的步骤介绍
![](https://img.aspxhome.com/file/2023/2/a289463_0s.jpg)
12个精美的二次元图片壁纸,有喜欢的吗?
![](https://img.aspxhome.com/file/2023/6/a207456_0s.jpeg)
Win10玩英雄联盟没声音怎么解决?
![](https://img.aspxhome.com/file/2023/26/a222290_0s.jpg)
Win7显示器颜色不正常解决的方法
![](https://img.aspxhome.com/file/2023/3/a295655_0s.jpg)
Win10字体文件夹路径在哪?Win10字体文件夹路径在哪的解决办法
![](https://img.aspxhome.com/file/2023/26/a223935_0s.png)
用苹果Mac打电话呼叫失败是什么原因?
![](https://img.aspxhome.com/file/2023/0/a215110_0s.jpg)
Excel如何插入条码控制项
excel 除法公式的使用实例教程
如何在PPT 2019幻灯片中自定义设置背景样式
![](https://img.aspxhome.com/file/2023/10/a353125_0s.jpg)
wps ppt如何嵌入字体
在win8中找回消失的Metro版IE10的方法
![](https://img.aspxhome.com/file/2023/29/a257965_0s.png)
word怎么将查看多个页面加到快速访问栏
![](https://img.aspxhome.com/file/2023/2/32042_0s.png)