Плагин Sketch text tools - тонкая работа с типографикой
Наш канал в

Плагин Sketch text tools упрощает работу с типографикой в Sketch. Он позволяет отображать метрику шрифта, выравнивать текстовые слои между собой или других слоев по отношению к базовой линии, высоту строчных и прописных букв. Слои базовой сетки можно извлечь из текстовых или создать по произвольным настройкам. Текстовые слои можно разделить на несколько колонок с заданной шириной борозд.
Команды

 

1. Создание метрики шрифта

 

Плагин Sketch text tools - Создание метрики шрифта

 

Эта команда извлекает метрику из шрифтов текстового слоя. Создает условный слой, который отображает базовую линию шрифта, верхний и нижний выносы, высоты строчных и прописных букв, а также высоту строки по умолчанию относительно используемого размера шрифта (синий цвет). Более того, центр высоты строчных и прописных букв также отображаются (красным). Метрики извлекаются с первой строки текстового слоя. Ширина (width) равна ширине текстового слоя

 

2. Выравнивание текста с помощью Sketch text tools

 

Плагин Sketch text tools - выравнивание текста

 

Плагин Sketch text tools

 

Выравнивает выделенные текстовые слои и не-текстовые слои. Выравнивание основывается на метриках, например, центрирование всех слоев на общей базовой линии или выравнивание всех слоев к верху высоты строчных букв.

 

Плагин Sketch text tools - опции выравнивания

 

3. Создание слоя базовой линии

 

Плагин Sketch text tools - Создание слоя базовой линии

Плагин Sketch text tools - Создание слоя базовой линии - пример

 

Плагин Sketch text tools - Создание слоя базовой линии - настройки

 

Создает условный слой базовой линии либо из текстовых слоев, либо из параметров конфигурации.

 

Плагин Sketch text tools - Создание слоя базовой линии - настройки слоя

 

4. Количество символов в строке

Дает минимальное и максимальное количество знаков, индексы строки для обоих значений, а также общее количество знаков.

 

5. Создание колонок с текстом

 

Плагин Sketch text tools - Создание колонок с текстом

 

Разделяет текстовые слои на несколько колонок. Количество колонок, ширину интервала и высоту колонок можно задать вручную.

Расстановка переносов пока не реализована в Sketch text tools.

 

[dt_button size=”big” style=”default” animation=”none” color_mode=”default” icon=”” icon_align=”left” color=”” link=”https://github.com/automat/sketch-text-tools/archive/master.zip” target_blank=”true”]Скачать плагин[/dt_button]

Подпишитесь на рассылку

Раз в неделю мы будем присылать на почту дайджест с лучшими материалами

Похожие записи

Полное руководство по дизайну iOS 9 в Sketch

iOS сильно выросла в течение последних лет. С ее iOS 9 апгрейдом, Apple представил новый системный шрифт под названием San Francisco, 3D Touch и многозадачность на iPad. В Xcode вы найдете Stack Views, фантастический инструмент для более адаптивных макетов, гораздо проще Auto Layout.

Самое подробное руководство по дизайну в Sketch

Работая со Sketch последние три года, я освоил ряд ключевых техник, которые значительно улучшили мой рабочий процесс. Так как я, помимо рисования, также обожаю прототипировать и кодить, мне нужен инструмент для быстрого выполнения дизайн-проектов и легкой генерации исходников. Sketch вместе с его плагинами и другие инструменты для прототипирования полностью справляются с этой задачей. Часть 1 Часть 3 Часть 4

Серия уроков Sketch (часть1 из 5): Настройка Sketch

Первое что нам следует изучить, это настройка Sketch. Если вы только начали создавать дизайны для веб и являетесь новичком в Sketch или Photoshop, или вы просто разработчик, желающий включить UI-дизайн в свой репертуар, эти простые уроки по настройке идеально подойдут для быстрого ознакомления с работой Sketch. Часть 2 Часть 3 Часть 4 Часть 5