История от подписчика. Как я поставил модный шрифт — и похоронил конверсию

Клиент: нужен лендинг под образовательный курс. Я — весь на хайпе, нашёл трендовый дисплейный шрифт, такой прям воздух + стиль + современность. Заголовок на весь экран, шрифт из набора за 60 долларов, всё вылизано. Типографика как с Behance. Доволен. Лендинг запускается — и начинается. Половина мобильных браузеров не грузит шрифт. У кого грузит — читаемость хромает. Люди не понимают, куда кликать — вся иерархия съехала. Конверсия — в ноль. Трафик слили. Клиент злой. Я правлю макет на Inter + Arial, убираю всё «выразительное». Становится скучно. Но понятно. И продажи пошли. Вывод: шрифт — это не «стильно». Это инструмент смыслов. Если ты хочешь повыпендриваться — делай плакат. Если хочешь, чтобы работало — делай ясно. #факап #типографика #шрифты #webminute #дизайнпрактика #историиподписчиков #uxтекста
Изображение поста

Дисплейный шрифт — это голос. А ты его включил без смысла

Display-font — это не «красиво». Это высказывание. Ты им не оформляешь — ты им говоришь. Грубый гротеск? Кричишь. Кирпичный сериф? Утяжеляешь. Психоделика с заломом? Влетаешь в лицо. Если ты поставил дисплейный шрифт в заголовок «для выразительности» — остановись. Выразительность ради выразительности = пустой звук. Что важно: — Смотри, с кем он работает. Пара с текстовым шрифтом — не случайный брак — Проверь настроение. Не перебей весь макет одной строчкой — Используй дозировано. Он на раз. На два. Потом утомляет — Не лепи его в тело. Он не для этого Дисплей — это инструмент акцента. Если всё акцент — акцента нет. #шрифты #типографика #webminute #дизайнсмысла #дисплейныйшрифт #uxтекста
Изображение поста

ТРЕНДЫ В ТИПОГРАФИКЕ 2025.

Собрали свежие тренды по шрифтам: листай, сохраняй, внедряй в проекты. Источник Hot design | #Fonts
Изображение поста
Изображение поста
Изображение поста
Изображение поста
Изображение поста
Изображение поста
Изображение поста

Simple Shaded Vector Avatars.

