Визуальная коммуникация

Я когда работад продуктовым дизайнером это была моя вселенская боль. Да я мог сделать интерфейс, красиво сверстать кнопочки, формы, продумать логику и прочее. Но как только речь заходила про визуал в блоке, в карточке и так далее, был ступор. Я в этом полный ноль и очень об этом жалел. Во всех продуктах, где я работал. Ни идей, ничего. И я жёстко хотел научиться делать крутые штуки со смыслом, как примерно все в моём диз окружении. Но не осилил( С дизайном сейчас странная штука. Инструментов стало больше, а работы всё чаще похожи друг на друга. Промпт, рефы, немного Фигмы, пара правок, и готов аккуратный лендинг. Смотреть можно. Вспомнить через час уже сложнее. Поэтому всё сильнее ценятся дизайнеры, которые умеют работать с идеей. Найти образ, собрать визуальный язык, объяснить решение, довести детали и сделать так, чтобы проект выглядел цельно. Это уже история про арт-дирекшен. И как раз про это ребята из mads делают курс «Визуальная коммуникация: как стать сильным арт-директором». Он для дизайнеров, арт-директоров и лидов команд, которые хотят лучше работать с визуальными смыслами, прокачать вкус, научиться увереннее презентовать идеи и вести креативный процесс. ✨ Кто будет учить – Катя Бородина, креативный директор. 17 лет в коммуникационном дизайне, 50+ российских и международных наград. – Арина Авдеева, основательница mads и Friends Moscow. 4 Cannes Lions и 100+ международных наград. – Лёша Венцкевич, senior art director в BBDO Black. Работал с Coca-Cola, MEGA, OREO, IKEA, DUREX и другими брендами. Ещё будут Ира Смоликова, Дима Втулкин, команды Petrick, ITSALIVE, ONY, Synticate, CLAN, Sinners, Hype Production и другие ребята из индустрии. 📚 Что будет на курсе Разберут роль арт-директора, работу с визуальной идеей, презентацию решений, брендинг, digital, типографику, видео, CGI, motion, 3D, AI в креативе и сборку кейса. То есть курс не только про красивую картинку. Там много про мышление, крафт, насмотренность, работу с командой и умение довести идею до результата. 🧩 По формату два варика – Первый: полноценный онлайн-курс с живыми занятиями, кураторами, практикой, домашками и финальным проектом. – Второй: самостоятельный формат с записями, воркшопами и заданиями в своём темпе. Для вас, конечно, есть промик mads20 на скидку 20 000 ₽. Если чувствуете, что хочется делать визуал сильнее и смелее, посмотрите программу. Мне кажется, для дизайнеров, которые хотят расти в сторону арт-дирекшена, это аще супер. На рынке такого практически нет. 🔠 Зарегаться на курс 🔠 Зарегаться на курс

Минутка типографики:

Нравится, что всё в едином стиле дизайна и фона сцены, бейджей и дипломов. Есть в этом своя особая энергетика. via «Росатом Энергосбыт»
хэд маркетинга ⚪️ оля рассказала, как мы вместе с ⚪️ Бюробукв закрыли пятилетний гештальт и создали интерфейсный шрифт Lebowski by Pragmatica.
приличные шрифты стоят сотни долларов, поэтому для инди-проектов и небольших студий типографика — вечный компромисс. а тут мы, отвечаем рынку классным гротеском с открытой лицензией. ⚪️ спойлерить не будем — читайте на Deziiign
На днях мне нужно было сделать один эффект с типографикой. Захожу в Иллюстратор и понимаю, что вылетело из головы, как это делать. Думаю: «сделаю эффект в нейросети». Захожу в ИИ, начинаю вбивать промпт в строку и…. Понимаю, что не напишу его, потому что из головы вылетел как раз термин, описывающий эффект)
Короче, не верьте тем, кто говорит, что нейросети нас избавят от необходимости изучения теории (цвет, композиция, типографика и т.д). И уж тем более, что нейросети заменят нас и все придумают. Картинка в посте: tamara_arkatova
Изображение канала: Щёлочь — GRAPHIC DESIGN
❤️❤️❤️❤️❤️❤️❤️ 🤍
❤️❤️❤️❤️❤️❤️❤️❤️ ❤️❤️❤️❤️❤️❤️❤️❤️ ✨✨✨✨✨✨✨✨✨✨ ✨✨✨✨✨✨✨✨✨✨ Щёлочь, как и любой футбольный клуб, прошла через множество визуальных итераций — у нас менялись логотипы, цвета, шрифты и стили, — и именно футбольная эстетика с её формой, типографикой и культурой клубных коллекций стала отправной точкой при разработке этого мерча. К ЧМ 2026 мы решили оглянуться на собственную историю и провести ретроспективный ресёрч: какой Щёлочь была на разных этапах. Это джерси — его результат. Все элементы на форме — не просто графика, а отпечатки эпох, через которые прошли мы и наше комьюнити. Чем сложнее становится доступ к социальным сетям, тем важнее переносить артефакты из цифровой среды в физический мир. Эта форма — попытка отрефлексировать пройденный путь и закрепить визуальный код, сформировавшийся под сильнейшим влиянием сообщества. Это не просто одежда и не просто мерч. Это лимитированная серия для тех, кто всё это время был рядом, — наша благодарность и способ сохранить алкалиграфику вне экрана, независимо от того, что происходит с интернетом. ✨✨✨✨✨✨✨✨✨✨ ✨✨✨✨✨✨✨✨✨✨ СОСТАВ: 100% Хлопок 240 гр/м2 S/M - до 170см и 55 кг M/L - до 180см и 75 кг L/XL - до 195см и 100кг Точные параметры в сантиметрах: S/M — ширина по плечу 54 см, по груди 57 см; длина 70 см M/L — ширина по плечу 55 см, по груди 59,5 см, длина 73 см L/XL — ширина по плечу 57 см, по груди 62 см, длина 77 см
Изображение канала: Щёлочь
❤️❤️❤️❤️❤️❤️❤️ 🤍
❤️❤️❤️❤️❤️❤️❤️❤️ ❤️❤️❤️❤️❤️❤️❤️❤️ ✨✨✨✨✨✨✨✨✨✨ ✨✨✨✨✨✨✨✨✨✨ Щёлочь, как и любой футбольный клуб, прошла через множество визуальных итераций — у нас менялись логотипы, цвета, шрифты и стили, — и именно футбольная эстетика с её формой, типографикой и культурой клубных коллекций стала отправной точкой при разработке этого мерча. К ЧМ 2026 мы решили оглянуться на собственную историю и провести ретроспективный ресёрч: какой Щёлочь была на разных этапах. Это джерси — его результат. Все элементы на форме — не просто графика, а отпечатки эпох, через которые прошли мы и наше комьюнити. Чем сложнее становится доступ к социальным сетям, тем важнее переносить артефакты из цифровой среды в физический мир. Эта форма — попытка отрефлексировать пройденный путь и закрепить визуальный код, сформировавшийся под сильнейшим влиянием сообщества. Это не просто одежда и не просто мерч. Это лимитированная серия для тех, кто всё это время был рядом, — наша благодарность и способ сохранить алкалиграфику вне экрана, независимо от того, что происходит с интернетом. ✨✨✨✨✨✨✨✨✨✨ ✨✨✨✨✨✨✨✨✨✨ СОСТАВ: 100% Хлопок 240 гр/м2 S/M - до 170см и 55 кг M/L - до 180см и 75 кг L/XL - до 195см и 100кг Точные параметры в сантиметрах: S/M — ширина по плечу 54 см, по груди 57 см; длина 70 см M/L — ширина по плечу 55 см, по груди 59,5 см, длина 73 см L/XL — ширина по плечу 57 см, по груди 62 см, длина 77 см
Изображение канала: Дизайн — Разминка
🤓 Дизайн — Разминка №99
🟣 Контекст LinkedIn почти не меняется визуально — десктоп выглядит так, будто застрял в 2015. тесная колонка по центру, бесконечные дропдауны, ноль воздуха. при этом это одна из главных рабочих платформ в мире 🟣 Задача передизайни именно этот экран — публикацию вакансии на LinkedIn возьми ту должность, которую реально ищешь или нанимаешь у себя в команде — чтобы контент был живой, а не «рыба» можно десктоп или мобилку 🟣 Правила бренд остаётся узнаваемым — синий, иконка in, общая логика платформы всё остальное можно: сетка, типографика, иерархия, плотность, интеракции, навигация 🟣 Фокус думай как продуктовый дизайнер, а не декоратор покажи как стало удобнее: меньше шума, понятнее путь, живее интерфейс объясни что менял и зачем 🟣 Время ⏱ 50 минут 🟣 Результат несколько экранов + короткий комментарий к решению за прототип или анимацию респектос 🟣 Дедлайн 4 дня / 26 июня Обсуждение и сплетни: t.me/Designwarmups_chat Сайт designwarmups.com #99_ДизайнРазминка
Video is not supported
Изображение канала: Перо | Дизайн-сообщество
Ура, наконец-то настоящий рабочий кейс с ИИ!
Кейс NDA. Поэтому, увы, покажу вам бокал, но зато расскажу как это было и как можно получить действительно качественный результат. ⚡️ Дано: презентация pptx на 18 слайдов со сложными схемами. В некоторых схемах 3х-ступенчатый уровень вложенности (кто сталкивался — поймет КАК это больно верстать). 💥 Результат: лендинг на 18 экранов в Claude Design за 3(!) часа с сохранением контента, стиля компании, анимациями и интерактивными схемами 🏃‍♂️ Что получилось: — дословный перенос контента — сохранение фирменного стиля компании — сложные, многоэтажные, статичные схемы стали интерактивными. И это стало главным вау-эффектом для заказчика — спецэффекты без боли: анимации появления экранов и отдельных блоков, эффекты стекла и плавные переходы. 🥲 Главное в этом кейсе — это скорость и возможность повторить алгоритм на других презентациях. Напоминаю, эту красоту со сложнейшим контентом удалось сотворить (десктоп+моб версии) за 3(!) часа. По моему скромному мнению, это — невероятный результат. И наконец-то реальный кейс с эффективным использованием ИИ. Кстати, коллегам так зашло, что на встрече с заказчиком показывали именно лендинг, а не классическую статичную презентацию. 💥 Что нужно на вход, чтобы попробовать применить у себя: — собственно оформленная презентация, сохраненная в .pdf. Но если у вас совсем нет времени, то супер базовая верстка и отдельно прикрепить визуалы. 👀 Важный нюанс: все визуалы прикрепляю отдельными вложениями и прописываю на каком экране какой визуал должен быть. — UI-кит стиля компании. Причем я делала компонентами не так много вещей: палитру, типографику и плашки) Все! Никакие skills, референсы и специальные промпты не давали такого результата, как ui-кит и базово оформленная презентация. Пишите в комментариях, если будут вопросы по алгоритму действий 🙏
Video is not supported
Изображение канала: Retro Figma
Плагин «SBOL Typograph» by Mikhail Danilov Плагин для исправления и форматирования кириллического текста на основе правил типографики со встроенным Ёфикатором
😅 Скачать плагин 😅 #plugin
Изображение канала: Визионизм
Сегодня обнаружил, что Type.Today рассказали о .noddef
Когда мы запускали проект, я вообще не думал о интересне большого типографического сообщества, скорее хотелось создать место для вещей, которые обычно остаются за кадром. Наверное, поэтому .noddef с самого начала выглядит немного нелепо. Шрифтовой маркетплейс, где большая часть шрифтов не закончена. Не самая очевидная модель. И сегодня было очень приятно увидеть .noddef на страницах Type.Today — платформы, за которой я слежу уже много лет и которая во многом формировала моё представление о современной типографике. Мой первый шрифт (о котором мне вообще стыдно рассказывать) был косвенно освещен там. Иногда достаточно того, что тебе самому интересно исследовать какую-то территорию. Даже если поначалу она кажется слишком странной. Ребята, спасибо за поддерджку!
Изображение канала: Щёлочь
мы знаем вы ждали этого 4 года... ❤️
отдельный курс по леттерингу от Ванька! о чём курс? курс о продвинутой типографике и леттеринге. Основной фокус — рисование букв вручную: вы научитесь создавать собственные леттеринги и доводить их до стилистически законченного результата в векторе и растре. Параллельно освоите эффекты, стилизации, модульную типографику и нейросети для обработки букв. В программе: авторские прописи по готической каллиграфии, стартовые упражнения и серия воркшопов — готика, вариативная стилизация, жидкие буквы. Каждое задание сопровождается личной обратной связью от автора Финальный проект на выбор: титры, обложка, лого-леттеринг для бренда или собственный модульный шрифт. Подойдёт дизайнерам, иллюстраторам и всем, кто готов рисовать каждый день. 🤩 программа курса 🤩
Изображение канала: Nice2Mitya(Chuk)
Toolfolio - нормальная база дизайн-инструментов, где есть что посмотреть👀🖥
Один раздел дизайна там это прям масса пользы: ✦ В одной вкладке собраны десятки категорий: UI, 3D, генерация изображений, прототипирование, иконки, типографика, видео, мокапы ✦ Внутри не абстрактные «лучшие сервисы», а конкретные инструменты ✦ Много сервисов, которые обычно не на слуху и реально нишевые тулзы, которые можно утащить в работу Растащил себе лично парочку новых инструментов за один заход 👍👍
Изображение канала: Design Hunters
7 дней бесплатного обучения UX/UI-дизайну!
🔥 Организовали для тебя бесплатный онлайн-интенсив по UX/UI-дизайну с практикой, обратной связью и куратором. За 7 дней ты: 1. Ты сверстаешь 5 макетов в Figma с нуля; 2. Изучишь основы UX/UI-дизайну; 3. Разберёшься с композицией, цветом и типографикой; 4. Научишься создавать адаптивный дизайн; 5. Получишь советы к твоей работе от экспертов; 6. Научишься использовать ИИ в дизайне; 7. Узнаешь 9 способов найти первый заказ даже без опыта. В итоге ты создашь 5 качественных работ, которые не стыдно добавить в портфолио или продать, освоишь азы работы с Figma и получишь море бесценного опыта в UX/UI-дизайне. 👉 Ухватить бесплатно такой ценный материал Наши ученики стабильно зарабатывают на веб-дизайне с 2019 года по всему миру.
Изображение канала: Дизайн-снайпер
Минутка букв:
Люблю анимацию про кинетическую, подвижную типографику. Особенно как промо и попытку привлечь внимание дизайнеров. Дизайн для дизайнеров от дизайнеров. Десятилетний юбилей шрифтовой студии Blaze Type. Обновили сайт по этому поводу.
Video is not supported
Изображение канала: Tilda Publishing News
🆕 Приют для животных — новый базовый шаблон
Универсальный шаблон в тёплой дружелюбной стилистике с крупной типографикой и продуманной структурой контента. Отлично подойдёт для благотворительного фонда, волонтёрского проекта или любой организации, которая помогает питомцам находить новый дом. Посмотрите, как выглядит новый шаблон 👉 https://examples-ru.tilda.ws/animalshelter При создании шаблона использовались базовые блоки, поэтому его легко редактировать даже без навыков веб-дизайна.   🐾 Чтобы выбрать этот шаблон, создайте новую страницу и перейдите в категорию Бизнес.   Выбор шаблона не ограничивает ваше творчество. Вы можете изменить его до неузнаваемости, используя блоки из нашей библиотеки, а также Zero Block и Вайб-блок. Как вам новый шаблон? Делитесь в комментариях! 💬
Изображение канала: Щёлочь
🤍🤍🤍 10к шагов вдохновения:
🤍🤍🤍 прогулка по спб 🤍🤍🤍 13.06 12:00 ❤️ Воркшоп "10к шагов вдохновения: собираем референсы в городе и делаем плакат" оффлайн прогулка + воркшоп СПБ (для тех кто не в Питере— гайд как собирать артефакты в своем городе + сам воркшоп в онлайне) Кто ведет: артём реф³ — арт-директор, дизайнер, преподаватель курса ГАЗ и автор проекта реф³. Работал с Яндексом, Х5, Билайном и другими брендами. Выходим из зума, pinterest и сохранёнок, чтобы собрать визуал прямо в городской среде. На воркшопе разберём, как искать референсы вокруг себя: в вывесках, текстурах, цветах, типографике и случайных деталях города. выйдем на прогулку, соберём визуальную базу и сделаем плакат из найденных материалов. Подойдёт тем, кто работает в дизайнерском софте и хочет прокачать насмотренность забронировать место ❤️
Изображение канала: Саша из Анкóры. Дальше дизайна
Выбираем сайт месяца. Апрель 2026.
CSS Design Awards. Друзья, давно не публиковал дизайн-дайджесты по CSS Design Awards. Те самые, где разбираю номинантов на сайт месяца. Немного выпал из формата после нового года. Работы было много, разъездов, задач, но это так себе оправдание. Поэтому возвращаю публикации с офигенными проектами. В апреле было 9 номинантов на Сайт Месяца. Я, по традиции, собрал свой топ-5 — проекты, на которые точно стоит посмотреть: по типографике, по смыслам, и по цифровому сторителлингу. В статье можно узнать, кто в итоге забрал награду и посмотреть этот сайт Публикация уже вышла на Designers. 👉🏼 https://dsgners.ru/ancora/45019-dizayn-daydjest-css-design-awards-sayt-mesyatsa-aprel-26 Буду рад, если заглянете — хочется снова попасть в рекомендации. Ссылка выше. Обнял вас и приятного просмотра!
Изображение канала: Дизайнер, привет
🔤 Типографика в дизайн системе ломается не на выборе шрифта, а на токенах
Пока у команды нет общей структуры, каждый экран собирается заново: где-то основной текст 14 px, где-то 16 px, где-то межстрочный интервал выставлен руками, где-то тот же жирный стиль выглядит иначе. В макетах это еще терпимо, а в разработке быстро превращается в хаос. Олуватосин Обалана показывает практичный подход, как собрать типографику через примитивные и семантические токены и масштабировать ее на веб, планшет и мобильный в Фигме. Ценность статьи в том, что это не просто теория про читаемость, а пошаговая схема: как назвать токены, как разложить роли текста, как связать стили с переменными и переключать режимы без дублей. Внутри: – Какие принципы держат типографику в порядке: удобство, ясность, иерархия; – Какие базовые требования по доступности стоит заложить сразу: размер текста, контраст, межстрочный интервал, масштабирование; – Что такое примитивные токены и какие свойства туда выносить: семейство, вес, размер, межстрочный и межбуквенный интервалы; – Зачем нужны семантические токены и почему они снимают ручные правки по всему продукту; – Как назвать токены по иерархии, чтобы дизайнеры и разработчики говорили на одном языке; – Как разложить роли текста: Display, Heading, Subheading, Body, Caption, Label; – Как считать межстрочный интервал через коэффициенты для крупных и мелких размеров; – Как настроить в Фигме режимы для разных экранов и не плодить отдельные стили под каждый размер. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы