Плагин «FineTune» by Ekaterina Pykhova
А этот плагин автоматически рассчитывает оптимальный меж строчный и меж буквенный интервал
🗺 Скачать плагин 🗺
#plugin
#инструменты #типографика
Есть простой веб-тренажёр для тех, кто хочет физически прочувствовать форму буквы. Механика предельно простая: перед вами буква с недостающим куском контура, и нужно мышью дотянуть кривую так, чтобы форма совпала с оригиналом. После каждой попытки инструмент показывает процент схожести и источник.
Там же у автора, Марка Маккея (Mark MacKay), есть другие инструменты:
• KernType — тренажёр на кернинг: нужно вручную расставить буквы в слове так, чтобы интервалы выглядели ровными, затем система сравнивает результат с эталонной раскладкой.
• The Bézier Game — тренировка работы с пером: нужно обвести контур фигуры минимальным числом узлов. - напиши финальный пост с подписью и тегами
Все три построены на одной идее: глазомер и моторику формы не объяснить текстом, их можно только натренировать.
@typefeed — про шрифты и визуальную культуру.
🔤 Типографика в дизайн системе ломается не на выборе шрифта, а на токенах
Пока у команды нет общей структуры, каждый экран собирается заново: где-то основной текст 14 px, где-то 16 px, где-то межстрочный интервал выставлен руками, где-то тот же жирный стиль выглядит иначе. В макетах это еще терпимо, а в разработке быстро превращается в хаос.
Олуватосин Обалана показывает практичный подход, как собрать типографику через примитивные и семантические токены и масштабировать ее на веб, планшет и мобильный в Фигме. Ценность статьи в том, что это не просто теория про читаемость, а пошаговая схема: как назвать токены, как разложить роли текста, как связать стили с переменными и переключать режимы без дублей.
Внутри:
– Какие принципы держат типографику в порядке: удобство, ясность, иерархия;
– Какие базовые требования по доступности стоит заложить сразу: размер текста, контраст, межстрочный интервал, масштабирование;
– Что такое примитивные токены и какие свойства туда выносить: семейство, вес, размер, межстрочный и межбуквенный интервалы;
– Зачем нужны семантические токены и почему они снимают ручные правки по всему продукту;
– Как назвать токены по иерархии, чтобы дизайнеры и разработчики говорили на одном языке;
– Как разложить роли текста: Display, Heading, Subheading, Body, Caption, Label;
– Как считать межстрочный интервал через коэффициенты для крупных и мелких размеров;
– Как настроить в Фигме режимы для разных экранов и не плодить отдельные стили под каждый размер.
➡️ Читать статью
———
💻 Курс по поиску работы 😍 Про дизайн
🔥 Вакансии дизайнерам
🎨 Референсы
🆕 Календарь в статистике сайта
Стало удобнее анализировать данные: теперь можно выбрать нужный интервал и формат отображения статистики — по дням или по месяцам.
Это пригодится, если вы хотите посмотреть статистику за конкретный период, например, во время рекламной кампании или сравнить динамику за несколько лет.
Где найти: Настройки сайта 👉 Аналитика 👉 Посмотреть статистику
#tildaupdates
С профессиональным праздником, дизайнеры-графики! Желаем вам в этот снежный апрельский день согреться… новыми знаниями. Собрали список литературы, которая будет отличным подарком себе, друзьям или коллегам.
🔶 «K-Graphic. Энциклопедия графического дизайна Южной Кореи». Тэцуя Гото
Большая энциклопедия современного корейского графдизайна. Книга показывает, как в стране сформировался свой визуальный язык и кто его сделал таким узнаваемым.
🔶 «Герой и бунтарь». Маргарет Марк, Кэрол Пирсон
Про архетипы брендов и то, как через них строить эмоциональный образ и айдентику, которая запоминается.
🔶 «Система графического дизайна». Йозеф Мюллер-Брокманн
Фундаментальная книга-пособие о том, как использовать сетки и «системное» мышление в графическом дизайне — от плакатов и книг до выставок и фирстиля.
🔶 «Дизайн публикаций. Практикум. Каталог актуального дизайна». Тимоти Самара
Наглядный практикум по редакционному/полиграфическому дизайну. Автор детально разбирает современные издания и показывает, как устроен хороший макет «изнутри».
🔶 «Живая типографика». Александра Королькова
Гайд по современной русскоязычной типографике: как выбирать шрифты, настраивать интервалы и делать текст читаемым и аккуратным.
🔶 «Универсальные принципы дизайна». Уильям Лидвелл, Критина Холден
Справочник из 100+ статей о принципах дизайна в формате «правило + пример».
🔶 «Дизайн — это работа». Майк Монтейро
Практические советы, как общаться с клиентами, брать деньги, защищать решения, строить процесс.
🔶 «История графического дизайна». Филип Б. Меггс
Теория, но с огромной практической пользой: помогает понять историю развития визуальной коммуникации, а также перестать «изобретать велосипед».
🔶 «Типографика и вёрстка». Артём Горбунов
Прикладное руководство по макетированию под экран и печать, с упором на практику.
🔶 «Новая типографика. Руководство для современного дизайнера». Ян Чихольд
Книга о функциональной вёрстке, которая отвечает на вопрос «Почему дизайн выглядит сегодня именно так?».
🔶 «Практика создания товарных знаков». Иван Васильев
Процесс разработки логотипа и знака в России: ТЗ, регистрация, работа с юристами и клиентами.
[Фабрика Дизайна]
