Фото: Motionographer

Дневной рекап

Оммаж Стиву Джобсу, агенты на холсте и город из рекламы

Вечерний рекап «ЗДЕСЬ»: от тонких визуальных цитат до законов чистого моушна и дерзких рекламных ходов

New Balance помещает кроссовки в декорации культовой презентации пятнадцатилетней давности, а разработчики всерьёз пытаются доверить верстку интерфейсов автономным агентам. Сегодня всё крутится вокруг контекста и точности жеста: софт постепенно берет на себя черновую сборку, возвращая авторам право на иронию, насмотренность и чистый стиль.

Внутри выпуска смотрим, как навести порядок в анимации списков, заглядываем в трехмерный интерактивный мегаполис агентств и изучаем свежую авторскую анимацию.

New Balance воссоздал кадр с презентации iPad 2010 года в карточке кроссовок 992

The image shows a person's legs and feet, clad in blue jeans and gray New Balance sneakers, resting on a black leather armchair. The person is wearing black socks. The image is part of a product listing on a website, as indicated by the text "Made in USA 992 Core $199.99". The website also displays a 4.4 rating and a l
Фото: источник

Синие джинсы, черный верх и расслабленная посадка в глубоком кресле — в карточке кроссовок New Balance 992 на официальном сайте бренда появился примечательный кадр. Модель на снимке в деталях повторяет образ сооснователя Apple Стива Джобса во время премьеры первого планшета iPad в 2010 году. Джобс годами выходил на публику именно в серых 992, и марка решила напомнить об этом без громких слоганов.

Пасхалку спрятали прямо в галерею изображений товара, превратив студийный лукбук в аккуратный оммаж историческому выступлению:

  • Черное кожаное кресло: герой съемки сидит в той же позе и с теми же жестами, что и Джобс на сцене четырнадцать лет назад.
  • Узнаваемый гардероб: классические синие джинсы и лаконичный темный свитер.
  • Серые New Balance 992 на ногах модели — центральный элемент кадра, связывающий архивную презентацию техники с каталогом обуви.
The image shows a man seated in a black leather armchair, engrossed in his work on a tablet. He is dressed casually in a black turtleneck shirt and blue jeans, with white sneakers on his feet. His hair is short and light brown. The man is positioned in the center of the image, with the black leather armchair and the da
Фото: источник

Нас подкупило, как точно здесь выдержана мера. Вместо прямолинейного брендинга и покупки архивных прав New Balance использует чистый визуальный код, понятный каждому дизайнеру и арт-директору с первого взгляда. Грамотная визуальная цитата по-прежнему работает тоньше любого пресс-релиза.

Figma с автономными агентами: чем интересен редактор Pen.dev

Иллюстрация: редакция ЗДЕСЬ

Знакомый серый фрейм, бесконечный холст и хоткеи, заученные до автоматизма, только вместо стажера рутинные экраны собирают автономные алгоритмы. Разработчики представили Pen.dev — гибрид графического редактора и рабочей среды для генеративного дизайна. Софт работает локально на macOS, Windows и Linux, а для пишущих код дизайнеров доступен в виде расширения прямо внутри IDE.

Интерфейс не требует переучивания: на холст перенесли раскладку горячих клавиш из Figma и Sketch, привычную работу со слоями, компонентами, переменными и градиентами. Туда же можно напрямую закидывать макеты в формате .fig. Логику ботов связывают с языковыми моделями через личные подписки на ChatGPT и Claude, а также по API или через Model Context Protocol (MCP).

Что умеет инструмент

  • AI Pen: генеративный инструмент рисования, с помощью которого агент сам вычерчивает векторные объекты.
  • Встроенный браузер: переносит живую веб-страницу прямо на холст для быстрого анализа или полной переработки.
  • Шейдеры: отдельный блок для генерации и тонкой настройки процедурных визуальных эффектов.
  • Широкий экспорт: проект можно забрать версткой в HTML и CSS или выгрузить в привычных форматах — PDF, PNG, JPEG и WEBP.

Финансовый порог входа вполне земной. Pen.dev использует модель freemium: пощупать базовые возможности дают на бесплатном пробном периоде, а платные тарифы стартуют от 16 долларов в месяц при годовой оплате. Для тяжелого продакшена предусмотрен план Ultra, где над одним макетом одновременно трудятся до шести автономных ИИ-агентов.

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

Карл Кох объяснил принципы чистой анимации интерфейсов и списков

Иллюстрация: редакция ЗДЕСЬ

Строка удаляется из списка, и соседи мгновенно запрыгивают на освободившееся место, ломая визуальный фокус. Глаз теряет ориентиры, когда макет меняется за один кадр. Дизайнер и разработчик Карл Кох разобрал механику плавной хореографии интерфейса, показав, как заставить элементы перестраиваться осмысленно с помощью классической концепции FLIP (First, Last, Invert, Play).

