Sketch基础教程之文字工具详细介绍

时间:2023-04-20 04:32:59 

Sketch 是最强大的移动应用矢量绘图设计工具,对于网页设计和移动设计者来说,比Photoshop好用N倍!尤其是在移动应用设计方面,Sketch 的优点在于使用简单,学习曲线低,并且功能更加强大易用,支持自动切图,并且具有移动设计模板,能够大大节省设计师的时间和工作量,非常适合进行网站设计、移动应用设计、图标设计等。


对于新手来说从开始学习sketch?今天小编就带大家了解下sketch最基本的知识-文字工具。文字工具绝对是交互设计中使用最多的工具,没有之一,人类在漫长的历史进化之中都离不开文字,一些出彩的设计,都需要考虑文字的设计。

1、文字工具使用
通过工具栏的文字工具“Text”,或者通过工具栏的“Insert”-“Text”(快捷键T)即可插入一个文字图层,该文字图层会默认展示“Type something”字样,直接输入文字进行替换即可。
文字工具会记录上次设置过的字体样式,包括字体类型、字体大小、字体颜色等,也就是说,新插入文本时,会默认带入上次的字体样式。

Sketch基础教程之文字工具详细介绍
2、文字工具的基本设置

字体类型和字重
选中文字后,在文本检查器“Typeface”处点击切换选项即可切换字体类型,Sketch默认读取Mac OS系统的字体库,一般可以满足日常所需。Sketch有一点不方便的地方就是字体名称都是英文,所以“微软雅黑”是找不着的,应该找“Microsoft YaHei”。
另外,可以通过“Weight”切换字重,即常规体、粗体、细体等,不同的字重会影响字体在页面中的表现。

Sketch基础教程之文字工具详细介绍字体缺失
如果从网络上下载、或者打开同事发来的Sketch文件时,可能会遇到字体缺失的情况,Sketch会在界面窗口右上角显示“Missing Fonts”的通知。点击该通知,则会弹框展示缺失的字体类型,并支持在后面的下拉选项中选择系统已有的字体进行替换。如果不选择替换,则可以自行下载相应的字体进行安装。

Sketch基础教程之文字工具详细介绍字号和字体颜色
接下来是字号“Size”和字体颜色“Color”的设置,和其他软件没什么区别,非常的简单。Sketch中的字体不支持渐变色,如果要设置渐变色字体,则需要把字体转换为形状。

Sketch基础教程之文字工具详细介绍对齐和间距
Sketch中提供四种常见的文字对齐方式:左对齐、居中对齐、右对齐、两端对齐,通过检查器的“Alignment”选择即可。其中“Auto(自动)”和“Fixed(固定)”选项可以设置文本边框适应文字内容的形式。
如果要设置文字的间距,可以通过“Spacing”进行设置,“Character”、“Line”、“Paragrah”分别对应字间距、行间距以及段落间距。

Sketch基础教程之文字工具详细介绍3、文字工具的其他设置
点击字重“Weight”下方的“Options”按钮,即可看到针对文字的其他设置选项。首先是下划线和删除样式,如下图所示,在“Decoration”中可以设置文字的下划线和删除样式;其次,可以在“List Type”中选择一种段落符号的样式;最后,可以通过“Text Transform”可以把小写英文切换为大写英文字母,虽然不建议这样做,因为全部大写的英文字母会变得让人难以阅读,用户平时接触大写字母作为单词组的较少,会导致阅读的时间大大增加。同样的,也可以通过这个方式把大写字母转换为小写字母,换一个角度来看,Sketch还具备了大小写转换的功能。Sketch基础教程之文字工具详细介绍

标签:Sketch入门,Sketch教程,Sketch基础知识,Sketch功能介绍
0
投稿

猜你喜欢

  • Trickster:快速打开最近使用文件的必备工具

    2022-11-16 19:08:12
  • Word2010中如何让多个文档比较并合并的详细图文步骤

    2022-09-27 15:48:16
  • Win11是否就是太阳谷计划?太阳谷和Win11是同一样东西吗?

    2022-09-03 16:38:04
  • excel2010数据的有效性输入功能使用图解教程

    2022-09-05 23:16:39
  • 使命召唤16 disc read error怎么解决_使命召唤16 disc read error解决方法

    2022-07-23 19:26:54
  • Excel2010变为可视图表样式方法

    2023-06-25 18:51:20
  • 初学者如何学习CAD?CAD入门教程

    2023-04-23 17:36:56
  • Win10电脑总是提示“USB端口上的电涌”怎么办?

    2023-08-07 21:46:22
  • win7系统在ps软件中安装字体的步骤介绍

    2022-08-03 00:55:41
  • 12个精美的二次元图片壁纸,有喜欢的吗?

    2022-10-06 23:59:41
  • Win10玩英雄联盟没声音怎么解决?

    2022-02-10 15:13:57
  • Win7显示器颜色不正常解决的方法

    2023-09-09 03:09:10
  • Win10字体文件夹路径在哪?Win10字体文件夹路径在哪的解决办法

    2022-11-27 01:59:40
  • 用苹果Mac打电话呼叫失败是什么原因?

    2023-03-12 09:08:06
  • Excel如何插入条码控制项

    2023-07-29 08:31:19
  • excel 除法公式的使用实例教程

    2023-10-27 09:52:43
  • 如何在PPT 2019幻灯片中自定义设置背景样式

    2023-12-26 14:56:05
  • wps ppt如何嵌入字体

    2022-04-10 04:46:27
  • 在win8中找回消失的Metro版IE10的方法

    2022-03-25 22:20:55
  • ​word怎么将查看多个页面加到快速访问栏

    2022-07-05 06:21:43
  • asp之家 电脑教程 m.aspxhome.com