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

Плагин 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 - Создание слоя базовой линии - настройки

 

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

Профессия «Дизайнер интерактивных медиа»
Профессия «Дизайнер интерактивных медиа»
Скидка 45% по промокоду UXPUB
Узнать подробнее

 

Плагин 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]

Total
0
Shares
2 комментария
Добавить комментарий

Ваш адрес email не будет опубликован.

Похожие статьи
Pixel Perfect дизайн в Sketch с помощью плагина Pixel Perfecter
Подробнее

Pixel Perfect дизайн в Sketch с помощью плагина Pixel Perfecter

Pixel Perfecter - это очень простой плагин для Sketch, который помогает найти слои с плавающими параметрами (с неполными пиксельными значениями) X, Y,width или height (ширина или высота). Это поможет вам добиться точности и корректности в дизайне.
Подробнее
41

Создавая потрясающие иллюстрации с помощью Sketch и Looper в два счета

Looper - это новый плагин Sketch, который позволяет создавать уникальные фигуры и узоры, дублируя, перемещая и вращая объекты множество раз. В результате вы получаете потрясающие изображения.
Подробнее

Прощай Sketch…

Часто возникает вопрос: «Какой инструмент дизайна лучший?» И долгое время ответом был Sketch, но теперь это не так.

Еженедельная рассылка

Одно письмо с лучшими записями за неделю

Total
0
Share