Суть паттерна в том, чтобы обмануть браузер и уберечь процессор от бесконечного пересчета тяжелых параметров вроде top или margin. Сначала система считывает стартовые координаты через getBoundingClientRect, затем фиксирует финальное положение, инвертирует разницу через легкую CSS-трансформацию transform: translate() и запускает переход в ноль. В коде библиотеки Motion (которая раньше называлась Framer Motion) эту рутину берет на себя атрибут layout, а компонент AnimatePresence с параметром popLayout мгновенно выдергивает удаляемый блок из общего потока, освобождая путь соседям еще до конца анимации выхода.

Сценарии и выверенные тайминги

Кох разбирает пять типовых ситуаций перестройки экрана:

  • добавление и стирание строк в таблицах или списках;
  • фильтрация объектов в интерактивной сетке;
  • разворачивание аккордеонов и контентных карточек;
  • переключение между компактным и подробным представлением данных;
  • ручная сортировка и изменение порядка элементов.

Главная находка автора кроется в рассинхронизации таймингов. Исчезающий объект должен растворяться стремительно: на это отводится около 200 мс с функцией плавности easeIn через затухание, размытие или легкое масштабирование. Оставшиеся же элементы скользят на новые позиции заметно медленнее — от 200 до 350 мс либо на пружине с жесткостью stiffness: 400 и демпфированием damping: 30. Так зритель успевает зафиксировать пропажу и проследить траекторию сдвига.

Кох отдельно разбирает ловушки масштабирования: трансформация scale часто растягивает типографику, корежит скругления углов border-radius и ломает тени. Чтобы сохранить графику чистой, текст стоит прятать во внутренний контейнер без масштаба, предпочитать обычный сдвиг translate и проявлять новый контент через прозрачность. В отличие от браузерного View Transitions API, подходящего для смены экранов, подход Коха сохраняет элементы интерактивными и отзывчивыми к кликам прямо в полете. А для режима пониженного движения prefers-reduced-motion автор советует отключать физические перемещения layout={false}, оставляя лишь мягкие переходы прозрачности и цвета.

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

Mistral Large 4 выходит с открытыми весами и ценником уровня флагманов

The image presents a triptych of three graphs, each representing a different aspect of productivity. The first graph, titled "Intelligence," displays a bar graph with three distinct bars, each representing a different aspect of intelligence. The second graph, titled "Speed," shows a line graph with three lines, each re
Фото: Artificial Analysis

Французская Mistral запустила превью мультимодальной флагманской системы Mistral Large 4, известной внутри команды под именем le Chonk. За ироничным прозвищем стоит архитектура на 1 триллион параметров с 49 миллиардами активных весов. Модель с нуля тренировали в Европе на собственной базе из 3 800 графических процессоров NVIDIA Grace Blackwell. Бюджет обеспечил инвестиционный раунд Series D на 3 миллиарда евро, а в обучающую выборку вошли более 160 языков, включая все официальные языки Евросоюза. Публичный релиз открытых весов намечен на конец текущего месяца, а пока доступ открыли через API и тестовый интерфейс Mistral Studio.

Разработчики строили европейский противовес американским и китайским нейросетям, но на практике столкнулись с жесткой конкуренцией. В мировом зачете модель стартовала с 64-й позиции. При этом стоимость запросов к ней сопоставима с тарифами закрытой GPT-6 Astra, а по балансу цены и качества она примерно в десять раз проигрывает более экономичной DeepSeek 4.1 Flash. Пост-тренировочный конвейер модели генерирует до 33 миллиардов токенов в сутки, оставляя около 16 миллиардов отфильтрованных обучающих токенов для одновременной отладки диалогов, кода, вычислений методом Хартри — Фока и тестов вроде HarveyAI Legal Agent.

Результаты тестирования Mistral Large 4

Сценарий примененияТестовый бенчмаркЗафиксированный показатель
Слепое кодированиеSurge AI3.74 балла (второе место после Claude Opus 5 с 4.22)
Офисная автоматизацияAutomationBench (Gmail, Slack, Sheets)59.9% успешных сценариев
Рейтинг агентских задачAA-Briefcase1 393 Elo
Исправление уязвимостейТест патчинга программного кода82% (наивысший балл среди всех моделей)
КибербезопасностьCybench / Защита от инъекций B393% решенных задач / 93.3% устойчивости
Визуальное заземлениеDense 20042% точности (против 41% у закрытых систем)

В задачах разработки Coding Agent Index модели составил 49.8% при показателях 61.7% на DeepSWE v1.1, 59.4% на SWE-Atlas-QnA и 28.3% на Terminal-Bench 4. Перед открытием весов разработчики проводят ред-теминг с государственными структурами, сохраняя для будущих пользователей возможность локальной установки (on-premise) и запуска в изолированном облаке.

The image presents a bar graph titled "Code Benchmarks - Terminal-Bench 4.0". The graph displays the results of a review process for a terminal-bench, specifically for version 4.0. The bars represent different terminal-bench versions, with the orange bar labeled "Mistral Large 4 Preview" and the gray bar labeled "GLM 4
Фото: Mistral AI

