Ура, наконец-то настоящий рабочий кейс с ИИ!

Кейс NDA. Поэтому, увы, покажу вам бокал, но зато расскажу как это было и как можно получить действительно качественный результат. ⚡️ Дано: презентация pptx на 18 слайдов со сложными схемами. В некоторых схемах 3х-ступенчатый уровень вложенности (кто сталкивался — поймет КАК это больно верстать). 💥 Результат: лендинг на 18 экранов в Claude Design за 3(!) часа с сохранением контента, стиля компании, анимациями и интерактивными схемами 🏃‍♂️ Что получилось: — дословный перенос контента — сохранение фирменного стиля компании — сложные, многоэтажные, статичные схемы стали интерактивными. И это стало главным вау-эффектом для заказчика — спецэффекты без боли: анимации появления экранов и отдельных блоков, эффекты стекла и плавные переходы. 🥲 Главное в этом кейсе — это скорость и возможность повторить алгоритм на других презентациях. Напоминаю, эту красоту со сложнейшим контентом удалось сотворить (десктоп+моб версии) за 3(!) часа. По моему скромному мнению, это — невероятный результат. И наконец-то реальный кейс с эффективным использованием ИИ. Кстати, коллегам так зашло, что на встрече с заказчиком показывали именно лендинг, а не классическую статичную презентацию. 💥 Что нужно на вход, чтобы попробовать применить у себя: — собственно оформленная презентация, сохраненная в .pdf. Но если у вас совсем нет времени, то супер базовая верстка и отдельно прикрепить визуалы. 👀 Важный нюанс: все визуалы прикрепляю отдельными вложениями и прописываю на каком экране какой визуал должен быть. — UI-кит стиля компании. Причем я делала компонентами не так много вещей: палитру, типографику и плашки) Все! Никакие skills, референсы и специальные промпты не давали такого результата, как ui-кит и базово оформленная презентация. Пишите в комментариях, если будут вопросы по алгоритму действий 🙏

😅 Скачать плагин 😅 #plugin

Когда мы запускали проект, я вообще не думал о интересне большого типографического сообщества, скорее хотелось создать место для вещей, которые обычно остаются за кадром. Наверное, поэтому .noddef с самого начала выглядит немного нелепо. Шрифтовой маркетплейс, где большая часть шрифтов не закончена. Не самая очевидная модель. И сегодня было очень приятно увидеть .noddef на страницах Type.Today — платформы, за которой я слежу уже много лет и которая во многом формировала моё представление о современной типографике. Мой первый шрифт (о котором мне вообще стыдно рассказывать) был косвенно освещен там. Иногда достаточно того, что тебе самому интересно исследовать какую-то территорию. Даже если поначалу она кажется слишком странной. Ребята, спасибо за поддерджку!

отдельный курс по леттерингу от Ванька! о чём курс? курс о продвинутой типографике и леттеринге. Основной фокус — рисование букв вручную: вы научитесь создавать собственные леттеринги и доводить их до стилистически законченного результата в векторе и растре. Параллельно освоите эффекты, стилизации, модульную типографику и нейросети для обработки букв. В программе: авторские прописи по готической каллиграфии, стартовые упражнения и серия воркшопов — готика, вариативная стилизация, жидкие буквы. Каждое задание сопровождается личной обратной связью от автора Финальный проект на выбор: титры, обложка, лого-леттеринг для бренда или собственный модульный шрифт. Подойдёт дизайнерам, иллюстраторам и всем, кто готов рисовать каждый день. 🤩 программа курса 🤩

Один раздел дизайна там это прям масса пользы: ✦ В одной вкладке собраны десятки категорий: UI, 3D, генерация изображений, прототипирование, иконки, типографика, видео, мокапы ✦ Внутри не абстрактные «лучшие сервисы», а конкретные инструменты ✦ Много сервисов, которые обычно не на слуху и реально нишевые тулзы, которые можно утащить в работу Растащил себе лично парочку новых инструментов за один заход 👍👍

