🤓 Дизайн — Разминка №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

Плагин «SBOL Typograph» by Mikhail Danilov Плагин для исправления и форматирования кириллического текста на основе правил типографики со встроенным Ёфикатором

Сегодня обнаружил, что Type.Today рассказали о .noddef

Когда мы запускали проект, я вообще не думал о интересне большого типографического сообщества, скорее хотелось создать место для вещей, которые обычно остаются за кадром. Наверное, поэтому .noddef с самого начала выглядит немного нелепо. Шрифтовой маркетплейс, где большая часть шрифтов не закончена. Не самая очевидная модель. И сегодня было очень приятно увидеть .noddef на страницах Type.Today — платформы, за которой я слежу уже много лет и которая во многом формировала моё представление о современной типографике. Мой первый шрифт (о котором мне вообще стыдно рассказывать) был косвенно освещен там. Иногда достаточно того, что тебе самому интересно исследовать какую-то территорию. Даже если поначалу она кажется слишком странной. Ребята, спасибо за поддерджку!
мы знаем вы ждали этого 4 года... ❤️
отдельный курс по леттерингу от Ванька! о чём курс? курс о продвинутой типографике и леттеринге. Основной фокус — рисование букв вручную: вы научитесь создавать собственные леттеринги и доводить их до стилистически законченного результата в векторе и растре. Параллельно освоите эффекты, стилизации, модульную типографику и нейросети для обработки букв. В программе: авторские прописи по готической каллиграфии, стартовые упражнения и серия воркшопов — готика, вариативная стилизация, жидкие буквы. Каждое задание сопровождается личной обратной связью от автора Финальный проект на выбор: титры, обложка, лого-леттеринг для бренда или собственный модульный шрифт. Подойдёт дизайнерам, иллюстраторам и всем, кто готов рисовать каждый день. 🤩 программа курса 🤩
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
Изображение канала: type.today
Коллаборация Monotype и Сhat GPT, два новых шрифтовых магазина, стипендия для будущих шрифтовых дизайнеров и другие типографические новости мая в новом выпуске нашего ежемесячного дайджеста!
Изображение канала: 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; – Как считать межстрочный интервал через коэффициенты для крупных и мелких размеров; – Как настроить в Фигме режимы для разных экранов и не плодить отдельные стили под каждый размер. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Изображение канала: Дизайн-снайпер
Минутка классики:
Классический брендинг и графический дизайн в упаковке сигарет. Никогда особо не курил, но коллекционировал пачки, особенно те, что хотелось перерисовать по шрифтам и оригинальным написаниям и это очень помогло развить навык и приучить понимать роль типографики.
Video is not supported
Изображение канала: Твоя подружка в мире дизайна
Есть кое-что, что мы с командой готовили для вас очень долго и тщательно ♥️
В прошлом году стало поступать все больше вопросов от учеников и всей моей аудитории, есть ли у нас обучение по печати 🤩 И в том году мы начали продумывать формат такого обучения! Провели множество планерок, чтобы учесть каждую деталь, подробно раскрыть все темы и сделать продукт, который поможет изучить тему углубленно и комплексно Я прекрасно понимаю, что у каждого дизайнера наступает момент, когда хочется уже не просто базово готовить макеты, а углубиться в мир печати, полиграфии и упаковки) Ведь это открывает новые возможности в профессии, позволяет повысить чек и реализовывать то, что так долго создавалось на экране 🤩 И если сейчас вы хотите: – изучить возможности, материалы и все эффекты в работе с печатью, чтобы реализовывать интересные и креативные решения – уверенно вести общение с типографией, быть спокойными за результат и работать с более крупными проектами с сопровождением печати – реализовывать более сложные макеты и техники, знать все тонкости подготовки и предлагать клиентам разные решения ➡️То этот продукт точно для вас! Уже 7 лет мы с командой реализуем проекты под ключ и работали со множеством разных задач, поэтому готовы поделиться с вами всем нашим опытом 🤍 Вас ждут более 20 подробных уроков и еженедельные воркшопы с разборами и проверкой всех заданий нами! 💡Присоединяйтесь к нашему обучению и изучайте подробно программу на сайте ПРАКТИКУМ ПО ПЕЧАТИ: https://madenrai-school.ru/print 🎁 Старо уже 29 мая! Всего несколько дней будет действовать скидка, поэтому успевайте по лучшей цене в 16900р вместо 22900р
Изображение канала: Визионизм
Ребята, привет! Мы с Никой Кириченко запустили .noddef
Чуть ранее я писал, что .noddef появился из очень простой мысли: вокруг существует огромное количество интересных шрифтовых идей, набросков и экспериментов, которые так и остаются где-то между черновиком, поиском и «может быть потом доделаю», полный пост можно почитать тут: Хочу коротко напомнить и уточнить: .noddef — это открытая типографическая экосистема для экспериментальных, незавершённых и авторских шрифтовых заготовок. Это не словолитня. Не маркетплейс. И не архив случайных файлов. Это кураторское пространство для шрифтовых образов с характером, потенциалом и возможностью продолжения. Здесь будут: — экспериментальные и незавершённые шрифты, — студенческие и авторские проекты, — процессы, наблюдения и исследования, — визуальные спесимены, — бесплатные шрифтовые образы для личного использования, — проекты, которые со временем могут получить развитие и доработку. Для авторов — это возможность показать свои поиски и дать проектам продолжение. Для дизайнеров — возможность находить живые, необычные и неочевидные типографические решения. Для нас всех — попытка немного расширить поле экспериментальной типографики вокруг и посмотреть на нее под иным углом. .noddef не романтизирует халтуру и не противопоставляет процесс качеству. Нас скорее интересует момент, когда в проекте уже появилась живая идея, характер и интонация — даже если он ещё не стал «завершённым продуктом» как по знаковому составу, так и по контурам. Для меня незавершённость — это просто момент, когда у идеи всё ещё есть пространство для движения. И мы хотим работать именно с этим состоянием. Огромная благодарность за поддержку, поиски, обсуждения и запуск проекта: Паше Рипли Нике Кириченко Антону Прокопьеву Максу Кешишеву Саше Киселеву Грише Морозову И всем, кто поддержал словом и делом. В ближайшее время я сделаю еще серию постов про то, как работает проект на текущем этапе, что планируется доработать и реализовать в ближайшее время и FAQ-карточки. А пока просто забегайте поглазеть и спасибо всем за ваше внимание и интерес! tg @noddef ig: @noddef.type noddef.com
Изображение канала: Дизайн-снайпер
А есть ли более прикладной ответ? Например этот прием, мы используем, чтобы подчеркнуть премиальность бренда, а вот такое сочетание выражений хорошо работают на продаваемость социальной значимости компании. Обучаете ли вы подобному прикладному подходу на вашем курсе?
Да, прикладной подход на курсе есть, но я бы не сводил его к таблице вроде: «этот прием — для премиальности, этот — для социальной значимости, этот — для продаж». Такая таблица бессмысленна. Она устареет через год. В хорошем моушене прием сам по себе ничего не значит. Значение появляется, когда он встроен в задачу бренда: какой характер нужно передать, какую дистанцию с аудиторией создать, где это будет жить — в интерфейсе, рекламе, айдентике, соцсетях, наружке или презентации. Решает НАРРАТИВ, сценарий, идея, а не инструмент. Почти всегда. Креативные ходы чаще всего нужны брендам не ради «эффектности», а чтобы выйти из привычного глянцевого языка и найти более живой способ общения с аудиторией. Кто-то использует нейросетевую эстетику, кто-то — глитч, кто-то — генеративную графику, кто-то обращается к приемам медиаарта, типографики, процедурки или creative coding. Но задача всегда одна: сделать бренд заметнее, точнее и современнее. Это используют и большие компании, и молодые бренды. Например, Studio Dumbar, амстердамская студия Lava. Продвинутые приемы After Effects нужны не для того, чтобы «накидать эффектов», а чтобы уметь управлять интонацией бренда. Но задает интонацию НЕ дизайн, НЕ анимация, а смысл. Курс прикладной. Мы учимся смотреть на прием как на инструмент коммуникации: какую эмоцию он создает, какую задачу решает. Плюс, поскольку уровень технически продвинутый, курс хорошо прокачивает профессиональные мышцы моушен-дизайнера: после него проще решать и повседневные задачи — заставки, ролики, айдентики, презентации, интерфейсные анимации. Прием без смысла, это просто гимнастика. Можно уметь виртуозно резать свеклу, но борщем она от этого не станет.
Video is not supported
Изображение канала: Дизайн-снайпер
Минутка силы случайностей:
Люблю такие примеры. Иногда вижу, чтобы типографика помогала фигуре выглядеть масштабней. Шире и мощнее. Сила оптического эффекта. Посмотрите на фото. Атлет настраивается на выполнение силового упражнения. Какая композиция. Слово Juggernaut за спиной, своими скруглениями полуовалов (bowl) G и R симметрично дополняет ширину дельтовидных мышц атлета Дмитрия Клокова, визуально расширяя плечи. Вот так типографика и работает. Делает сильно — ещё сильнее.
Изображение канала: Дизайн-снайпер
Минутка арт-дирекшен
Посмотрите как круто штрихи логотипа журнам М и их характер совпадают с прядями волос на фотографии режиссера. Такой незаметный способ объединить в целостный по стилю макет обложки сочетая четкие контуры типографики с размытым изображением в динамике. 
Изображение канала: Design Hunters
Привет! ❤️
Сейчас мы в поиске Старшего коммуникационного дизайнера группы компаний «Островок». У нас прошёл яркий ребрендинг, поэтому мы ищем специалиста в системной работе над масштабированием нового визуального языка. Того, кто готов погружаться в суть продукта и креативно решать задачи бизнеса. Чем предстоит заниматься: • разрабатывать и поддерживать бренд-системы группы компаний «Островок»; • разрабатывать креативные концепции и дорабатывать их до мастер-макетов; • создавать и развивать гайдлайны; • работать с офлайном (от печатных носителей до застройки BTL) и диджитал-носителями (лендинги, чат-боты, баннеры); • супервайзить подрядчиков; • систематизировать проекты и плотно работать с бренд-маркетингом. Мы ждём, что ты: • имеешь опыт работы от 3 лет в брендинге сервисов и продуктов, а общий опыт в дизайне от 5 лет; • уверенно работаешь с типографикой, графикой и иллюстрацией; • отлично владеешь Figma и создаёшь бренд-системы и гайды с компонентами; • имеешь опыт работы с офлайн-носителями, обладаешь навыками предпечатной подготовки; • умеешь классно презентовать дизайн-решения; • сможешь показать успешные рекламные кампании и реализованные фирменные стили; • владеешь английским языком на уровне Upper-Intermediate (B2) и выше; • живёшь в Москве. Что мы предлагаем: • гибкий график; • удалёнку с редкими визитами в офис; • работу с сильным эмоциональным брендом и интересными задачами в travel-tech. Для отклика заполни форму опроса по ссылке До встречи на Островке! ❤️