Для арт-директоров и технически подкованных студий интерес представляет именно локальный контур. Когда проект требует связать генерацию ассетов с внутренним софтом, пайплайнами в Slack и конфиденциальными сценариями, отдавать данные на внешние серверы рискованно. Le Chonk, пожалуй, слишком дорог для массовой рутины, но иметь независимый открытый триллионник для закрытых производственных задач индустрии точно не помешает.

Короткометражка Busy Bodies Кейт Реншоу-Льюис вышла в сети

The image depicts a cartoon scene with a hand holding a green fish with a red nose and a yellow fin, positioned on a white sink. The fish is being held by a hand with red gloves. The sink is situated on a white countertop, which is part of a larger white structure. A small, red and white bird figurine is perched on the
Фото: Motionographer

Свежая краска на бумаге, неровное наложение слоев и живая моторика рисунка — аниматор Кейт Реншоу-Льюис выложила на Vimeo свой короткометражный фильм Busy Bodies. Картина объехала фестивали, а теперь полностью доступна онлайн для всех, кто устал от вылизанного цифрового рендера.

Ручные техники и печатный микс

Видео: Motionographer

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

  • классическая рисованная 2D-анимация;
  • шелкография (screen printing);
  • струйная печать (inkjet printing).

Такая комбинация превращает каждый кадр в осязаемый графический оттиск со случайными артефактами и глубокой фактурой.

До открытого релиза в сети проект успел собрать солидный урожай профессионального признания. Фильм вошел в официальную программу кинофестиваля «Сандэнс» 2026 года, а на фестивале Slamdance 2026 года забрал Гран-при жюри за лучшую анимационную короткометражку. Творческую кухню и закулисье продакшена автор собирает в профиле @busybodies_film.

Для арт-директоров и моушн-дизайнеров эта премьера — наглядное напоминание: аналоговые несовершенства и физическая печать до сих пор цепляют глаз сильнее безупречных процедурных текстур.

Данила Астрелин и Татьяна Хохлова построили интерактивный город российского рекламного рынка

The image depicts a vibrant miniature cityscape, possibly a model or diorama, with a large building in the center. The building is adorned with a variety of colorful lights, including purple, blue, and pink, and features a tall chimney. The cityscape is surrounded by a dark, possibly black, ground, and includes a few s
Фото: Sostav

Вместо очередного плоского каталога с логотипами рекламный рынок превратился в интерактивную карту мегаполиса. Креаторы Данила Астрелин и Татьяна Хохлова собрали виртуальное пространство, где агентства, бренды и громкие кейсы стали домами и городскими кварталами, а заметные персоны индустрии — их жителями. Задумка родилась во время учебы на курсе по креативному мышлению в школе MADS.

Как устроен виртуальный мегаполис

The image is a promotional poster for the video game "Pekjamını Föroğa". The poster features a vibrant cityscape with a variety of buildings and structures, including a large, brightly lit building with a red and white striped facade. The city is depicted in a stylized, cartoonish manner, with a dark, possibly nighttim
Фото: Sostav

Старт разработке дали в мае 2026 года. Около месяца ушло исключительно на отбор фактуры и сведение данных воедино. Карта включила в себя 62 объекта, которые авторы отбирали по понятным ориентирам:

  • шорт-листы креативных фестивалей;
  • заметные публикации в профильных медиа;
  • персональный вкус и насмотренность самих создателей.

Эксперимент быстро вышел за рамки учебного стола. На фестивале G8 город взял сразу две награды: золото в категории «Юниоры диджитал» и бронзу среди «Юниоров рекламы». Настоящий профит случился еще на этапе шорт-листа — авторы получили порядка 20 офферов и предложений о совместных проектах от лидеров рынка.

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

Крышка MacBook превратилась в рекламную площадку за полтора миллиона рублей

Иллюстрация: редакция ЗДЕСЬ

Десять пустых прямоугольников на металлической крышке ноутбука ушли с молотка за 1 472 784 рубля. Контент-креатор Марат Юсупов придумал и запустил открытые торги за пять суток, предложив брендам занять свободное место на своем личном MacBook. В итоге обычный рабочий инструмент превратился в витрину с миллионными оборотами.

Как устроена механика торгов

Суммарный объем всех опубликованных ставок перевалил за 10,9 миллиона рублей. Ажиотаж подогрели правилами: деньги на картах участников лишь временно блокировали и возвращали сразу, как только ставку перебивал конкурент. Маркетологи быстро оценили лазейку — компании влетали в инфополе, собирали бесплатные охваты в прямом эфире и ничего не платили, если их предложение оказывалось не финальным. Самое дорогое место забрала «Яндекс Реклама», отдав за один стикер 300 тысяч рублей.

Нас подкупает здесь даже не итоговая выручка создателя до вычета налогов и комиссий, а изящество самой идеи. Любая привычная вещь в руках автора контента становится медианосителем — достаточно просто придумать азартную механику и вовремя открыть торги.

Ещё дневной рекап