Здорово не-дизайнерски делаются иногда вещи на смысловых сочетаниях. Штука, которая едва ли автором в полной мере осознается как дизайн, и не окажется на каком-нибудь пинтересте, так что закидываю для фиксации

Направление

А что, если нужно будет повторить идею с примеров выше на куда меньшей сетке?

С такой задачей я столкнулся, когда анимировал логотип yandex cup 24 (а недавно актуализировал его уже для этого года)

в рамках не самого большого текста нужно было выстроить такую последовательность изменений символов, чтобы придать им ощущение диджитал-хаоса

Если посмотреть подробнее на то, как оно реализовано, то это несколько направленных движений на каждой линии, которые перетекают между собой

для этого используется перемещение сходных или одинаковых элементов, а также заложенное в символы направление
“>” очевидно смотрит вправо, а значит, движение этого символа вправо будет ожидаемым, то есть комфортно предсказуемым в рамках такой сложной многосоставной анимации, что упростит ее восприятие


А чтобы сохранить ощущение хаоса, там, где возникают точки в движении, позаимствовал прием из текстовых интерфейсов. Когда нужно показать загрузку одними только символами, есть удивительно много разных способов (надо как-нибудь сделать полноценное исследование не тему). Например, последовательность из
/, - и \ создают ощущение вращения

Не менее приятная бронза на СРЕДЕ за Арбузные сны в +45°С в составе команды.
Шура Кашенцева, Анна Михайлина и Даниил Зуев, ура! 🔥

Ну что ж. Мы на еще один год ближе к сингулярности😄 с чем всех и поздравляю. Ну и с наступившим Новым годом!

А мой проект тем временем сегодня получил серебро на The World Brand Design Society – Student Design Awards. Год начинается прекрасно

P.S. На каникулах наконец будет время дописать несколько постов, которые накопились в заметках за последний месяц. Так что не переключайтесь

За этот год появилось немало искусственных решений в сфере моушен-дизайна. Вслед за изображениями и видео ИИ пытаются научить генерировать векторные анимации. Пробовал всё, что попадалось, и обнаружил ровно то, что и ожидал —формальное применение базовых приёмов (проявления по прозрачности, скейлу и тримпас) даже без попыток уловить контекст работы; отсутствие контроля и инструментария для сложных сцен

Если у кого-то будет желание попробовать, вот самые заметные:

• Magic Animator от LottieLab. Очень правильно, что реализовали функицонал через плагин к фигме — это позволяет напрямую взаимодействовать с векторными параметрами. Неудивительно, что их сильная сторона это UI анимации.
• Hera. Наоборот, самостоятельный сервис. Отсюда и полное игнорирование исходного дизайна, который он принимает картинками и видеореференсами. Зато хорошо генерит абстрактные видеоэксплейнеры и универсальную кинетическую типографику с учетом заданных шрифтов и цветов

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

(На фотке Бык, Пабло Пикассо, 1962г)