Гуру Графического Дизайна - тренды

Типографика 5/5: как использовать вариативные шрифты в Figma В Figma вариативные шрифты работают как обычные шрифты, но дают больше контроля над параметрами, которые раньше были жёстко зафиксированы. Если использовать их правильно, они превращаются не в эксперимент, а в основу типографической системы. 1. Проверь, что шрифт действительно вариативный После выбора шрифта в панели Text, обрати внимание на раздел Font style: если шрифт вариативный, там появятся ползунки (axes), например Weight, Width, Slant или Optical Size. Если ползунков нет — это обычное семейство, даже если у него много начертаний. 2. Используй вес как диапазон, а не как кнопку Вместо выбора regular или bold можно задать точное значение веса, например 430 или 560, чтобы создать более тонкую иерархию между уровнями текста. Это особенно полезно, когда стандартные веса слишком контрастны, а тебе нужен промежуточный уровень. 3. Настраивай ширину под сетку Параметр Width позволяет подгонять текст под колонку, не меняя кегль и не ломая ритм сетки. Можно сделать заголовок чуть шире, а подпись — уже, чтобы они лучше вписывались в макет и выглядели аккуратно. 4. Используй Optical Size для читаемости Если у шрифта есть параметр Optical Size, обязательно применяй его: для мелкого текста увеличивай значение, для крупного — уменьшай. Форма букв адаптируется под размер, и текст читается легче без ручной коррекции. 5. Зафиксируй параметры в текстовых стилях Самая частая ошибка — крутить ползунки вручную в каждом макете. Правильный подход — создать текстовые стили (Styles) с заданными значениями осей и использовать их как систему: заголовки, текст, подписи, акценты. ← Предыдущий пост серии #gdg_типографика @graphicdesigngurus