🔥 Организовали для тебя бесплатный онлайн-интенсив по UX/UI-дизайну с практикой, обратной связью и куратором. За 7 дней ты: 1. Ты сверстаешь 5 макетов в Figma с нуля; 2. Изучишь основы UX/UI-дизайну; 3. Разберёшься с композицией, цветом и типографикой; 4. Научишься создавать адаптивный дизайн; 5. Получишь советы к твоей работе от экспертов; 6. Научишься использовать ИИ в дизайне; 7. Узнаешь 9 способов найти первый заказ даже без опыта. В итоге ты создашь 5 качественных работ, которые не стыдно добавить в портфолио или продать, освоишь азы работы с Figma и получишь море бесценного опыта в UX/UI-дизайне. 👉 Ухватить бесплатно такой ценный материал Наши ученики стабильно зарабатывают на веб-дизайне с 2019 года по всему миру.

Люблю анимацию про кинетическую, подвижную типографику. Особенно как промо и попытку привлечь внимание дизайнеров. Дизайн для дизайнеров от дизайнеров. Десятилетний юбилей шрифтовой студии Blaze Type. Обновили сайт по этому поводу.

Универсальный шаблон в тёплой дружелюбной стилистике с крупной типографикой и продуманной структурой контента. Отлично подойдёт для благотворительного фонда, волонтёрского проекта или любой организации, которая помогает питомцам находить новый дом. Посмотрите, как выглядит новый шаблон 👉 https://examples-ru.tilda.ws/animalshelter При создании шаблона использовались базовые блоки, поэтому его легко редактировать даже без навыков веб-дизайна.   🐾 Чтобы выбрать этот шаблон, создайте новую страницу и перейдите в категорию Бизнес.   Выбор шаблона не ограничивает ваше творчество. Вы можете изменить его до неузнаваемости, используя блоки из нашей библиотеки, а также Zero Block и Вайб-блок. Как вам новый шаблон? Делитесь в комментариях! 💬

🤍🤍🤍 прогулка по спб 🤍🤍🤍 13.06 12:00 ❤️ Воркшоп "10к шагов вдохновения: собираем референсы в городе и делаем плакат" оффлайн прогулка + воркшоп СПБ (для тех кто не в Питере— гайд как собирать артефакты в своем городе + сам воркшоп в онлайне) Кто ведет: артём реф³ — арт-директор, дизайнер, преподаватель курса ГАЗ и автор проекта реф³. Работал с Яндексом, Х5, Билайном и другими брендами. Выходим из зума, pinterest и сохранёнок, чтобы собрать визуал прямо в городской среде. На воркшопе разберём, как искать референсы вокруг себя: в вывесках, текстурах, цветах, типографике и случайных деталях города. выйдем на прогулку, соберём визуальную базу и сделаем плакат из найденных материалов. Подойдёт тем, кто работает в дизайнерском софте и хочет прокачать насмотренность забронировать место ❤️

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; – Как считать межстрочный интервал через коэффициенты для крупных и мелких размеров; – Как настроить в Фигме режимы для разных экранов и не плодить отдельные стили под каждый размер. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

Классический брендинг и графический дизайн в упаковке сигарет. Никогда особо не курил, но коллекционировал пачки, особенно те, что хотелось перерисовать по шрифтам и оригинальным написаниям и это очень помогло развить навык и приучить понимать роль типографики.

