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

本文概述

  • Sketch中的版式
  • OpenType功能
  • 路径上的文字
  • 紧缩和基线
  • Sketch中的样式
每个设计师都知道有很多不同的工具可以帮助你进行排版。不用说, 诸如Adobe InDesign, Scribus和Photoshop之类的应用程序很可能是你的首选工具包。不过, 尽管你可能听说过Sketch, 但你可能忽略了它只是一个Web设计工具-在处理文字时不使用它。
不一定要那样。实际上, Sketch可以成为创建令人难以置信的印刷作品的最佳工具之一。秘密很简单;你需要了解一些精明的提示和技巧, 以一路为你提供帮助。
在本文中, 我们将介绍一些快速简便的方法, 可以解决Sketch在排版方面存在的一些小缺点。这实际上是我们的” Sketch技巧与窍门” 系列的第三篇文章。如果要检查其他对象, 请在此处快速查看它们:Sketch中的嵌套符号, 使用Emojis管理草图文件。
关于Sketch中的版式可能不知道的事情

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

文章图片
但是, Sketch的一些鲜为人知的功能并不是马上就显而易见。在那儿, 了解一些额外的技巧可能会带来很大的帮助。实际上, 一旦学习了它们, 就可以将Sketch转换为更符合InDesign作为字体工具的内容。这是你需要了解的内容:
OpenType功能 许多字体带有其他字符集, 这些字符集用于实现更高的可读性或用于样式目的, 例如不同的字体粗细。如你所知, 在Photoshop中, 只需按一个按钮即可将其打开。同时, 在Sketch中, 它不那么容易。
如果你确实想查看整个字体范围, 则需要做一件事。只需转到菜单草图> 视图> 显示字体, 然后单击齿轮图标, 然后单击版式。之后, 你将可以访问其他类型的功能, 例如连字和其他字符集。简单!
关于Sketch中的版式可能不知道的事情

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

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

文章图片
关于Sketch中的版式可能不知道的事情

文章图片
【关于Sketch中的版式可能不知道的事情】在此示例中, 我将样式分组到合同文件夹中, 然后为不同大小的文本创建了另一个文件夹, 为不同的颜色创建了另一个文件夹。因此, 样式的命名如下所示:* contract / h1 / dark *。
? ? ?
在srcmini设计博客上进一步阅读:
  • 电子商务UX –最佳做法概述(带有信息图)
  • 以人为本的设计在产品设计中的重要性
  • 最佳UX设计器产品组合–启发性的案例研究和示例
  • 移动接口的启发式原理
  • 预期设计:如何创建神奇的用户体验

    推荐阅读