Снова собираю сайт за день с Claude Code: концепт десктопа для Пухососа🤖

→ Figma MCP + Claude Code + Higgsfield Дизайн делала сама полностью – от идеи до финального визуала. Все генерации (пухосос, лужесос и другие сцены) делала в Higgsfield. Верстку, анимации и поведение интерфейса задавала через Claude Code. На все ушел всего один вечер…😲 Все больше приходит ощущение, что как дизайнеру мне все реже придется привлекать разработчиков для простых лендингов и многостраничников – я это уже все могу и сама…💡 Обратите внимание на ненавязчивые анимации, ховерочки и т.д. #полезное #клод #кейсы
Video is not supported

Создание анимированной иконки.

Video is not supported

#архитектурныйhh Вакансия в бюро MUZA FORM: Ведущий архитектор-концептуалист

Мы – динамично развивающаяся компания, где у каждого есть возможность проявить себя, повлиять на проекты и вырасти профессионально. Ищем ведущего архитектора с сильным концептуальным мышлением, умением превращать идею в рабочее архитектурное решение. ✔️ Задачи ▫️Разработка архитектурных концепций ▫️Поиск образа и архитектурной идеи проекта ▫️Подготовка концептуальных презентаций ▫️Быстрая работа с вариантами и сценариями ▫️Участие в конкурсах и предпроектных исследованиях ✔️ Требования ▫️Высшее архитектурное образование ▫️Опыт работы архитектором 2+ лет· ▫️Уверенное владение Rhino / SketchUp / Revit и/или Archicad ▫️Хорошие навыки архитектурной графики и подачи ▫️Умение ясно формулировать идею и защищать решения ✔️ Будет плюсом ▫️Grasshopper ▫️Enscape/ Lumion / V-Ray / D5 Render ▫️Опыт работы с AI-инструментами ▫️Опыт конкурсных проектов ✔️ Мы предлагаем ▫️Работа в новом, растущем архитектурном бюро ▫️Комфортный офис (5 мин. пешком от м. Белорусская) ▫️Живую архитектурную среду без бюрократии ▫️Профессиональный рост и участие в знаковых проектах ▫️Конкурентную заработную плату Вакансия в бюро MUZA FORM: 3D-визуализатор архитектурных проектов Ищем 3D-визуализатора, который умеет превращать архитектуру в эмоцию и создает изображения, которые «продают» проект с первого взгляда. ✔ Задачи ▫Создание высококачественных, фотореалистичных архитектурных визуализаций (экстерьеры) ▫Передача идеи, масштаба и настроения проекта через композицию, материалы, свет и цвет ▫Подготовка презентационных изображений и конкурсных подач ▫Быстрая проработка вариантов и сценариев ▫Совместная работа с архитекторами и концептуальной командой ▫Интеграция AI-инструментов в процесс визуализации ✔ Требования ▫Опыт работы визуализатором 2+ лет· ▫Уверенное владение 3D софтом (3ds max / Blender / SketchUp) ▫Знание рендер-движков (V-Ray / Corona / Enscape / Lumion / Render 5D или аналоги) ▫Навык создания реалистичного и выразительного окружения ▫Чувство композиции, света, материалов ▫Навыки постобработки (Photoshop и др.) ▫Умение работать быстро и аккуратно в дедлайнах ✔ Будет плюсом ▫Опыт работы с AI-инструментами ▫Анимация / видео ▫Опыт конкурсных и девелоперских проектов ✔ Мы предлагаем ▫Работа в новом, растущем архитектурном бюро ▫Комфортный офис (5 мин. пешком от м. Белорусская) ▫Живую архитектурную среду без бюрократии ▫Профессиональный рост и участие в знаковых проектах ▫Конкурентную заработную плату Вакансия в бюро MUZA FORM: Главный архитектор проекта (ГАП) Ищем Главного архитектора проекта, который умеет формировать стратегию архитектуры, держать целостность проекта и быть лидером для команды. ✔ Задачи ▫Формирование архитектурной концепции объекта ▫Ведение архитектурных проектов ▫Участие в презентации и защите архитектурных решений перед заказчиком ▫Координация работы архитекторов и смежных социалистов ▫Контроль качества проектных решений и соответствие нормам ✔ Требования ▫Высшее архитектурное образование ▫Опыт работы ГАП 3+ лет ▫Отличное знание Revit и/или ArchiCAD ▫Знание СП и градостроительных норм ▫Опыт взаимодействия с заказчиками и согласующими организациями ▫Системное мышление, ответственность за результат ✔ Будет плюсом ▫Опыт реализации проектов · ▫Насмотренность ▫Опыт наставничества и управления командой ✔ Мы предлагаем ▫Работа в штате, оформление по ТК РФ ▫Комфортный офис (5 мин. пешком от м. Белорусская) ▫Интересные и знаковые проекты ▫Заработная плата – по уровню опыта и экспертизы ▫Возможность влиять на развитие бюро и архитектурную стратегию 📩 Как откликнуться Резюме + портфолио на e-mail: info@muzaform.pro Тема письма: Должность – Фамилия Имя

