☀️ Еще немного про обновление VK музыки На этапе разработки визуала решалось несколько основных проблем: ✨ 1. Разрабатывать 2D или 3D элементы и анимацию для прототипа? Изначально были мысли разработать 3D анимации для элементов в Cinema4D и морфить фигуры из одной в другую. Такой подход давал больше возможностей в шейдерах и работе с объемом. Однако в этом варианте каждая итерация правок занимала бы слишком много времени. Поэтому решили делать все слоями в 2D, используя только After Effects и добавляя объема с помощью градиентов. Эффект стекла также можно было интереснее реализовать в 3D, но время рендера для такого проекта было бы неподъемным. Слои внутри проекта: форма → цвет → свечение → стекло → текстуры → хроматические аберрации 🌛 2. Какие формы выбрать для элементов? Важно было, чтобы каждый элемент ассоциировался с определенным настроением и при этом был простым и понятным. В итоге выбрали такие пары для настроений VK Микса: Сердце — любовь Огонь — активно Солнце — радостно Цветок — спокойно Полумесяц — грустно ✉️ 3. Как передать информацию разработчикам? После подготовки прототипов мы создали гайд в фигме, в котором описали все используемые эффекты по слоям. Прикрепили палитры цвета и подробно рассказали про нюансы прототипов. Об этапах разработки вы можете посмотреть и послушать подробнее в лекции от Тёмы Нестеренко. Behance VK Music