Этот бесплатный набор предлагает более 30 аватаров и множество ресурсов для дизайнеров: стили типографики, градиенты, тени и контейнерные сетки. Всё это можно редактировать и адаптировать под свои нужды, обеспечивая гибкость и уникальность в проектировании. Открыть в figma 🔗 #Файлы 🖥 Веб дизайн в Figma
Изображение поста
✏️ Спикеры ЛайкМедиа'25
Тихон Резцов — CEO и основатель Лаборатории Типографики Шрифтовик. На лекции «Что такое город и зачем ему шрифт?» рассмотрим эти, казалось бы, абстрактные понятия и посмотрим на город с неожиданного ракурса. На примере крупных городских дизайн= проектов мы проведём параллели между образами городов и их репрезентацией в шрифтах, а также ответим на вопросы «Что такое город?» с точки зрения визуальной коммуникации и «Как он общается?».
Изображение поста
🎨 Почему контент-мейкеру важно уметь делать визуал
Раньше в создании контента было всё просто: дизайнер делает оформление, копирайтер — текст. Но сегодня такой подход всё чаще тормозит процессы. Я регулярно слышу от SMM-специалистов, что им не хватает дизайнера или каждая правка превращается в долгую цепочку задач. По моему опыту, современный контент-мейкер должен быть универсальным. Уметь писать, оформлять и быстро воплощать идеи в жизнь. Это не про замену дизайнеров — это про эффективность. 💡 Что даёт навык дизайна: - можно быстро запускать посты и форматы, не дожидаясь макетов; - легче удерживать визуальный стиль и развивать свой бренд; - появляется больше свободы для экспериментов и креатива. 🧠 Что стоит освоить: - основы типографики — читаемость, акценты, иерархия; - композицию — как распределять элементы без перегруза; - цвет — как создавать настроение и визуальные ассоциации; - несколько редакторов и нейросетей: Canva, Figma, Photoshop, Adobe Express, VistaCreate — подойдут под разные задачи. 🔧 Мои личные фавориты: - Canva — для быстрых постов и сторис; - Figma — для большего контроля; - Photoshop — если нужен профессиональный визуал; - MidJourney и Recraft — если хочется чего-то уникального с помощью нейросетей. Если Canva по какой-то причине не подходит, есть и другие отличные альтернативы: VistaCreate, Adobe Express, Easil, Snappa, Stencil, Desygner, RelayThat, Glorify — все они помогают делать крутой визуал без глубоких знаний дизайна. На мой взгляд, сегодня, навык дизайна — это суперсила для любого контент-мейкера. Особенно в мире, где визуал решает, зацепит ли ваш пост внимание или просто проскользнёт в ленте мимо. Как вы считаете — обязательно ли уметь делать дизайн самому, или лучше сразу звать дизайнера? Интересно было бы узнать ваши опыт и мнение😊 @graphicdesigngurus
Изображение поста
Минутка типографики:
Когда дорожный рабочий в Великобритании лучше «играет шрифтами» чем ты.
Минутка типографики:
Когда дорожный рабочий в Великобритании лучше «играет шрифтами» чем ты.
Завтра, четверг, 22.05 в 14:00 по мск
Подкаст про недизайн Гость — Денис Башев. Подробнее о госте ниже: Денис Башев — графический дизайнер, руководитель студии Dilettant. Автор множества логотипов и фирменных стилей, среди которых — спортивные пиктограммы для Олимпиады 2014 года, английский производитель электроавтобусов Arrival и Sila Sveta. Читал лекции и преподавал в Школе дизайна НИУ ВШЭ, Британской высшей школе дизайна, «Стрелке», Школе креативного мышления «Икра», Bang Bang Education. Имеет награды Red Dot Design Award, ADC, Red Apple и многих других. Увлечён шрифтом и типографикой. В 2020 году при поддержке CSTM Fonts (а именно — Михаила Струкова, Ильи Рудермана и Юрия Остроменцкого) выпустил свой первый шрифт — Windward. У Дениса аскеза на разговоры о дизайне, поэтому подкаст на один выпуск переквалифицирован. Однако, это не значит, что не будет интересных вопросов для обсуждения касаемо продуктивности и быта дизайнера с огромным стажем. Лично мне безумно интересно и я рад, что Денис согласился прийти ко мне поговорить о жизни и смыслах. Прямой эфир в канале завтра, запись будет на ютубе через две недели.
Изображение поста
Премия года за худшую типографику несомненно достанется надгробию Папы Франциска. Авторы взяли первый попавшийся шрифт Times New Roman и выгравировали имя с максимально небрежным трекингом. Можно было бы сказать, что это творческий замысел, но на 3D-рендере всё было в порядке с кернигом. Оставляйте в комментариях примеры типографического невежества, которые запомнились вам.
Изображение поста
кстати о курсах. вчера общались с игорем штангом — обсуждали последние детали перед запуском нашего нового курса по типографике и вёрстке, который мы анонсировали год назад. в процессе разговора я решил глянуть, как люди ищут наш курс по таблицам через поисковые системы, и наткнулся на прекрасный запрос в яндексе, которым теперь и хочу поделиться с вами.
если автор этого запроса тут — передаю ей или ему привет и спасибо за поднятое настроение.
Изображение поста
⚡️ 9 книг для дизайнеров
Да-да, мы снова подсказываем, что можно почитать, если ты дизайнер (профессиональный/начинающий или будущий — неважно!) Лови список книг, который для твоего удобства мы разбили по категориям: 🍍 Книги о дизайне: 🌽 «Искусство дизайнера», Пол Рэнд 🌽 «Дизайн для реального мира», Виктор Папанек 🌽 «История журнального дизайна», Рожнова О.И. 🥥 Книги по колористике (для работы с цветом): 🍣 «Колористика. Цвет — ключ к красоте и гармонии», Татьяна Буймистру 🍣 «Взаимодействие цвета. Классический учебник для начинающих абстракционистов» Джозеф Альберс 🍣 «Человек — цвет — пространство», Г. Фрилинг 🥣 Книги по типографике (для работы со шрифтами): 🍳 «Шрифты. Разработка и использование», Барышников Г.М. 🍳 «Палочный шрифт», Владимир Кричевский 🍳 «Путеводитель по кириллице, выпуск I», Рустам Габбасов, Валерий Голыженков, Настя Минасова и Евгений Юкечев 🧡 Сохраняй подборку себе и обязательно отправляй друзьям-дизайнерам 🧡
Изображение поста
Типографика в интерфейсах
Интерфейсы у многих дизайнеров выглядят неопрятно — стремные кавычки, висячие предлоги, короткие тире.. Всё это выдает в дизайнере дилетанта. Часто нужно взять необходимые символы просто в моменте. Не будете же вы их гуглить? Я пользуюсь двумя штуками. Типографская раскладка Бирмана Это такая раскладка для компа, которая позволяет комбинацией клавиш делать разные символы типо таких — − ✓ «» ©  ∞ ←→ ≠. Без этих символов невозможно делать интерфейс — они постоянно нужны. Еще часто нужно ставить неразрывные пробелы, а не переносить вручную это же бред бедные разрабы... Делать текст нужно таким образом, чтобы он сам переносился там где нужно, а где не нужно — не переносился. Плагин для Фигмы Можно использовать неразрывный пробел через раскладку Option+Пробел, а можно использовать плагин для фигмы Text Prettier — он точно так же типографит всё, но делает автоматом. Иногда удобно большую пачку текста типографнуть плагином, а не вручную. А еще можно забиндить в макоси клавишу и делать это сочетанием клавиш. У меня это Option+T. Пользуйтесь¡
Изображение поста
Шрифт Gropled by Daniyar Shape
Бесплатный шрифт без засечек имеет уникальный вид, он также имеет поддержку кириллицы. Отлично подходит для создания логотипов, типографики веб-дизайна, дизайна плакатов и многого другого! Скачать #free #latin #cyrillic 🔤 Fonts Everyday
Изображение поста
MEET YOUR TYPE a field guide to love & typography 🇺🇸
#типографика Руководство о любви и типографике. Зачем соглашаться на случайный флирт если ищешь длительные отношения? Найти идеальную пару легко, если знаешь правила игры. "Встреча со Своим Шрифтом" (Meet Your Type) поможет вам преодолеть простые препятствия и сохранить ваше сердце трепещущим для вашей единственной настоящей любви жизни – типографики. 💾 Скачать
Изображение поста
Очень аккуратный в оформлении сайт-портфолио дизайнера. Приятные приглушенные цвета, аккуратная типографика. Остались вопросы относительно разных типов выделений кнопок и, действительно ли столь необходимо такое массивное описание проектов.
Как создать стильную Chrome типографику в After Effects
Создаём необычные текстовые эффект с типографикой благодаря последнему обновлению в Figma.
⚡️ПроДизайн — шаблоны, сервисы и качественные материалы!
Редизайн сайта PACT.media Agency от Redneck Media. Смелая типографика и большое количество кругов. Выглядит запоминающимся.
Изображение поста
Пара шрифтов способна убить хороший макет
Читаешь текст, а глаза устают? Значит, шрифтовая пара выбрана плохо. Проверь по чек-листу. 1. Контраст. Сериф + гротеск. Толстый + тонкий. Крупный + малый. Пара нужна, когда различие очевидно. Если шрифты почти одинаковые, выбирай один. 2. Общая геометрия. Сравни формы «о», «с», «е». Круглые буквы дружат с круглыми. Квадратные — с квадратными. Разная геометрия — случайный вид. 3. Одинаковая x-высота. Высота строчной буквы влияет на ритм. Разница больше 10 % ломает вертикаль иероглифов. 4. Роли. Один шрифт ведёт, второй поддерживает. Нельзя, чтобы оба кричали. Реши, где акцент, где фон. 5. Кириллица. Сразу тестируй реальный текст. У многих западных гарнитур русские литеры кривые или узкие. Как проверить пару за две минуты 1. Поставь заголовок и абзац. 2. Уменьши масштаб до 50 %. Текст должен читаться и не сливаться. 3. Переключись на «рыбу» с кириллицей. Смотри на буквы «ж», «ф», «ы». Нет перекосов — пара годится. Хорошая пара делает иерархию без лишних графических приёмов. Всё остальное — оправдания. #шрифты #типографика #fontpairing #webminute #дизайнбезводы
Изображение поста