⛹️Расскажем все о дизайне анимации

На бесплатном вебинаре 30 июня в 19:00. Узнаете, где сегодня востребован дизайн анимации (моушн-дизайн), какие направления существуют в профессии, как некоторые дизайн-решения становятся культовыми и какие навыки помогут оставаться востребованным специалистом в 2026 году. Спикер Николай Северцов — ведущий специалист по компьютерной графике (Lead CG Generalist) в игровой индустрии и наставник по компьютерной графике (CG ментор). С командой создаёт игровые трейлеры и сюжетные видеоролики. Кому будет полезен вебинар • Начинающим дизайнерам: разберётесь, какие направления существуют в профессии. • Дизайнерам с опытом: поймёте, какую роль играет анимация в интерфейсах и пользовательском опыте и познакомитесь с современными подходами к созданию динамических цифровых продуктов. • Тем, кто хочет развиваться в креативных индустриях: получите обзор востребованных направлений дизайна анимации и узнаете о перспективах профессии. → Зарегистрироваться!
🤓 Дизайн — Разминка №99
🟣 Контекст LinkedIn почти не меняется визуально — десктоп выглядит так, будто застрял в 2015. тесная колонка по центру, бесконечные дропдауны, ноль воздуха. при этом это одна из главных рабочих платформ в мире 🟣 Задача передизайни именно этот экран — публикацию вакансии на LinkedIn возьми ту должность, которую реально ищешь или нанимаешь у себя в команде — чтобы контент был живой, а не «рыба» можно десктоп или мобилку 🟣 Правила бренд остаётся узнаваемым — синий, иконка in, общая логика платформы всё остальное можно: сетка, типографика, иерархия, плотность, интеракции, навигация 🟣 Фокус думай как продуктовый дизайнер, а не декоратор покажи как стало удобнее: меньше шума, понятнее путь, живее интерфейс объясни что менял и зачем 🟣 Время ⏱ 50 минут 🟣 Результат несколько экранов + короткий комментарий к решению за прототип или анимацию респектос 🟣 Дедлайн 4 дня / 26 июня Обсуждение и сплетни: t.me/Designwarmups_chat Сайт designwarmups.com #99_ДизайнРазминка
Video is not supported
Jitter
Где-то с марта с переменным успехом балуюсь с интерфейсными анимациями в джиттере. Уже давно вынашивал план заменить слайдшоу полноценными анимациями у себя на сайте. Времени всегда не хватает, поэтому вкатываться в АЕ и воевать с ним очень не хотелось. У джиттера figma-style интерфейс и офигенно удобный импорт из нее. Да, если нужен супер-глубокий и детализированный крафт, то АЕ не заменит ничего. Джиттер проще, чище, фичей меньше, но базовые анимации делаются просто. Я ни одного урока не смотрел, все интуитивно понятно. Еще у них есть поддержка liquid glass, но работает через жопу. Глитчит. Написал напрямую чувакам в чатик с контекстом и скриншотами, а в ответ получил «Ну ты попробуй настройки другие выставить». Камон, я что, свой тупняк от реального бага отображения отличить не могу что ли 🗿 Короче, рекомендую потестить, если нет потребности делать гига-сложные штуки
Video is not supported
Изображение канала: Паратайп
🙂 Виталий Кузьмин и его правила работы
Вчера мы публиковали рабочее место автора PT Root, PT Root UI, Sober Sans, соавтор Golos UI и Golos Text — Виталия Кузьмина. Виталик — шрифтовой и графический дизайнер, леттерер и график. Он же автор интерфейсных шрифтов VTB Group и интерфейсных начертаний шрифтовой системы Сбера, которая получила награды конкурсов GRANSHAN, Red Dot и ED Awards. А ещё Виталик занимается аналоговой фотографией и коллекционированием любимых брендов! И вот его правила: — По каждому проекту всегда параллельно работаю на бумаге (эскизы, почеркушки, заметки и т. д.). Приучил себя подписывать все листы (категория/заказчик/проект и дата). На самом деле делаю много записей по длительным проектам, на бумаге проще и наглядней думается. — На ноуте слева, когда работа довольно рутинная, часто что-то параллельно играет, аниме или труба, но если задачи сложней, то просто музыка на фоне, а порой и совсем тишина, чтобы не отвлекаться и погружаться в задачу максимально. — Вторая клава и вторая мышка для PC, который стоит под столом и иногда тоже требуется. Второй монитор подключён сразу и к Mac Mini, и к PC. — Модель мышки и клавиатуры не менял, кажется, больше 10 лет*, руки к ним привыкли. Покупаю такие же по мере выхода из строя тех, что в работе. — Не представляю работу без двух мониторов, очень давно привык именно так. * — Кстати, я тут подумал, что про мышку и клаву приуменьшил, лет 15 минимум не менял, а то и все 20 ⚡️
Изображение канала: Дизайн — Разминка
Засел на неделю за seifrinat.com - и, кажется, наконец поймал то ощущение, которого добивался.
Поменял основной цвет, переработал скролл, чтобы листалось плавно, и добавил анимацию обратной связи - сайт теперь реагирует на то, что ты делаешь. мелкие приколы, но да из такого и складывается ощущение «живого» продукта. Заодно пересобрал кейсы: убрал лишнее, оставил суть, результат и свою роль в каждом проекте. И перестроил главную так, чтобы первым делом было видно работу, а не меня. Дальше - полностью пересоберу страницу Work и настрою CMS, чтобы каждый кейс открывался в свою отдельную страницу с полным разбором. Ещё допиливаю. Но направление чувствую верное. Открыт к проектам, командам и продуктам — пишите, будем на связи. 🔗 seifrinat.com
Video is not supported
Изображение канала: серёгина. лаборатория веб-дизайна
Продолжаем тестировать Claude Code: сделала концепт для анимационной студии MAPPA💻
→ CapCut + Figma MCP + Claude Code В этот раз собирала дизайн и монтировала видео в Figma + CapCut, верстку полностью отдала Claude Code – просто попутно объясняя, что я хочу видеть. У меня это заняло 1-2 рабочих дня на все-превсе. А потом говорят «да че там, пару кнопок нажал и готово»😑 В этот раз без инструкции для клодика, так как верстка слишком кастомная, только запутаю всех… #полезное #клод #кейсы
Video is not supported
Изображение канала: Перо | Дизайн-сообщество
Ура, наконец-то настоящий рабочий кейс с ИИ!
Кейс NDA. Поэтому, увы, покажу вам бокал, но зато расскажу как это было и как можно получить действительно качественный результат. ⚡️ Дано: презентация pptx на 18 слайдов со сложными схемами. В некоторых схемах 3х-ступенчатый уровень вложенности (кто сталкивался — поймет КАК это больно верстать). 💥 Результат: лендинг на 18 экранов в Claude Design за 3(!) часа с сохранением контента, стиля компании, анимациями и интерактивными схемами 🏃‍♂️ Что получилось: — дословный перенос контента — сохранение фирменного стиля компании — сложные, многоэтажные, статичные схемы стали интерактивными. И это стало главным вау-эффектом для заказчика — спецэффекты без боли: анимации появления экранов и отдельных блоков, эффекты стекла и плавные переходы. 🥲 Главное в этом кейсе — это скорость и возможность повторить алгоритм на других презентациях. Напоминаю, эту красоту со сложнейшим контентом удалось сотворить (десктоп+моб версии) за 3(!) часа. По моему скромному мнению, это — невероятный результат. И наконец-то реальный кейс с эффективным использованием ИИ. Кстати, коллегам так зашло, что на встрече с заказчиком показывали именно лендинг, а не классическую статичную презентацию. 💥 Что нужно на вход, чтобы попробовать применить у себя: — собственно оформленная презентация, сохраненная в .pdf. Но если у вас совсем нет времени, то супер базовая верстка и отдельно прикрепить визуалы. 👀 Важный нюанс: все визуалы прикрепляю отдельными вложениями и прописываю на каком экране какой визуал должен быть. — UI-кит стиля компании. Причем я делала компонентами не так много вещей: палитру, типографику и плашки) Все! Никакие skills, референсы и специальные промпты не давали такого результата, как ui-кит и базово оформленная презентация. Пишите в комментариях, если будут вопросы по алгоритму действий 🙏
Video is not supported
Изображение канала: Retro Figma
Figmotion — плагин для создания анимации прямо в Фигме.
Install
Video is not supported
Изображение канала: Retro Figma
Плагин «Fidget» by Jacob Johannesen Плагин превращает фреймы в простые анимированные зацикленные ролики
Установить плаги🦄 #plugin
Изображение канала: winkeyless
Опять задаю тренды портфолио 🤴
В январе захотел обновить на сайте статичную фотку на что-то прикалдэсное. Поигрался чуть-чуть с гемини, потом с клингом, на выходе получилась 3дшная голова. Хотел выделиться. Сайт зафичерился на всех агрегаторах портфолио и постах в линкедине формата «ТОП 5 ПОРТФОЛИО ПРОДУКТОВЫХ ДИЗАЙНЕРОВ». Прошло полгода, теперь анимированная голова или портрет на сайте у каждого второго. В прошлый раз так расфорсили лэйаут моего портфолио в ноушене несколько лет назад 🚶‍♀ . Ну а если серьезно, то это шуточный пост. Почти всех воришек я знаю лично 😊. Это гуд, когда твои идеи и решения замечают и копируют. Повод задуматься, когда этого не происходит.
Video is not supported
Изображение канала: АХ дизайн
✨ SBS-анимация фоновых картинок
Для оживления любого блока можно поставить на фон видео или написать код для эффектного слайдера, а можно воспользоваться тем, что дает нам сама Тильда и собрать вручную зацикленную пошаговую анимацию с плавной сменой фоновых картинок. Делюсь с вами готовым шаблоном с анимацией для бесконечного слайдера из семи изображений, которые медленно увеличиваются и плавно сменяют друг друга через прозрачность — Template id: 148628486 ✨ Примечания: 🧡 Если вам надо уменьшить или увеличить количество картинок, соответственно отнимайте или добавляйте ко времени ожидания (delay) 6 секунд за каждое убранное или добавленное изображение. ❤️ Сами картинки удаляйте, начиная с предпоследней (или добавляя после предпоследней), первую и последнюю не удаляйте, только меняйте время. 💜 Если вместо эффекта увеличения нужен другой, например, сдвиг вверх или вниз, то напишите мне, я помогу объяснить какие настройки требуются, тут не все так просто 😅 ❤️ Любые вопросы по анимации можете задать в комментариях к посту #тильда #верстка
Video is not supported
Изображение канала: Дизайнер, привет
🚗 Интерфейс за рулём нельзя проектировать как обычное приложение
Команда дизайна и исследований Делимобиля собрала гайд по безопасным интерфейсам для сервисов, которыми могут пользоваться в машине. Это не только про карты и навигацию. Сюда же попадают звонки, музыка, заправки и любые сценарии, которые человек хотя бы теоретически может открыть во время движения. Важная рамка здесь простая: сначала нужно спросить не «как сделать удобнее», а «должен ли водитель вообще делать это за рулём». Если нет, функция должна уходить в режим стоянки или автоматизироваться. Если да, интерфейс проектируется по другим правилам: меньше действий, выше читаемость, крупнее цели, понятнее состояние, меньше визуального шума. На скорости 60 км/ч одна секунда взгляда в экран это уже 16 метров без полноценного внимания к дороге. Внутри: – Почему водительский интерфейс нельзя считать упрощённой версией мобильного приложения; – Как решить, можно ли вообще оставлять сценарий доступным во время движения; – Почему лучшая функция для водителя часто та, которая не требует действия; – Какие правила помогают оценивать читаемость, контраст, шрифты и анимации; – Что разрешено делать за рулём, а какие сценарии лучше блокировать до стоянки; – Из каких компонентов собирать безопасные экраны для машины; – Почему дизайн-решения здесь оцениваются не только по удобству, но и по риску отвлечения; – На какие стандарты опирается гайд: ГОСТ, ISO, NHTSA и Android Automotive. ➡️ Читать гайд ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Изображение канала: Retro Figma
Анимация интерфейса.
Video is not supported
Изображение канала: Дизайнер, привет
🚦 Как 2ГИС превратил «зелёную волну» в интерфейс
Я кайфанул от статьи, это прям продуктово покопаться в таком незначительном элементе) Даня из команды Транспорт в 2ГИС рассказывает, как в навигаторе запускали подсказку для проезда светофоров без лишних остановок. Идея звучит просто: если известны состояния светофоров по маршруту, можно подсказать водителю скорость, при которой он попадёт в зелёную волну. Но в машине простой идеи недостаточно, потому что каждый новый элемент на экране конкурирует не с красивой пустотой, а с дорогой, маршрутом, манёврами, камерами и вниманием водителя. Самое интересное в кейсе, как команда искала форму для этой подсказки. Текстовые сообщения оказались слишком тяжёлыми, одно число требовало постоянного сравнения, а зона спидометра уже была занята предупреждениями. В итоге решение собралась из двух слоёв: плашка с диапазоном скорости даёт точность, а аналоговая шкала с зелёной зоной помогает быстро понять, в потоке ты или нет. Отдельно сильная часть кейса, что дизайнер не остановился на макетах, а полез в математику стрелки, код и параметры анимаций, чтобы фича доехала до релиза в нужном виде. Внутри: – Почему «просто показать скорость» оказалось плохой постановкой задачи; – Как интерфейс навигатора ограничивает любое новое решение; – Почему зелёная волна должна ощущаться как состояние, а не как уведомление; – Как диапазон скорости оказался понятнее одного целевого числа; – Зачем в интерфейсе появился аналоговый спидометр с зелёной зоной; – Как анимации помогают дать обратную связь без лишнего шума; – Почему дизайнеру пришлось проверять техническую реализацию самому; – Что 2ГИС планирует добавить дальше: награды за серию зелёных светофоров и новые города. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Изображение канала: Щёлочь
❤️ а продолжим уже тут! ❤️
Воркшоп | 21.06 12:00 | «Моушн на слух: визуализируем звук в After Effects» 21.06 в 12:00 разберёмся, как визуализировать звук и музыку через движение, форму и трансформацию объектов в After Effects. Спикер: Евгения Никонова — моушн-дизайнер в Rambler&Co, новый куратор курса БМГ. Ex-ревьюер в Яндекс Практикуме, преподаватель, выпустила более 300 студентов. Работала с Авито, ВТБ, VK, Купер, ВДНХ, Ростех и другими На воркшопе разберём базу ключевой анимации, траекторию и приёмы трансформации объектов. Покажем, как синхронизировать вайб трека с графикой и собрать видеоарт на свою музыку. В финале Женя даст фидбек по работам участников. По итогам у вас: — видеоарт на ваш трек — базовый навык работы в After Effects и моушн-дизайне — лайфхаки и обратная связь от куратора Воркшоп подойдёт новичкам и тем, кто ни разу не открывал программу. After Effects нужно будет установить заранее, ссылкой поделимся. [ занять место ] любые вопросы можно задать в @alkali_support_bot
Изображение канала: Щёлочь
😝 дайджест задротских 😝
моушн-событий июня! ❤️ начнём отсюда ❤️ Вебинар | 14.06 12:00 | «Как моушн превращает кейсы в вау-презентацию» 14 июня в 12:00 по мск разберём, как моушн-дизайн помогает усиливать портфолио и продавать проекты быстрее. Статичные работы можно показать динамично: через анимацию, ритм, акценты. Моушн помогает за несколько секунд объяснить идею, удержать внимание и сделать так, чтобы портфолио хотелось досмотреть до конца. Спикер: Евгения Никонова — моушн-дизайнер в Rambler&Co, новый куратор курса БМГ. Ex-ревьюер в Яндекс Практикуме, преподаватель для абитуриентов, выпустила более 300 человек. Еx-арт-директор в креативном агентстве полного цикла НСМ, сотрудничала с Авито, ВТБ, VK, Купер, ВДНХ, Ростех и другими. 1. Посмотрим, в каких областях дизайна можно применять моушн (спойлер: везде, даже в книгах) 2. Разберём примеры выигрышного использования анимации в портфолио, на которое залипнут работодатели 3. Личный опыт Жени, как за счет моушн-дизайна повысить свой чек, а в конце ответим на все вопросы участников [ бесплатная регистрация ]
Изображение канала: Дизайн-снайпер
Минутка букв:
Люблю анимацию про кинетическую, подвижную типографику. Особенно как промо и попытку привлечь внимание дизайнеров. Дизайн для дизайнеров от дизайнеров. Десятилетний юбилей шрифтовой студии Blaze Type. Обновили сайт по этому поводу.
Video is not supported