关于Sketch中的版式可能不知道的事情

本文概述

• Sketch中的版式
• OpenType功能
• 路径上的文字
• 紧缩和基线
• Sketch中的样式

每个设计师都知道有很多不同的工具可以帮助你进行排版。不用说, 诸如Adobe InDesign, Scribus和Photoshop之类的应用程序很可能是你的首选工具包。不过, 尽管你可能听说过Sketch, 但你可能忽略了它只是一个Web设计工具-在处理文字时不使用它。

不一定要那样。实际上, Sketch可以成为创建令人难以置信的印刷作品的最佳工具之一。秘密很简单；你需要了解一些精明的提示和技巧, 以一路为你提供帮助。

在本文中, 我们将介绍一些快速简便的方法, 可以解决Sketch在排版方面存在的一些小缺点。这实际上是我们的”Sketch技巧与窍门”系列的第三篇文章。如果要检查其他对象, 请在此处快速查看它们：Sketch中的嵌套符号, 使用Emojis管理草图文件。

Sketch中的版式

如果你已经了解CSS, 那么你应该熟悉Sketch的基本排版功能。这些内容包括从选择字体, 文本转换到设置参数(例如字符间距和行高)的所有内容。

但是, Sketch的一些鲜为人知的功能并不是马上就显而易见。在那儿, 了解一些额外的技巧可能会带来很大的帮助。实际上, 一旦学习了它们, 就可以将Sketch转换为更符合InDesign作为字体工具的内容。这是你需要了解的内容：

OpenType功能

许多字体带有其他字符集, 这些字符集用于实现更高的可读性或用于样式目的, 例如不同的字体粗细。如你所知, 在Photoshop中, 只需按一个按钮即可将其打开。同时, 在Sketch中, 它不那么容易。

如果你确实想查看整个字体范围, 则需要做一件事。只需转到菜单草图>视图>显示字体, 然后单击齿轮图标, 然后单击版式。之后, 你将可以访问其他类型的功能, 例如连字和其他字符集。简单！

路径上的文字

如今, 我们很少会在网页设计中看到文字写在路径上。尽管如此, 它在印刷甚至徽标设计中仍然是相当普遍的风格。使用Sketch在路径上创建文本非常容易。只需使用钢笔工具绘制路径, 然后在该路径附近输入文字即可。完成此操作后, 你应该从”草图”菜单>”文本”>”路径上的文本”中进行选择。瞧！

紧缩和基线

如果你是Photoshop用户, 则可以从”字符”或”段落”面板访问几乎所有的排版功能。在Sketch中, 你会发现相同的特征, 只是它们被隐藏了。幸运的是, 只要你知道如何即可轻松找到它们。如果要打开更多的样式选项, 例如字距调整, 连字和基线, 则只需转到”草图菜单”>”文本”。真的就是这么简单！

Sketch中的样式

样式是我们使用Sketch时所称的排版预设。此外, 你可以从右侧栏上类型参数上方的样式下拉菜单中轻松创建它们。使用此工具时, 制作自己的样式是相当普遍的做法。但是, 并非所有人都知道可以像标记一样对样式进行分类。 (在我的上一篇文章中阅读有关此过程的更多信息。)

要创建具有印刷样式的文件夹, 命名步骤如下：folder_name / style_name或甚至folder1 / folder2 / folder3 / style_name。请看下面的这个例子, 这样你就可以明白我的意思了：

在此示例中, 我将样式分组到合同文件夹中, 然后为不同大小的文本创建了另一个文件夹, 为不同的颜色创建了另一个文件夹。因此, 样式的命名如下所示：* contract / h1 / dark *。

• • •

在srcmini设计博客上进一步阅读：

• 电子商务UX –最佳做法概述(带有信息图)
• 以人为本的设计在产品设计中的重要性
• 最佳UX设计器产品组合–启发性的案例研究和示例
• 移动接口的启发式原理
• 预期设计：如何创建神奇的用户体验