Чуть ранее я писал, что .noddef появился из очень простой мысли: вокруг существует огромное количество интересных шрифтовых идей, набросков и экспериментов, которые так и остаются где-то между черновиком, поиском и «может быть потом доделаю», полный пост можно почитать тут: Хочу коротко напомнить и уточнить: .noddef — это открытая типографическая экосистема для экспериментальных, незавершённых и авторских шрифтовых заготовок. Это не словолитня. Не маркетплейс. И не архив случайных файлов. Это кураторское пространство для шрифтовых образов с характером, потенциалом и возможностью продолжения. Здесь будут: — экспериментальные и незавершённые шрифты, — студенческие и авторские проекты, — процессы, наблюдения и исследования, — визуальные спесимены, — бесплатные шрифтовые образы для личного использования, — проекты, которые со временем могут получить развитие и доработку. Для авторов — это возможность показать свои поиски и дать проектам продолжение. Для дизайнеров — возможность находить живые, необычные и неочевидные типографические решения. Для нас всех — попытка немного расширить поле экспериментальной типографики вокруг и посмотреть на нее под иным углом. .noddef не романтизирует халтуру и не противопоставляет процесс качеству. Нас скорее интересует момент, когда в проекте уже появилась живая идея, характер и интонация — даже если он ещё не стал «завершённым продуктом» как по знаковому составу, так и по контурам. Для меня незавершённость — это просто момент, когда у идеи всё ещё есть пространство для движения. И мы хотим работать именно с этим состоянием. Огромная благодарность за поддержку, поиски, обсуждения и запуск проекта: Паше Рипли Нике Кириченко Антону Прокопьеву Максу Кешишеву Саше Киселеву Грише Морозову И всем, кто поддержал словом и делом. В ближайшее время я сделаю еще серию постов про то, как работает проект на текущем этапе, что планируется доработать и реализовать в ближайшее время и FAQ-карточки. А пока просто забегайте поглазеть и спасибо всем за ваше внимание и интерес! tg @noddef ig: @noddef.type noddef.com

Да, прикладной подход на курсе есть, но я бы не сводил его к таблице вроде: «этот прием — для премиальности, этот — для социальной значимости, этот — для продаж». Такая таблица бессмысленна. Она устареет через год. В хорошем моушене прием сам по себе ничего не значит. Значение появляется, когда он встроен в задачу бренда: какой характер нужно передать, какую дистанцию с аудиторией создать, где это будет жить — в интерфейсе, рекламе, айдентике, соцсетях, наружке или презентации. Решает НАРРАТИВ, сценарий, идея, а не инструмент. Почти всегда. Креативные ходы чаще всего нужны брендам не ради «эффектности», а чтобы выйти из привычного глянцевого языка и найти более живой способ общения с аудиторией. Кто-то использует нейросетевую эстетику, кто-то — глитч, кто-то — генеративную графику, кто-то обращается к приемам медиаарта, типографики, процедурки или creative coding. Но задача всегда одна: сделать бренд заметнее, точнее и современнее. Это используют и большие компании, и молодые бренды. Например, Studio Dumbar, амстердамская студия Lava. Продвинутые приемы After Effects нужны не для того, чтобы «накидать эффектов», а чтобы уметь управлять интонацией бренда. Но задает интонацию НЕ дизайн, НЕ анимация, а смысл. Курс прикладной. Мы учимся смотреть на прием как на инструмент коммуникации: какую эмоцию он создает, какую задачу решает. Плюс, поскольку уровень технически продвинутый, курс хорошо прокачивает профессиональные мышцы моушен-дизайнера: после него проще решать и повседневные задачи — заставки, ролики, айдентики, презентации, интерфейсные анимации. Прием без смысла, это просто гимнастика. Можно уметь виртуозно резать свеклу, но борщем она от этого не станет.

Люблю такие примеры. Иногда вижу, чтобы типографика помогала фигуре выглядеть масштабней. Шире и мощнее. Сила оптического эффекта. Посмотрите на фото. Атлет настраивается на выполнение силового упражнения. Какая композиция. Слово Juggernaut за спиной, своими скруглениями полуовалов (bowl) G и R симметрично дополняет ширину дельтовидных мышц атлета Дмитрия Клокова, визуально расширяя плечи. Вот так типографика и работает. Делает сильно — ещё сильнее.

Посмотрите как круто штрихи логотипа журнам М и их характер совпадают с прядями волос на фотографии режиссера. Такой незаметный способ объединить в целостный по стилю макет обложки сочетая четкие контуры типографики с размытым изображением в динамике. 

Сейчас мы в поиске Старшего коммуникационного дизайнера группы компаний «Островок». У нас прошёл яркий ребрендинг, поэтому мы ищем специалиста в системной работе над масштабированием нового визуального языка. Того, кто готов погружаться в суть продукта и креативно решать задачи бизнеса. Чем предстоит заниматься: • разрабатывать и поддерживать бренд-системы группы компаний «Островок»; • разрабатывать креативные концепции и дорабатывать их до мастер-макетов; • создавать и развивать гайдлайны; • работать с офлайном (от печатных носителей до застройки BTL) и диджитал-носителями (лендинги, чат-боты, баннеры); • супервайзить подрядчиков; • систематизировать проекты и плотно работать с бренд-маркетингом. Мы ждём, что ты: • имеешь опыт работы от 3 лет в брендинге сервисов и продуктов, а общий опыт в дизайне от 5 лет; • уверенно работаешь с типографикой, графикой и иллюстрацией; • отлично владеешь Figma и создаёшь бренд-системы и гайды с компонентами; • имеешь опыт работы с офлайн-носителями, обладаешь навыками предпечатной подготовки; • умеешь классно презентовать дизайн-решения; • сможешь показать успешные рекламные кампании и реализованные фирменные стили; • владеешь английским языком на уровне Upper-Intermediate (B2) и выше; • живёшь в Москве. Что мы предлагаем: • гибкий график; • удалёнку с редкими визитами в офис; • работу с сильным эмоциональным брендом и интересными задачами в travel-tech. Для отклика заполни форму опроса по ссылке До встречи на Островке! ❤️

Справились? Правильный ответ — на всех. Дизайн окружает нас повсюду: от дорожной навигации до типографики в ироничных мемах. Графический дизайн — это пространство, где сочетаются творчество, логика, работа с цветом и формой. Он открывает путь в маркетинг, брендинг, digital-сферу и множество креативных индустрий! Чтобы поддержать всех, кто делает первые шаги в этом направлении, мы создали закрытый Telegram-канал «Первые шаги в графическом дизайне». Внутри сообщества вас уже ждут: ▪️простые и понятные материалы для быстрого погружения в основы графического дизайна ▪️разборы удобных плагинов, которые облегчают рутинные задачи ▪️мини-лекции и мастер-классы от ведущего преподавателя курса Впереди ещё больше практики, разборов, вдохновения и полезных материалов! Если вы хотите развивать свои навыки в сфере графического дизайна — присоединяйтесь к нашему закрытому каналу. Записаться можно через Telegram-бота Дополнительного образования ❤️ ВК | MAX | RUTUBE | ДЗЕН

OpenAI выпустила ChatGPT Image 2.0 — и это первый генератор изображений, который начинает заходить на территорию дизайнеров, а не просто делать картинки с помощью искусственного интеллекта. Главный прорыв модели — работа с текстом внутри изображений. Раньше нейросети стабильно ломались на типографике: постерах, баннерах, интерфейсах и презентациях. Теперь ChatGPT умеет генерировать макеты с читаемыми заголовками, кнопками и визуально логичной композицией. Для креативной индустрии это важнее, чем кажется. OpenAI фактически движется в сторону «дизайнера внутри чата»: модель уже умеет собирать рекламные макеты, визуалы для социальных сетей и выдерживать единый стиль в серии изображений. То, на что раньше уходили часы работы младших дизайнеров, теперь создаётся за минуты — и особенно сильно это ударит по рынку простого коммерческого дизайна. Парадоксально, но вместе с этим растёт ценность не технического исполнения, а вкуса и художественного руководства. Потому что проблема больше не в том, как сделать визуал, а в том, как сделать его отличимым от тысяч других изображений, созданных искусственным интеллектом. Именно поэтому дизайнеры всё чаще уходят в странность, хаос и визуальный риск — «слишком идеально» начинает выглядеть как работа нейросети. 📎 Креативити

Игра Marathon особенная в плане эстетики и дизайна. Заметно и влияние трендов нейронауки, глитча, но главное заметно влияние стиля британской студии Designers Republic в знаках, типографике и кислотной яркости неоновых цветов. Посмотрите как выглядят ролики шести основных фракций в игре. Сочетание плоскостных, цифровых сложно читаемых систем псевдо-языков и чистых, пластиковых трехмерных объектов. Поиграл пару вечеров с определенными трудностями, но ощущения визуальные необычные. Да, дизайн интерфейсов еще требует тюнинга для более понятного и интуитивного выбора действий. Интересно, что в официальной русификации интерфейса нет одного антиквенного шрифта и общая типографика смотрится более целостно по стилю. Но это субъективно. Дизайн в игре крутой. Вступительный ролик — просто шедевр.